changed header and hero img

src/app/components/header/header.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { RouterLink, RouterLinkActive } from '@angular/router';
+import { Router, RouterLink, RouterLinkActive } from '@angular/router';
 import { CartService } from '../../services';
 import { environment } from '../../../environments/environment';
 import { LogoComponent } from '../logo/logo.component';
@@ -20,7 +20,7 @@ export class HeaderComponent {
   logo = environment.logo;
   isnovo = environment.theme === 'novo';
 
-  constructor(private cartService: CartService) {
+  constructor(private cartService: CartService, private router: Router) {
     this.cartItemCount = this.cartService.itemCount;
   }
 
@@ -31,4 +31,8 @@ export class HeaderComponent {
   closeMenu(): void {
     this.menuOpen = false;
   }
+
+  navigateToSearch(): void {
+    this.router.navigate(['/search']);
+  }
 }