Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -32,25 +32,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Menu",
-          id: "products",
-        },
+          name: "Menu",          id: "products"},
         {
-          name: "Reviews",
-          id: "testimonials",
-        },
+          name: "Reviews",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Jackson and Black"
     />
@@ -59,31 +49,20 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="Experience Paarl's Finest Grill"
       description="Indulge in an exquisite culinary journey at Jackson and Black, where quality, passion, and flavor meet in the heart of Frater Square."
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629540.jpg",
-          imageAlt: "Restaurant ambiance",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXowF2Y8w4F7O5IyzT3XBVsud0/uploaded-1778438630476-vsufap55.png",          imageAlt: "Restaurant ambiance"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-ribs-with-bbq-sauce_74190-7662.jpg",
-          imageAlt: "Delicious grilled ribs",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXowF2Y8w4F7O5IyzT3XBVsud0/uploaded-1778438724980-c7g74zy9.png",          imageAlt: "Delicious grilled ribs"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-sits-bar-restaurant_8353-453.jpg",
-          imageAlt: "Bar area",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXowF2Y8w4F7O5IyzT3XBVsud0/uploaded-1778439028583-m4nlvps7.png",          imageAlt: "Bar area"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg",
-          imageAlt: "Elegant table setting",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXowF2Y8w4F7O5IyzT3XBVsud0/uploaded-1778439277194-qn3bcq1a.png",          imageAlt: "Elegant table setting"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/serving-table-young-woman-swhite-shirt-putting-plates-table_259150-59713.jpg",
-          imageAlt: "Service staff preparing a table",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXowF2Y8w4F7O5IyzT3XBVsud0/uploaded-1778439044083-j541xuyw.png",          imageAlt: "Service staff preparing a table"},
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -110,29 +89,19 @@ export default function LandingPage() {
       features={[
         {
           icon: Flame,
-          title: "Fire-Grilled Mastery",
-          description: "Expertly prepared cuts of meat grilled to perfection on our open flames.",
-        },
+          title: "Fire-Grilled Mastery",          description: "Expertly prepared cuts of meat grilled to perfection on our open flames."},
         {
           icon: Utensils,
-          title: "Seasonal Freshness",
-          description: "Locally sourced, fresh ingredients used in every dish we serve.",
-        },
+          title: "Seasonal Freshness",          description: "Locally sourced, fresh ingredients used in every dish we serve."},
         {
           icon: MapPin,
-          title: "Sunset Views",
-          description: "Enjoy the best outdoor seating and sunset views in Paarl at Frater Square.",
-        },
+          title: "Sunset Views",          description: "Enjoy the best outdoor seating and sunset views in Paarl at Frater Square."},
         {
           icon: Wine,
-          title: "Curated Wine List",
-          description: "Hand-picked local wines paired to elevate every bite.",
-        },
+          title: "Curated Wine List",          description: "Hand-picked local wines paired to elevate every bite."},
         {
           icon: Users,
-          title: "Warm Atmosphere",
-          description: "Designed for comfort and connection in a timeless setting.",
-        },
+          title: "Warm Atmosphere",          description: "Designed for comfort and connection in a timeless setting."},
       ]}
       title="Why You'll Love Dining With Us"
       description="From our locally sourced ingredients to our attentive service, we ensure an exceptional dining experience."
@@ -147,41 +116,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Signature BBQ Ribs",
-          price: "R 245",
-          imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-crumpled-paper-top-view-ai-generative_123827-23831.jpg",
-        },
+          id: "p1",          name: "Signature BBQ Ribs",          price: "R 245",          imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-crumpled-paper-top-view-ai-generative_123827-23831.jpg"},
         {
-          id: "p2",
-          name: "Wagyu Beef Burger",
-          price: "R 185",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bacon-burger-with-salad_23-2148784486.jpg",
-        },
+          id: "p2",          name: "Wagyu Beef Burger",          price: "R 185",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bacon-burger-with-salad_23-2148784486.jpg"},
         {
-          id: "p3",
-          name: "Crispy Pork Belly",
-          price: "R 210",
-          imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-crumpled-paper-top-view-ai-generative_123827-23834.jpg",
-        },
+          id: "p3",          name: "Crispy Pork Belly",          price: "R 210",          imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-crumpled-paper-top-view-ai-generative_123827-23834.jpg"},
         {
-          id: "p4",
-          name: "Aged Sirloin Steak",
-          price: "R 280",
-          imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seared-duck-breast-with-roasted-vegetables-rich-sauce_84443-72273.jpg",
-        },
+          id: "p4",          name: "Aged Sirloin Steak",          price: "R 280",          imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seared-duck-breast-with-roasted-vegetables-rich-sauce_84443-72273.jpg"},
         {
-          id: "p5",
-          name: "Sweet Potato Fries",
-          price: "R 45",
-          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-lettuce-tomato-cucumber-olives-corns-fried-eggplants-side-view_141793-2493.jpg",
-        },
+          id: "p5",          name: "Sweet Potato Fries",          price: "R 45",          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-lettuce-tomato-cucumber-olives-corns-fried-eggplants-side-view_141793-2493.jpg"},
         {
-          id: "p6",
-          name: "Craft Lager",
-          price: "R 55",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-bar_23-2148111170.jpg",
-        },
+          id: "p6",          name: "Craft Draught Beer",          price: "R 55",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXowF2Y8w4F7O5IyzT3XBVsud0/uploaded-1778440028708-zw6bzfmk.png"},
       ]}
       title="Our Signature Menu"
       description="A curated selection of our most loved dishes, prepared with love and high-quality ingredients."
@@ -195,25 +140,13 @@ export default function LandingPage() {
       tag="Our Growth"
       metrics={[
         {
-          id: "m1",
-          value: "1,000+",
-          description: "Happy Guests Served",
-        },
+          id: "m1",          value: "1,000+",          description: "Happy Guests Served"},
         {
-          id: "m2",
-          value: "4.6",
-          description: "Star Google Rating",
-        },
+          id: "m2",          value: "4.6",          description: "Star Google Rating"},
         {
-          id: "m3",
-          value: "100%",
-          description: "Fresh Ingredients",
-        },
+          id: "m3",          value: "100%",          description: "Fresh Ingredients"},
         {
-          id: "m4",
-          value: "20",
-          description: "Years of Experience",
-        },
+          id: "m4",          value: "20",          description: "Years of Experience"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -226,40 +159,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Marilize De Bruin",
-          handle: "@marilize",
-          testimonial: "Amazing food and service! The team made us feel so special for date night.",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
-        },
+          id: "t1",          name: "Marilize De Bruin",          handle: "@marilize",          testimonial: "Amazing food and service! The team made us feel so special for date night.",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg"},
         {
-          id: "t2",
-          name: "Nicolaas Bestbier",
-          handle: "@nicolaas",
-          testimonial: "We had the best waiter ever! Attentive, creative, and delicious food.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-handsome-man-isolated_273609-36379.jpg",
-        },
+          id: "t2",          name: "Nicolaas Bestbier",          handle: "@nicolaas",          testimonial: "We had the best waiter ever! Attentive, creative, and delicious food.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-handsome-man-isolated_273609-36379.jpg"},
         {
-          id: "t3",
-          name: "C Rudolph",
-          handle: "@crudolph",
-          testimonial: "A dinner experience to remember. Definitely recommend booking for sunset views.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-tanned-student-with-thick-beard-having-good-coffee-lunch-smiling-happily-enjoying-summer-vacations-tropical-country_273609-1756.jpg",
-        },
+          id: "t3",          name: "C Rudolph",          handle: "@crudolph",          testimonial: "A dinner experience to remember. Definitely recommend booking for sunset views.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-tanned-student-with-thick-beard-having-good-coffee-lunch-smiling-happily-enjoying-summer-vacations-tropical-country_273609-1756.jpg"},
         {
-          id: "t4",
-          name: "Sarah Miller",
-          handle: "@sarahm",
-          testimonial: "The ribs are to die for. Perfectly prepared and excellent portions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg",
-        },
+          id: "t4",          name: "Sarah Miller",          handle: "@sarahm",          testimonial: "The ribs are to die for. Perfectly prepared and excellent portions.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg"},
         {
-          id: "t5",
-          name: "David Khoza",
-          handle: "@dkhoza",
-          testimonial: "Fantastic atmosphere and great value for money. Will definitely come back.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-entrepreneur-asian-business-owner-manager-sitting-confident-smiling_1258-199004.jpg",
-        },
+          id: "t5",          name: "David Khoza",          handle: "@dkhoza",          testimonial: "Fantastic atmosphere and great value for money. Will definitely come back.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-entrepreneur-asian-business-owner-manager-sitting-confident-smiling_1258-199004.jpg"},
       ]}
       title="Stories from Our Guests"
       description="See why locals and visitors alike make us their go-to dining destination."
@@ -270,18 +178,13 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       text="Ready for a table? Reserve your experience with us today and savor the flavors of Jackson and Black."
       buttons={[
         {
-          text: "Book a Table",
-          href: "https://dineplan.com",
-        },
+          text: "Book a Table",          href: "https://dineplan.com"},
         {
-          text: "View Full Menu",
-          href: "https://jacksonandblack.co.za",
-        },
+          text: "View Full Menu",          href: "https://jacksonandblack.co.za"},
       ]}
     />
   </div>
@@ -291,33 +194,21 @@ export default function LandingPage() {
       logoText="Jackson & Black"
       columns={[
         {
-          title: "Restaurant",
-          items: [
+          title: "Restaurant",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Menu",
-              href: "#products",
-            },
+              label: "Menu",              href: "#products"},
             {
-              label: "Bookings",
-              href: "https://dineplan.com",
-            },
+              label: "Bookings",              href: "https://dineplan.com"},
           ],
         },
         {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
             {
-              label: "021 872 9283",
-              href: "tel:0218729283",
-            },
+              label: "021 872 9283",              href: "tel:0218729283"},
             {
-              label: "Frater Square, Paarl",
-              href: "#",
-            },
+              label: "Frater Square, Paarl",              href: "#"},
           ],
         },
       ]}
@@ -327,4 +218,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background: #efebe5;
+  --card: #f7f2ea;
+  --foreground: #000000;
+  --primary-cta: #000000;
+  --primary-cta-text: #efebe5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #000000;
+  --accent: #ffffff;
+  --background-accent: #e1b875;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);