Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -7,7 +7,7 @@ import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
@@ -28,24 +28,12 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Location",
-          id: "location",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Menu", id: "menu" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Location", id: "location" },
       ]}
       brandName="Tasty Munch"
     />
@@ -53,69 +41,16 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Luxury Street Food You’ll Crave Again."
       description="Fresh shawarma, loaded meals & premium taste — right in Malete."
       buttons={[
-        {
-          text: "Order Now (WhatsApp)",
-          href: "https://wa.me/2348158204093",
-        },
-        {
-          text: "Get Directions",
-          href: "https://maps.google.com",
-        },
+        { text: "Order Now (WhatsApp)", href: "https://wa.me/2348158204093" },
+        { text: "Get Directions", href: "https://maps.google.com" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-burger-composition_23-2148868224.jpg"
       imageAlt="Luxury shawarma experience"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/people-enjoying-delicious-street-food_23-2151543785.jpg",
-          alt: "Happy customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-people-enjoying-street-food_23-2151525839.jpg",
-          alt: "Happy customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-people-enjoying-street-food_23-2151525664.jpg",
-          alt: "Happy customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-people-enjoying-street-food_23-2151525825.jpg",
-          alt: "Happy customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-eating-outdoors_23-2150168142.jpg",
-          alt: "Happy customer 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ satisfied foodies in Malete"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "100% FRESH INGREDIENTS",
-        },
-        {
-          type: "text",
-          text: "PREMIUM SHAWARMA",
-        },
-        {
-          type: "text",
-          text: "FAST DELIVERY",
-        },
-        {
-          type: "text",
-          text: "AUTHENTIC SPICES",
-        },
-        {
-          type: "text",
-          text: "MALETE'S FINEST",
-        },
-      ]}
     />
   </div>
 
@@ -126,48 +61,9 @@ export default function LandingPage() {
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Classic Shawarma",
-          price: "₦2,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/arabic-kebab-sandwich-ketchup-sauce_23-2148651077.jpg",
-          imageAlt: "Classic Shawarma",
-        },
-        {
-          id: "p2",
-          name: "Loaded Fries",
-          price: "₦1,800",
-          imageSrc: "http://img.b2bpic.net/free-photo/pastry-mix-with-glass-tea_114579-16034.jpg",
-          imageAlt: "Loaded Fries",
-        },
-        {
-          id: "p3",
-          name: "Chicken Specials",
-          price: "₦3,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-delicious-christmas-dishes_23-2148719878.jpg",
-          imageAlt: "Chicken Specials",
-        },
-        {
-          id: "p4",
-          name: "Jamblack Special Shawarma",
-          price: "₦3,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-sandwich-made-meat-grilled-spit-with-seasonings-notepad-blue-desk-sandwich-burger-meat-meal-lunch-food_140725-64502.jpg",
-          imageAlt: "Special Shawarma",
-        },
-        {
-          id: "p5",
-          name: "Spicy Loaded Fries",
-          price: "₦2,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-chips_23-2147695722.jpg",
-          imageAlt: "Spicy Loaded Fries",
-        },
-        {
-          id: "p6",
-          name: "Combo Platter",
-          price: "₦5,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/tasty-bruschetta-assortment-top-view_23-2148516995.jpg",
-          imageAlt: "Combo Platter",
-        },
+        { id: "p1", name: "Classic Shawarma", price: "₦2,500", imageSrc: "http://img.b2bpic.net/free-photo/arabic-kebab-sandwich-ketchup-sauce_23-2148651077.jpg" },
+        { id: "p2", name: "Loaded Fries", price: "₦1,800", imageSrc: "http://img.b2bpic.net/free-photo/pastry-mix-with-glass-tea_114579-16034.jpg" },
+        { id: "p3", name: "Chicken Specials", price: "₦3,200", imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-delicious-christmas-dishes_23-2148719878.jpg" },
       ]}
       title="Featured Menu"
       description="Premium ingredients, unforgettable flavors."
@@ -179,46 +75,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          title: "Top Notch!",
-          quote: "Best shawarma in Malete no cap 🔥",
-          name: "Tunde Adewale",
-          role: "Student",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-people-enjoying-street-food_23-2151525710.jpg",
-        },
-        {
-          id: "2",
-          title: "Always Fresh",
-          quote: "Quality is top notch, always fresh.",
-          name: "Sarah Jenkins",
-          role: "Professional",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-taking-picture-her-boyfriend-who-is-eating-donut-cafe_637285-9067.jpg",
-        },
-        {
-          id: "3",
-          title: "Great Taste",
-          quote: "The chicken specials are unreal, love the spices.",
-          name: "Michael Okafor",
-          role: "Resident",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
-        },
-        {
-          id: "4",
-          title: "Reliable",
-          quote: "My go-to place after 6 PM, hits the spot every time.",
-          name: "Fatima Bello",
-          role: "Student",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-friends-sitting-cafe_273609-5476.jpg",
-        },
-        {
-          id: "5",
-          title: "Luxury Experience",
-          quote: "Finally a luxury street food vibe that actually tastes premium.",
-          name: "Chidi Eze",
-          role: "Local",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-man-eat-salade-restaurant-waiting-woman-with-bouquet-roses_496169-302.jpg",
-        },
+        { id: "1", title: "Top Notch!", quote: "Best shawarma in Malete no cap 🔥", name: "Tunde Adewale", role: "Student" },
+        { id: "2", title: "Always Fresh", quote: "Quality is top notch, always fresh.", name: "Sarah Jenkins", role: "Professional" },
       ]}
       title="What Our Customers Say"
       description="Authentic taste from the streets of Malete."
@@ -227,22 +85,11 @@ export default function LandingPage() {
 
   <div id="location" data-section="location">
       <TextSplitAbout
-      useInvertedBackground={false}
       title="Find Us"
       description={[
-        "📍 Shop 7, Kwasu School Junction, Malete, Ilorin.",
-        "Open daily from 10 AM. Peak hours are around 6 PM.",
-      ]}
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:08158204093",
-        },
-        {
-          text: "Open in Maps",
-          href: "https://maps.google.com",
-        },
+        "📍 Shop 7, Kwasu School Junction, Malete, Ilorin.",        "Open daily from 10 AM. Peak hours are around 6 PM."
       ]}
+      useInvertedBackground={false}
     />
   </div>
 
@@ -251,56 +98,7 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="inline-image"
       useInvertedBackground={true}
-      features={[
-        {
-          id: "g1",
-          title: "Fresh Prep",
-          descriptions: [
-            "Crafted daily with love.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-various-spices-pepper-grinder-tomatoes-garlic-greens-pomegranate-table_179666-46794.jpg",
-        },
-        {
-          id: "g2",
-          title: "Premium Ingredients",
-          descriptions: [
-            "Locally sourced, high quality.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-raw-vegetables-wooden-surface_23-2147956539.jpg",
-        },
-        {
-          id: "g3",
-          title: "Artistic Plating",
-          descriptions: [
-            "Food that looks as good as it tastes.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/safari-party-with-snacks-high-angle_23-2149707864.jpg",
-        },
-        {
-          id: "g4",
-          title: "Kitchen Mastery",
-          descriptions: [
-            "Expertly prepared meals.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-smoke-cooked-food_23-2151259749.jpg",
-        },
-        {
-          id: "g5",
-          title: "Street Luxury",
-          descriptions: [
-            "The vibe you deserve.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030737.jpg",
-        },
-        {
-          id: "g6",
-          title: "Loaded Meals",
-          descriptions: [
-            "Satisfyingly big portions.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/salad-with-mozarella-tomato-slices-with-basilic-herbal-dressing_114579-3682.jpg",
-        },
-      ]}
+      features={[]}
       title="Tasty Lifestyle"
       description="A peek into our premium process and vibe."
     />
@@ -308,63 +106,39 @@ export default function LandingPage() {
 
   <div id="faq" data-section="faq">
       <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "Do you deliver?",
-          content: "Yes, we offer local delivery across Malete.",
-        },
-        {
-          id: "f2",
-          title: "What are your peak hours?",
-          content: "We are busiest around 6 PM, but our doors open from 10 AM daily.",
-        },
-        {
-          id: "f3",
-          title: "Can I pre-order?",
-          content: "Absolutely, message us on WhatsApp with your request.",
-        },
+        { id: "f1", title: "Do you deliver?", content: "Yes, we offer local delivery across Malete." },
+        { id: "f2", title: "What are your peak hours?", content: "We are busiest around 6 PM, but our doors open from 10 AM daily." },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg"
-      mediaAnimation="slide-up"
       title="Quick Questions"
       description="Answers to common queries."
       faqsAnimation="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
+      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="cta" data-section="cta">
       <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       tag="Order Now"
       title="Hungry? Let’s Fix That."
       description="Reach out to us directly on WhatsApp to place your order or call us."
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081456.jpg"
-      mediaAnimation="slide-up"
       buttonText="Chat on WhatsApp"
-      onSubmit={(email) => window.open('https://wa.me/2348158204093', '_blank')}
+      useInvertedBackground={false}
+      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Tasty Munch by Jamblack"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Contact Us",
-        href: "tel:08158204093",
-      }}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Contact Us", href: "tel:08158204093" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #000000;
   --card: #1a1a1a;
-  --foreground: #ffffff;
+  --foreground: #FFFFFF;
   --primary-cta: #FFD700;
   --primary-cta-text: #000000;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #8B0000;
   --secondary-cta-text: #000000;
   --accent: #FFD700;
-  --background-accent: #222222;
+  --background-accent: #8B0000;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);