Merge version_8 into main

Merge version_8 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
@@ -42,7 +42,7 @@ export default function LandingPage() {
         />
       </div>
       <div id="hero" data-section="hero">
-        <HeroBillboard
+        <HeroSplit
           title="Holy Chick! Mother Cruster!"
           description="Detroit-Style Pizza & Nashville Hot Chicken. Bold flavors, flawless execution, and a whole lotta family energy in Franklin, NJ."
           background={{ variant: "radial-gradient" }}
@@ -50,9 +50,10 @@ export default function LandingPage() {
             { text: "View Our Menu", href: "#menu" },
             { text: "Order Online", href: "#" }
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/homemade-pizza-slices-parchment-paper_23-2148120116.jpg"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EMlwlII1VSlpZmU60rB387yfBH/uploaded-1779999689682-amfupnkn.jpg"
           imageAlt="Delicious Detroit-style pizza hot chicken"
           mediaAnimation="slide-up"
+          fixedMediaHeight={false}
         />
       </div>
       <div id="about" data-section="about">
@@ -69,12 +70,12 @@ export default function LandingPage() {
           title="Our Signature Menu"
           description="Experience the best of both worlds with our legendary Detroit-style pizzas and fiery Nashville hot chicken. Every dish is crafted with passion and precision."
           products={[
-            { id: "pizza-king", name: "The King (Eliot)", price: "$8.25", variant: "Detroit Style Pizza", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fast-food-dishes_23-2149187953.jpg", imageAlt: "detroit style pizza pepperoni frico crust" },
+            { id: "pizza-king", name: "The King (Eliot)", price: "$8.25", variant: "Detroit Style Pizza", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EMlwlII1VSlpZmU60rB387yfBH/uploaded-1779999463001-6csm25zd.jpg", imageAlt: "detroit style pizza pepperoni frico crust" },
-            { id: "chicken-chickmate", name: "Chickmate Nashville", price: "$9.85", variant: "Nashville Hot Chicken Sandwich", imageSrc: "http://img.b2bpic.net/free-photo/traditional-british-chip-butty-french-fry-sandwich-wooden-table_123827-30304.jpg", imageAlt: "nashville hot chicken sandwich pickles slaw" },
+            { id: "chicken-chickmate", name: "Chickmate Nashville", price: "$9.85", variant: "Nashville Hot Chicken Sandwich", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EMlwlII1VSlpZmU60rB387yfBH/uploaded-1779999346354-x336ag7u.jpg", imageAlt: "nashville hot chicken sandwich pickles slaw" },
-            { id: "knots", name: "Great Lakes Garlic Knots", price: "$5.00", variant: "Shareables & Sides", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-sundried-tomato-tasty-snack-concept_185193-109844.jpg", imageAlt: "sourdough garlic knots red sauce parmesan" },
+            { id: "knots", name: "Great Lakes Garlic Knots", price: "$5.00", variant: "Shareables & Sides", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EMlwlII1VSlpZmU60rB387yfBH/uploaded-1779999375727-3mv1gjot.jpg", imageAlt: "sourdough garlic knots red sauce parmesan" },
             { id: "loaded-fries", name: "Mother Cruster Loaded Fries", price: "$13.50", variant: "Shareables & Sides", imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-fries-rustic-plate-generated-by-ai_188544-43099.jpg", imageAlt: "loaded fries bacon cheese scallions ranch" },
-            { id: "margherita-pizza", name: "The Motown Margherita (VG)", price: "$8.25", variant: "Detroit Style Pizza", imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-pizza-food-recipe-idea_53876-108029.jpg", imageAlt: "motown margherita pizza basil fresh tomatoes" },
+            { id: "margherita-pizza", name: "The Motown Margherita (VG)", price: "$8.25", variant: "Detroit Style Pizza", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EMlwlII1VSlpZmU60rB387yfBH/uploaded-1779999562608-yqe3cm99.jpg", imageAlt: "motown margherita pizza basil fresh tomatoes" },
-            { id: "puddin-parfait", name: "Becky's Banana Puddin' Parfait", price: "$7.50", variant: "Sweets", imageSrc: "http://img.b2bpic.net/free-photo/layered-trifle-dessert-serving-glasses_114579-43479.jpg", imageAlt: "banana puddin parfait whipped cream wafers" }
+            { id: "puddin-parfait", name: "Becky's Banana Puddin' Parfait", price: "$7.50", variant: "Sweets", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EMlwlII1VSlpZmU60rB387yfBH/uploaded-1779999593902-cxa4bz5p.jpg", imageAlt: "banana puddin parfait whipped cream wafers" }
           ]}
           gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
@@ -119,7 +120,6 @@ export default function LandingPage() {
         <TestimonialCardFifteen
           testimonial="“Remarkable experience overall! The food was exceptional, the chicken seasoned to perfection, fries just right, and incredibly quick service. The interior is unique, seating comfortable, and tables spotless. Plus, great entertainment options and reasonable prices. We will certainly be returning!”"
           rating={5}
-          author="Satisfied Customers"
           avatars={[
             { src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3540.jpg", alt: "Reviewer Sarah J." },
             { src: "http://img.b2bpic.net/free-photo/young-woman-with-curly-hair-sitting-cafe_273609-16376.jpg", alt: "Reviewer Michael C." },
@@ -130,6 +130,7 @@ export default function LandingPage() {
           ratingAnimation="blur-reveal"
           avatarsAnimation="slide-up"
           useInvertedBackground={false}
+          author="Satisfied Customers"
         />
       </div>
       <div id="faq" data-section="faq">

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4f0;
+  --background: #000000;
-  --card: #ffffff;
+  --card: #481f1f;
-  --foreground: #1a1a1a;
+  --foreground: #ffffff;
-  --primary-cta: #2c2c2c;
+  --primary-cta: #ffffff;
-  --primary-cta-text: #f5f4f0;
+  --primary-cta-text: #280101;
-  --secondary-cta: #f5f4f0;
+  --secondary-cta: #361311;
-  --secondary-cta-text: #1a1a1a;
+  --secondary-cta-text: #f6d4d4;
-  --accent: #8a8a8a;
+  --accent: #51000b;
-  --background-accent: #e8e6e1;
+  --background-accent: #ff2231;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);