Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Menu", id: "menu" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="The Grill House"
     />
@@ -54,119 +42,19 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Authentic Flame-Grilled Excellence"
       description="Experience the perfect balance of smoke, spice, and seasoning. The Grill House brings master-crafted dishes to your table."
-      leftCarouselItems={[
+      leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-skewers-wooden-board-with-tomatoes_23-2148440980.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/raw-meat-plate-arrangement_23-2148917729.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/dessert-glass-cup-served-with-tea_140725-8402.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/back-back-gastronomy-experts-standing-restaurant-professional-kitchen-while-posing-camera-chefs-wearing-cooking-uniformswhile-standing-gourmet-cuisine-with-arms-crossed_482257-41991.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breasts-with-vegetables_23-2148189863.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727983.jpg" }]}
-        {
+      rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/people-cooking-professional-food-recipe-restaurant-kitchen-using-fresh-vegetables-prepare-gourmet-meal-diverse-team-cooks-making-authentic-menu-dish-gastronomy-cuisine-service_482257-43501.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/chicken-roll-kebab-tomato-onion-greens-pepper-side-view_141793-3090.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/diverse-chefs-uniform-preparing-delicious-meal-professional-kitchen_482257-121184.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-fresh-vegetables_140725-2439.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chefs-working-together_23-2151232189.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/top-view-duck-leg-cooked-sauce-garnished-with-spinach-walnut_141793-2432.jpg" }]}
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-skewers-wooden-board-with-tomatoes_23-2148440980.jpg",
+      buttons={[{ text: "Book a Table", href: "#contact" }]}
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/raw-meat-plate-arrangement_23-2148917729.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/dessert-glass-cup-served-with-tea_140725-8402.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/back-back-gastronomy-experts-standing-restaurant-professional-kitchen-while-posing-camera-chefs-wearing-cooking-uniformswhile-standing-gourmet-cuisine-with-arms-crossed_482257-41991.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breasts-with-vegetables_23-2148189863.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727983.jpg",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/people-cooking-professional-food-recipe-restaurant-kitchen-using-fresh-vegetables-prepare-gourmet-meal-diverse-team-cooks-making-authentic-menu-dish-gastronomy-cuisine-service_482257-43501.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-roll-kebab-tomato-onion-greens-pepper-side-view_141793-3090.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-chefs-uniform-preparing-delicious-meal-professional-kitchen_482257-121184.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-fresh-vegetables_140725-2439.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chefs-working-together_23-2151232189.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-duck-leg-cooked-sauce-garnished-with-spinach-walnut_141793-2432.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Book a Table",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/people_273609-1727.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316782.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-people-with-tasty-food_23-2149525567.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-friends-sitting-table_23-2149213359.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-smiley-people-with-drinks_23-2150124809.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      avatarText="Join 15,000+ satisfied guests."
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Wood-Fired",
-        },
-        {
-          type: "text",
-          text: "Locally Sourced",
-        },
-        {
-          type: "text",
-          text: "Gourmet Cuisine",
-        },
-        {
-          type: "text",
-          text: "Premium Cuts",
-        },
-        {
-          type: "text",
-          text: "Expertly Grilled",
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
-      heading={[
+      heading={[{ type: "text", content: "Crafting Flavors Since 1995" }, { type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312225.jpg", alt: "Restaurant ambiance" }]}
-        {
-          type: "text",
-          content: "Crafting Flavors Since 1995",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312225.jpg",
-          alt: "Restaurant ambiance",
-        },
-      ]}
     />
   </div>
 
@@ -175,91 +63,20 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
+      products={[{ id: "p1", brand: "Prime", name: "Ribeye Steak", price: "$42", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/closeup-juicy-meat-with-green-bean-salad-white-plate_181624-58243.jpg" }, { id: "p2", brand: "Fresh", name: "Grilled Salmon", price: "$38", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-with-grilled-chicken-pieces-cherry-tomatoes_114579-1454.jpg" }, { id: "p3", brand: "Premium", name: "Lamb Chops", price: "$45", rating: 5, reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/meat-chicken-kebab-sprinkled-with-sumac-onion_140725-9570.jpg" }]}
-      products={[
-        {
-          id: "p1",
-          brand: "Prime",
-          name: "Ribeye Steak",
-          price: "$42",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-juicy-meat-with-green-bean-salad-white-plate_181624-58243.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Fresh",
-          name: "Grilled Salmon",
-          price: "$38",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-with-grilled-chicken-pieces-cherry-tomatoes_114579-1454.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Premium",
-          name: "Lamb Chops",
-          price: "$45",
-          rating: 5,
-          reviewCount: "88",
-          imageSrc: "http://img.b2bpic.net/free-photo/meat-chicken-kebab-sprinkled-with-sumac-onion_140725-9570.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Garden",
-          name: "Roasted Vegetables",
-          price: "$22",
-          rating: 4,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-sage-with-potatoes-bell-pepper-eggplant-cooked-charcoal-top-view_140725-7235.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Bistro",
-          name: "Charcoal Skewers",
-          price: "$32",
-          rating: 5,
-          reviewCount: "110",
-          imageSrc: "http://img.b2bpic.net/free-photo/meat-barbecue-grill-nature_23-2148199440.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Gourmet",
-          name: "Wagyu Burger",
-          price: "$28",
-          rating: 5,
-          reviewCount: "205",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-green-burgers-with-green-salad-inside-round-plate-green-desk_140725-11624.jpg",
-        },
-      ]}
       title="Signature Grill Selections"
       description="Discover our hand-curated menu featuring premium meats and fresh local produce."
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardEight
       textboxLayout="default"
-      useInvertedBackground={false}
+      features={[{ title: "Farm-to-Table", description: "Locally sourced ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/fried-piece-meat-potatoes-fried-tomato_140725-6649.jpg" }, { title: "Open Fire Grill", description: "The art of natural wood smoke.", imageSrc: "http://img.b2bpic.net/free-photo/grilled-giant-river-prawn-charcoal-stove_640221-250.jpg" }, { title: "Expert Chefs", description: "Masters of the craft.", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-sliced-onion-lemon_140725-3627.jpg" }]}
-      features={[
-        {
-          title: "Farm-to-Table",
-          description: "Locally sourced ingredients.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-piece-meat-potatoes-fried-tomato_140725-6649.jpg",
-        },
-        {
-          title: "Open Fire Grill",
-          description: "The art of natural wood smoke.",
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-giant-river-prawn-charcoal-stove_640221-250.jpg",
-        },
-        {
-          title: "Expert Chefs",
-          description: "Masters of the craft.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-sliced-onion-lemon_140725-3627.jpg",
-        },
-      ]}
       title="Why Choose Us"
-      description="Experience superior quality in every bite."
+      description="We pride ourselves on quality and tradition."
+      useInvertedBackground={false}
     />
   </div>
 
@@ -267,71 +84,17 @@ export default function LandingPage() {
       <MetricCardSeven
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      metrics={[{ id: "m1", value: "15K+", title: "Satisfied Guests", items: ["Dining Experiences", "Private Events"] }, { id: "m2", value: "25+", title: "Years Experience", items: ["Culinary Heritage", "Expert Craft"] }, { id: "m3", value: "120+", title: "Daily Diners", items: ["Local Favorites", "Food Lovers"] }]}
-      metrics={[
-        {
-          id: "m1",
-          value: "15K+",
-          title: "Satisfied Guests",
-          items: [
-            "Dining Experiences",
-            "Private Events",
-          ],
-        },
-        {
-          id: "m2",
-          value: "25+",
-          title: "Years Experience",
-          items: [
-            "Culinary Heritage",
-            "Expert Craft",
-          ],
-        },
-        {
-          id: "m3",
-          value: "120+",
-          title: "Daily Diners",
-          items: [
-            "Local Favorites",
-            "Food Lovers",
-          ],
-        },
-      ]}
       title="Our Culinary Impact"
-      description="Numbers behind the flame."
+      description="Measuring success through our guests' joy."
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwelve
       useInvertedBackground={false}
-      testimonials={[
+      testimonials={[{ id: "t1", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-eating-restaurant_23-2148395385.jpg" }, { id: "t2", name: "Bob D.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-liquid-beverage-party-life_1203-4477.jpg" }, { id: "t3", name: "Charlie P.", imageSrc: "http://img.b2bpic.net/free-photo/woman-feeding-her-husband-romantic-dinner_23-2148435805.jpg" }]}
-        {
-          id: "t1",
-          name: "Alice M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-eating-restaurant_23-2148395385.jpg",
-        },
-        {
-          id: "t2",
-          name: "Bob D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/vintage-liquid-beverage-party-life_1203-4477.jpg",
-        },
-        {
-          id: "t3",
-          name: "Charlie P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-feeding-her-husband-romantic-dinner_23-2148435805.jpg",
-        },
-        {
-          id: "t4",
-          name: "Diana K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-showing-her-phone-her-friend_23-2149187023.jpg",
-        },
-        {
-          id: "t5",
-          name: "Eve S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-adult-friends-having-dinner-together_23-2148454168.jpg",
-        },
-      ]}
       cardTitle="What Guests Say"
       cardAnimation="slide-up"
       cardTag="Testimonials"
@@ -341,78 +104,36 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqSplitMedia
       textboxLayout="split"
-      useInvertedBackground={false}
+      faqs={[{ id: "q1", title: "Do I need a reservation?", content: "Reservations are recommended, especially on weekends." }, { id: "q2", title: "Do you offer vegetarian options?", content: "Yes, we feature fresh, garden-to-table dishes." }, { id: "q3", title: "Is parking available?", content: "Valet parking is provided at the main entrance." }]}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do I need a reservation?",
-          content: "Reservations are recommended, especially on weekends.",
-        },
-        {
-          id: "q2",
-          title: "Do you offer vegetarian options?",
-          content: "Yes, we feature fresh, garden-to-table dishes.",
-        },
-        {
-          id: "q3",
-          title: "Is parking available?",
-          content: "Valet parking is provided at the main entrance.",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/travelers-reception_1098-14597.jpg"
-      mediaAnimation="slide-up"
       title="Got Questions?"
-      description="Find everything you need to know about dining with us."
+      description="We are here to help with all your inquiries."
       faqsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCTA
-      useInvertedBackground={false}
+      tag="Contact Us"
-      background={{
+      title="Reserve Your Table"
-        variant: "gradient-bars",
+      description="Connect with us directly for reservations and event inquiries. Reach us via WhatsApp or follow us on Instagram."
-      }}
-      text="Ready to experience the best grill in town? Visit us or make a reservation today."
       buttons={[
-        {
+        { text: "WhatsApp", href: "https://wa.me/1234567890" },
-          text: "Call Now",
+        { text: "Follow on Instagram", href: "https://instagram.com/thegrillhouse" }
-          href: "tel:5550199",
-        },
       ]}
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterMedia
       logoText="The Grill House"
+      imageSrc="http://img.b2bpic.net/free-photo/grilled-meat-wooden-table_23-2148189886.jpg"
       columns={[
-        {
+        { title: "Menu", items: [{ label: "Lunch", href: "#menu" }, { label: "Dinner", href: "#menu" }] },
-          title: "Menu",
+        { title: "Info", items: [{ label: "Contact", href: "#contact" }, { label: "WhatsApp", href: "https://wa.me/1234567890" }, { label: "Instagram", href: "https://instagram.com/thegrillhouse" }] }
-          items: [
-            {
-              label: "Lunch",
-              href: "#menu",
-            },
-            {
-              label: "Dinner",
-              href: "#menu",
-            },
-          ],
-        },
-        {
-          title: "Info",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #0a0a0a;
-  --card: #dad6cd;
+  --card: #1a1a1a;
-  --foreground: #2a2928;
+  --foreground: #f5fffae6;
-  --primary-cta: #2a2928;
+  --primary-cta: #80da9b;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #38714a;
-  --background-accent: #c6b180;
+  --background-accent: #2c6541;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);