Merge version_18 into main

Merge version_18 into main

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";
@@ -23,14 +23,13 @@ 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,
-  mediaAnimation: "blur-reveal" as const,
+  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATOPwaLclIhBPrud8y1xTqDki0/uploaded-1772696530462-ap9wxfmj.png",  imageAlt: "Wood-fired pizza fresh from oven",  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"
+  containerClassName: "relative",  className: "relative z-10"
 };
 
 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-1772617011051-vili4pw9.png)',
-        backgroundSize: 'cover',
-        backgroundPosition: 'center',
-        backgroundAttachment: 'fixed'
-      }}>
-        <HeroSplit {...heroProps} />
+      <div id="hero" data-section="hero">
+        <HeroOverlay {...heroProps} />
       </div>
 
       <div id="philosophy" data-section="philosophy">

src/app/styles/variables.css

@@ -14,7 +14,7 @@
   --card: #000000;;;;
   --foreground: #F5F5F7;;;;
   --primary-cta: #F5F5F7;;;;
-  --primary-cta-text: #000000;;;;
+  --primary-cta-text: #e0dede;;;;
   --secondary-cta: #0a0a0a;;;;
   --secondary-cta-text: #F5F5F7;;;;
   --accent: #4a4a4a;;;;