Update src/app/page.tsx

Merge version_11 into main

src/app/page.tsx

@@ -23,13 +23,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-1772617011051-vili4pw9.png",  imageAlt: "Wood-fired pizza fresh from oven",  imagePosition: "right" 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
+  buttonAnimation: "blur-reveal" as const,
+  containerClassName: "relative bg-cover bg-center bg-no-repeat",  className: "relative z-10"
 };
 
 const philosophyProps = {
@@ -173,7 +174,12 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
+      <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>
 
@@ -198,4 +204,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}