check lighthous

components/home/index.js

@@ -1,11 +1,19 @@
 // Components
+import Image from "next/image";
 import SearchBar from "./search";
 import TextHeader from "./TextHeader";
 import FrequentSearches from "./FrequentSearches";
 
 function HomePage() {
   return (
-    <div className="bg-banner-home after:z-[2] !bg-bottom !bg-no-repeat !bg-cover md:!min-h-[115vh]">
+    <div className="bg-banner-home after:z-[2] md:!min-h-[115vh]">
+      <Image
+        src="/assets/images/banner-home.png"
+        alt=""
+        fill
+        priority
+        className="!object-cover !object-bottom -z-10"
+      />
       <div className="padding-responsive z-20 min-h-screen py-[120px] flex items-center justify-center flex-col gap-[40px]">
         <TextHeader />
         <SearchBar />