Migrate to modernize template

Web/src/app/pages/front-pages/blog/blog.component.ts

@@ -0,0 +1,32 @@
+import { Component, inject, OnInit } from '@angular/core';
+import { IconModule } from '../../../icon/icon.module';
+import { MaterialModule } from '../../../material.module';
+import { cardimgs } from '../front-pagesData';
+import { FooterComponent } from '../footer/footer.component';
+import { Router } from '@angular/router';
+import { FrontEndService } from '../../../services/apps/front-pages/front-end.service';
+
+@Component({
+  selector: 'app-blog',
+  imports: [IconModule, MaterialModule, FooterComponent,],
+  templateUrl: './blog.component.html',
+  styleUrl: './blog.component.scss'
+})
+export class BlogComponent implements OnInit {
+
+  private router = inject(Router);
+  private frontendService = inject(FrontEndService);
+  cardimgs = cardimgs;
+
+  ngOnInit() {
+    console.log(cardimgs, 'cardimgs');
+  }
+
+  getNavigate(cardimg: any) {
+    console.log('cardimg--->', cardimg);
+    this.frontendService.setBlog(cardimg);
+    this.router.navigate(['front-pages/blog-details'])
+
+  }
+
+}