changed header and hero img

src/app/pages/home/home.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit, signal, computed, ChangeDetectionStrategy } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { RouterLink } from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
 import { ApiService } from '../../services';
 import { Category } from '../../models';
 import { environment } from '../../../environments/environment';
@@ -40,7 +40,7 @@ export class HomeComponent implements OnInit {
     return cache;
   });
 
-  constructor(private apiService: ApiService) {}
+  constructor(private apiService: ApiService, private router: Router) {}
 
   ngOnInit(): void {
     this.loadCategories();
@@ -68,4 +68,8 @@ export class HomeComponent implements OnInit {
   getSubCategories(parentID: number): Category[] {
     return this.subcategoriesCache().get(parentID) || [];
   }
+
+  navigateToSearch(): void {
+    this.router.navigate(['/search']);
+  }
 }