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,16 +28,12 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Menu", id: "menu" },
-        {
+        { name: "Reviews", id: "testimonials" },
-          name: "Menu",          id: "menu"},
+        { name: "Location", id: "location" },
-        {
-          name: "Reviews",          id: "testimonials"},
-        {
-          name: "Location",          id: "location"},
       ]}
       brandName="Tasty Munch"
     />
@@ -45,44 +41,16 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
+      background={{ variant: "gradient-bars" }}
-        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: "Order Now (WhatsApp)",          href: "https://wa.me/2348158204093"},
+        { text: "Get Directions", href: "https://maps.google.com" },
-        {
-          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>
 
@@ -93,18 +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" },
-          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" },
-        {
+        { id: "p3", name: "Chicken Specials", price: "₦3,200", imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-delicious-christmas-dishes_23-2148719878.jpg" },
-          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"},
       ]}
       title="Featured Menu"
       description="Premium ingredients, unforgettable flavors."
@@ -116,16 +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" },
-          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" },
-        {
-          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"},
       ]}
       title="What Our Customers Say"
       description="Authentic taste from the streets of Malete."
@@ -134,16 +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."]}
+        "📍 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"},
       ]}
+      useInvertedBackground={false}
     />
   </div>
 
@@ -152,32 +98,7 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="inline-image"
       useInvertedBackground={true}
-      features={[
+      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"},
-      ]}
       title="Tasty Lifestyle"
       description="A peek into our premium process and vibe."
     />
@@ -185,47 +106,36 @@ 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: "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: "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."},
       ]}
-      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"
-      inputPlaceholder="Enter your name or message"
       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={{
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-        text: "Privacy Policy",        href: "#"}}
+      rightLink={{ text: "Contact Us", href: "tel:08158204093" }}
-      rightLink={{
-        text: "Contact Us",        href: "tel:08158204093"}}
     />
   </div>
       </ReactLenis>

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);