Update src/app/page.tsx

Merge version_3 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 NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
@@ -28,12 +28,16 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleApple
+      <NavbarLayoutFloatingOverlay
       navItems={[
-        { name: "Home", id: "hero" },
+        {
-        { name: "Menu", id: "menu" },
+          name: "Home",          id: "hero"},
-        { name: "Reviews", id: "testimonials" },
+        {
-        { name: "Location", id: "location" },
+          name: "Menu",          id: "menu"},
+        {
+          name: "Reviews",          id: "testimonials"},
+        {
+          name: "Location",          id: "location"},
       ]}
       brandName="Tasty Munch"
     />
@@ -41,16 +45,44 @@ 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>
 
@@ -61,9 +93,18 @@ 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: "p2", name: "Loaded Fries", price: "₦1,800", imageSrc: "http://img.b2bpic.net/free-photo/pastry-mix-with-glass-tea_114579-16034.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: "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."
@@ -75,8 +116,16 @@ 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: "2", title: "Always Fresh", quote: "Quality is top notch, always fresh.", name: "Sarah Jenkins", role: "Professional" },
+          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"},
       ]}
       title="What Our Customers Say"
       description="Authentic taste from the streets of Malete."
@@ -85,11 +134,16 @@ 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>
 
@@ -98,7 +152,32 @@ 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."
     />
@@ -106,36 +185,47 @@ 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: "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."},
       ]}
+      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
-      background={{ variant: "gradient-bars" }}
+      useInvertedBackground={false}
+      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."
-      buttonText="Chat on WhatsApp"
+      imageSrc="http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081456.jpg"
-      useInvertedBackground={false}
       mediaAnimation="slide-up"
+      inputPlaceholder="Enter your name or message"
+      buttonText="Chat on WhatsApp"
+      onSubmit={(message) => window.open(`https://wa.me/2348158204093?text=${encodeURIComponent(message)}`, '_blank')}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Tasty Munch by Jamblack"
-      leftLink={{ text: "Privacy Policy", href: "#" }}
+      leftLink={{
-      rightLink={{ text: "Contact Us", href: "tel:08158204093" }}
+        text: "Privacy Policy",        href: "#"}}
+      rightLink={{
+        text: "Contact Us",        href: "tel:08158204093"}}
     />
   </div>
       </ReactLenis>