"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Facebook, Instagram, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Reviews",          id: "#testimonials"},
        {
          name: "Our Story",          id: "#about"},
        {
          name: "Outlets",          id: "#outlets"},
        {
          name: "Order Now",          id: "#order"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tarcge"
      logoAlt="The Appetite Momos Logo"
      brandName="THE APPETITE MOMOS"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "radial-gradient"}}
      title="MUMBAI’S ORIGINAL MOMO OBSESSION."
      description="Handcrafted momos, loaded cheese, and serious spice — since 2009. Experience the legendary taste that has captivated Mumbai."
      avatars={[
        {
          src: "asset://hero-avatar-1",          alt: "Satisfied customer reviewing food"},
        {
          src: "asset://hero-avatar-2",          alt: "Happy student enjoying momos"},
        {
          src: "asset://hero-avatar-3",          alt: "Enthusiastic foodie enjoying street food"},
        {
          src: "asset://hero-avatar-4",          alt: "Content customer reflecting on taste"},
        {
          src: "asset://hero-avatar-5",          alt: "Friends sharing momos together"},
      ]}
      buttons={[
        {
          text: "Order on Swiggy / Zomato",          href: "#order"},
        {
          text: "Find Your Nearest Outlet",          href: "#outlets"},
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",          text: "16+ Years of Legacy"},
        {
          type: "text",          text: "14+ Outlets & Growing"},
        {
          type: "text",          text: "20,000+ Happy Reviews"},
        {
          type: "text",          text: "4.3★ Avg Rating"},
        {
          type: "text",          text: "Daily Freshly Made"},
      ]}
      marqueeSpeed={40}
      showMarqueeCard={true}
      avatarText="Loved by thousands across Mumbai."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "chilli-cheese",          name: "Chilli Cheese Momos (Veg)",          price: "₹220",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-asian-dish-plate-with-herbs-chopsticks_23-2148694401.jpg",          imageAlt: "Chilli Cheese Momos with melted cheese",          onProductClick: () => console.log('View Chilli Cheese Momos'),
          initialQuantity: 1,
        },
        {
          id: "peri-peri",          name: "Peri Peri Momos (Veg/Non-veg)",          price: "₹240",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-sambal-dish-arrangement-with-copy-space_23-2149076078.jpg",          imageAlt: "Peri Peri Momos with spicy sauce",          onProductClick: () => console.log('View Peri Peri Momos'),
          initialQuantity: 1,
        },
        {
          id: "tandoori-paneer",          name: "Tandoori Paneer Momos (Veg)",          price: "₹230",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-dumplings-dough-black_140725-104333.jpg",          imageAlt: "Tandoori Paneer Momos with smoky char",          onProductClick: () => console.log('View Tandoori Paneer Momos'),
          initialQuantity: 1,
        },
        {
          id: "achari-chicken",          name: "Achari Chicken Momos (Non-veg)",          price: "₹250",          imageSrc: "http://img.b2bpic.net/free-photo/khinkali-with-meat-salad-bread-compote-salt-table_140725-11079.jpg",          imageAlt: "Achari Chicken Momos with tangy pickle flavor",          onProductClick: () => console.log('View Achari Chicken Momos'),
          initialQuantity: 1,
        },
        {
          id: "corn-nuggets",          name: "Cheesy Corn Nuggets (Veg)",          price: "₹180",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-potato-hotcakes-with-mushed-pumpkin-its-seeds-grey-background-cake-pie-hotcake-potato-meal-oil_140725-121666.jpg",          imageAlt: "Crispy Cheesy Corn Nuggets",          onProductClick: () => console.log('View Cheesy Corn Nuggets'),
          initialQuantity: 1,
        },
        {
          id: "chicken-cheese-balls",          name: "Chicken Cheese Balls (Non-veg)",          price: "₹200",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-bruschetta-assortment-copy-space_23-2148517005.jpg",          imageAlt: "Golden Chicken Cheese Balls",          onProductClick: () => console.log('View Chicken Cheese Balls'),
          initialQuantity: 1,
        },
        {
          id: "peri-peri-fries",          name: "Peri Peri Cheesy Fries (Veg)",          price: "₹150",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-french-fries-with-seasonings-dark-background-fast-food-potato-dish-burger-meal_140725-96468.jpg",          imageAlt: "Peri Peri Cheesy Fries loaded with sauce",          onProductClick: () => console.log('View Peri Peri Cheesy Fries'),
          initialQuantity: 1,
        },
        {
          id: "chilli-guava-squash",          name: "Chilli Guava Squash",          price: "₹100",          imageSrc: "http://img.b2bpic.net/free-photo/figs-peach-with-cup-drink-blue_114579-29038.jpg",          imageAlt: "Refreshing Chilli Guava Squash drink",          onProductClick: () => console.log('View Chilli Guava Squash'),
          initialQuantity: 1,
        },
        {
          id: "cold-coffee",          name: "Thick Cold Coffee",          price: "₹120",          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-frappe-dark-background_23-2148436975.jpg",          imageAlt: "Creamy Thick Cold Coffee",          onProductClick: () => console.log('View Thick Cold Coffee'),
          initialQuantity: 1,
        },
        {
          id: "blueberry-swirl",          name: "Blueberry Swirl Dessert",          price: "₹140",          imageSrc: "http://img.b2bpic.net/free-photo/bowl-full-mixed-berries_53876-41979.jpg",          imageAlt: "Creamy Blueberry Swirl Dessert",          onProductClick: () => console.log('View Blueberry Swirl Dessert'),
          initialQuantity: 1,
        },
      ]}
      title="Our Signature Creations"
      description="Indulge in Mumbai's most beloved momos and sides, from fiery Chilli Cheese to smoky Tandoori. Every bite is a flavor adventure."
      buttons={[
        {
          text: "View Full Menu",          href: "#"},
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Priya Sharma",          role: "Momo Enthusiast",          company: "Local Foodie",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2149745618.jpg"},
        {
          id: "t2",          name: "Rahul Kapoor",          role: "College Student",          company: "Thane University",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/glad-brunette-young-woman-smiles-happily-keeps-thumbs-up-shows-approval-sign-satisfied-with-service-good-feedback-says-its-excellent-dressed-casual-pink-t-shirt-isolated-white-background_273609-61011.jpg"},
        {
          id: "t3",          name: "Anjali Singh",          role: "Marketing Executive",          company: "Mumbai Ventures",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-with-christmas-sock-head-red-wall_140725-55614.jpg"},
        {
          id: "t4",          name: "Vivek Desai",          role: "Tech Professional",          company: "Powai Hub",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-food_23-2149250084.jpg"},
        {
          id: "t5",          name: "Sanya Jain",          role: "Entrepreneur",          company: "StartUp India",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2150215495.jpg"},
        {
          id: "t6",          name: "Kiran Kumar",          role: "Food Blogger",          company: "Mumbai Bites",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-block-party_23-2149571486.jpg"},
      ]}
      kpiItems={[
        {
          value: "4.1★",          label: "Google (22,900+ Ratings)"},
        {
          value: "4.3★",          label: "Swiggy"},
        {
          value: "4.4★",          label: "Zomato"},
      ]}
      title="Why Mumbai Loves Us"
      description="Experience the taste and vibe that keeps our customers coming back for more. Real reviews, real passion!"
      tag="Customer Stories"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Journey"
      title="Mumbai’s Original Momo Obsession"
      description="From a humble beginning near Thane station in 2009, The Appetite Momos grew purely on word of mouth, establishing 14+ beloved outlets across the Mumbai Metropolitan Region. Our passion for handcrafted momos and bold flavors has made us a local legend."
      subdescription="We're proud to serve Mumbai with authentic taste, premium quality, and a warm, youthful hangout vibe perfect for friends, dates, and college students alike. Join us and be part of our flavor story."
      icon={Sparkles}
      imageSrc="http://img.b2bpic.net/free-photo/side-view-women-buying-food_23-2149461678.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="promise" data-section="promise">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "100%",          title: "Handcrafted Perfection",          items: [
            "Fresh dough daily",            "Premium, locally-sourced fillings",            "Artisanal folding techniques"],
        },
        {
          id: "m2",          value: "Loaded",          title: "With Flavor & Cheese",          items: [
            "Explosive spice blends",            "Molten cheese perfection",            "Signature sauces & dips"],
        },
        {
          id: "m3",          value: "Unmatched",          title: "Comfort & Craveability",          items: [
            "The perfect anytime bite",            "Memorable taste experience",            "Chill hangout vibe & friendly service"],
        },
      ]}
      title="The Appetite Momos Promise"
      description="Every bite crafted with passion, from the freshest ingredients to the perfect blend of spices. Experience the difference of Mumbai's original momo chain."
    />
  </div>

  <div id="outlets" data-section="outlets">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      features={[
        {
          title: "Thane Naupada",          description: "Our flagship store, near Thane Station Platform 1. The original spot. Open till 12 AM.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-bistro_23-2149366411.jpg",          imageAlt: "Thane Naupada Outlet exterior",          button: {
            text: "Get Directions",            href: "https://maps.app.goo.gl/thanenaupada"},
        },
        {
          title: "Mulund West",          description: "Bustling spot in Mulund, perfect for a quick bite or a relaxed evening. Serving till 11 PM.",          imageSrc: "http://img.b2bpic.net/free-photo/shocked-young-woman-sitting-near-bar-counter-holding-drinks_23-2147859527.jpg",          imageAlt: "Mulund West Outlet interior",          button: {
            text: "Get Directions",            href: "https://maps.app.goo.gl/mulundwest"},
        },
        {
          title: "Bhandup",          description: "Your go-to momo joint in Bhandup with a lively atmosphere. Open till 11:30 PM.",          imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-sitting-coffeeshop_23-2148422418.jpg",          imageAlt: "Bhandup Outlet facade",          button: {
            text: "Get Directions",            href: "https://maps.app.goo.gl/bhandup"},
        },
        {
          title: "Powai",          description: "Taste the obsession in Powai, a favorite among college students. Open till 12 AM.",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-cuisine-taste-food-concept_53876-120881.jpg",          imageAlt: "Powai Outlet dining area",          button: {
            text: "Get Directions",            href: "https://maps.app.goo.gl/powai"},
        },
        {
          title: "Airoli",          description: "Navi Mumbai's favorite momos, serving fresh and hot. Open till 11 PM.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-backpacker-couple-take-walk-together-street_1150-4578.jpg",          imageAlt: "Airoli Outlet street view",          button: {
            text: "Get Directions",            href: "https://maps.app.goo.gl/airoli"},
        },
        {
          title: "Dombivli",          description: "Dombivli's newest hotspot for momos and street food delights. Open till 11:30 PM.",          imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-guns-wall_140725-6307.jpg",          imageAlt: "Dombivli Outlet interior seating",          button: {
            text: "Get Directions",            href: "https://maps.app.goo.gl/dombivli"},
        },
      ]}
      title="Find Your Nearest Momo Fix"
      description="With 14+ locations across Mumbai & Thane, your next delicious momo experience is just around the corner. Open till late, every day!"
    />
  </div>

  <div id="order" data-section="order">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Swiggy",        "Zomato",        "Uber Eats",        "Dunzo",        "Magicpin"]}
      title="Craving at home?"
      description="Get your momo fix delivered instantly. Quick, easy, and delicious – just a tap away!"
      buttons={[
        {
          text: "Order on Swiggy",          href: "https://www.swiggy.com/theappetitemomosofficial"},
        {
          text: "Order on Zomato",          href: "https://www.zomato.com/theappetitemomosofficial"},
        {
          text: "WhatsApp Order",          href: "https://wa.me/919876543210"},
      ]}
      speed={40}
      showCard={false}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "What makes The Appetite Momos special?",          content: "We are Mumbai’s original momo chain since 2009, known for our handcrafted momos, premium ingredients, and unique flavor combinations like Chilli Cheese and Peri Peri. Our commitment to quality and taste sets us apart."},
        {
          id: "faq2",          title: "Are there vegetarian and non-vegetarian options available?",          content: "Yes! We offer a wide range of both vegetarian and non-vegetarian momos"},
      ]}
      title="Got Questions? We’ve Got Answers!"
      description="Everything you need to know about The Appetite Momos – from our ingredients to our loyalty programs."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tarcge"
      logoAlt="The Appetite Momos Logo"
      logoText="THE APPETITE MOMOS"
      copyrightText="© 2024 The Appetite Momos. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "https://www.instagram.com/theappetitemomosofficial",          ariaLabel: "Instagram"},
        {
          icon: Facebook,
          href: "https://www.facebook.com/theappetitemomosofficial",          ariaLabel: "Facebook"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
