Update src/app/page.tsx

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroSplit from "@/components/sections/hero/HeroSplit";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
 import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 import ContactFaq from "@/components/sections/contact/ContactFaq";
@@ -22,15 +22,14 @@ const navButton = {
 
 const heroProps = {
   title: "The Best Pizza in Midland. Two Years Running.",  description: "48-hour fermented dough. Real wood-fired pizza. Limited daily availability.",  tag: "MRT Best of Midland 2024 & 2025",  tagIcon: Award,
-  background: { variant: "plain" as const },
-  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATOPwaLclIhBPrud8y1xTqDki0/uploaded-1772692161535-oa1bbbmr.png",  imageAlt: "Wood-fired pizza fresh from oven",  imagePosition: "right" as const,
-  mediaAnimation: "blur-reveal" as const,
   buttons: [
     { text: "Reserve Your Slice", href: "#menu" },
     { text: "Call Now", href: "tel:+16325551234" }
   ],
   buttonAnimation: "blur-reveal" as const,
-  containerClassName: "relative bg-cover bg-center bg-no-repeat",  className: "relative z-10"
+  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATOPwaLclIhBPrud8y1xTqDki0/uploaded-1772692161535-oa1bbbmr.png",  imageAlt: "Wood-fired pizza fresh from oven",  imagePosition: "right" as const,
+  mediaAnimation: "blur-reveal" as const,
+  showDimOverlay: false
 };
 
 const philosophyProps = {
@@ -174,13 +173,8 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="hero" data-section="hero" style={{
-        backgroundImage: 'url(https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATOPwaLclIhBPrud8y1xTqDki0/uploaded-1772692161535-oa1bbbmr.png)',
-        backgroundSize: 'cover',
-        backgroundPosition: 'center',
-        backgroundAttachment: 'fixed'
-      }}>
-        <HeroSplit {...heroProps} />
+      <div id="hero" data-section="hero">
+        <HeroOverlay {...heroProps} />
       </div>
 
       <div id="philosophy" data-section="philosophy">
@@ -204,4 +198,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}