Update theme colors

Merge version_12 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";
@@ -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-1772617011051-vili4pw9.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-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

@@ -10,15 +10,15 @@
   --accent: #4a4a4a;;;;
   --background-accent: #883535;;;; */
 
-  --background: #000000;;;;
-  --card: #000000;;;;
-  --foreground: #F5F5F7;;;;
-  --primary-cta: #F5F5F7;;;;
-  --primary-cta-text: #000000;;;;
-  --secondary-cta: #0a0a0a;;;;
-  --secondary-cta-text: #F5F5F7;;;;
-  --accent: #4a4a4a;;;;
-  --background-accent: #883535;;;;
+  --background: #f6f0e9;;;;
+  --card: #efe7dd;;;;
+  --foreground: #2b180a;;;;
+  --primary-cta: #2b180a;;;;
+  --primary-cta-text: #f6f0e9;;;;
+  --secondary-cta: #efe7dd;;;;
+  --secondary-cta-text: #2b180a;;;;
+  --accent: #94877c;;;;
+  --background-accent: #afa094;;;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);