"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Calendar, Candy, Droplet, Flame, LeafyGreen, Milk, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLarge"
        background="noise"
        cardStyle="gradient-radial"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Bholenath Pani Puri"
      button={{
        text: "Order Online",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogo
      logoText="Bholenath Pani Puri"
      description="Experience the authentic burst of flavor with San Diego's finest Pani Puri. Fresh, zesty, and unforgettable!"
      buttons={[
        {
          text: "View Our Menu",
          href: "#menu",
        },
        {
          text: "Find Our Location",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/side-close-view-salad-bottom-with-herbs-side-centered-dark-grey-background_140725-133952.jpg"
      imageAlt="A vibrant platter of pani puri, ready to be served, with fresh ingredients and flavorful water."
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "Our Passion for Authentic ",
        },
        {
          type: "text",
          content: "Pani Puri",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Classic Spicy",
          description: "The timeless favorite: crispy puris filled with spiced potato, chickpeas, and a fiery blend of mint and chili water.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/filled-baked-paprika-with-vegetables-meat-served-plate_1220-7634.jpg",
            imageAlt: "A plate of classic spicy pani puri",
          },
          items: [
            {
              icon: Flame,
              text: "Fiery Mint Water",
            },
            {
              icon: Potato,
              text: "Spiced Potato Filling",
            },
            {
              icon: LeafyGreen,
              text: "Fresh Herbs",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/side-close-view-salad-bottom-with-herbs-side-centered-dark-grey-background_140725-133952.jpg",
          imageAlt: "classic pani puri served",
        },
        {
          title: "Sweet & Tangy",
          description: "A delightful balance of flavors with tamarind chutney, sweet yogurt, and a hint of spice, perfect for a milder palate.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/closeup-traditional-emirates-breakfast_181624-56747.jpg",
            imageAlt: "Sweet and tangy pani puri with yogurt drizzle",
          },
          items: [
            {
              icon: Candy,
              text: "Sweet Tamarind",
            },
            {
              icon: Milk,
              text: "Creamy Yogurt",
            },
            {
              icon: Droplet,
              text: "Tangy Delights",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-cheese-bread-making-composition_23-2149042410.jpg",
          imageAlt: "classic pani puri served",
        },
        {
          title: "Catering & Events",
          description: "Bring the Bholenath Pani Puri experience to your next party! Our catering service offers live counters and customizable menus.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-celebrating-tamil-new-year_23-2151210687.jpg",
            imageAlt: "Pani puri catering setup at an event",
          },
          items: [
            {
              icon: Calendar,
              text: "Event Planning",
            },
            {
              icon: ChefHat,
              text: "Live Counters",
            },
            {
              icon: Sparkles,
              text: "Custom Menus",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/cheese-potato-chips-yogurt-wooden-plate-marble-table_114579-89599.jpg",
          imageAlt: "classic pani puri served",
        },
      ]}
      title="Our Signature Pani Puri Flavors"
      description="Explore a world of taste with our diverse range of pani puri. From traditional favorites to exciting new blends, there's a flavor for everyone to discover."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "product-1",
          brand: "Bholenath Special",
          name: "Classic Pani Puri Plate",
          price: "$7.99",
          rating: 5,
          reviewCount: "120 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/cheese-potato-chips-yogurt-wooden-plate-marble-table_114579-89599.jpg",
          imageAlt: "A plate of classic pani puri",
        },
        {
          id: "product-2",
          brand: "Sweet Temptation",
          name: "Sweet Pani Puri",
          price: "$8.49",
          rating: 4,
          reviewCount: "85 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dessert-bowl_23-2149312384.jpg",
          imageAlt: "Sweet pani puri with jaggery water",
        },
        {
          id: "product-3",
          brand: "Fusion Fun",
          name: "Cheese Pani Puri",
          price: "$9.99",
          rating: 4,
          reviewCount: "60 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-brazilian-food-plate-beer-glass_23-2148875241.jpg",
          imageAlt: "Pani puri topped with shredded cheese",
        },
        {
          id: "product-4",
          brand: "Healthy Bites",
          name: "Vegan Pani Puri",
          price: "$8.99",
          rating: 5,
          reviewCount: "75 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/street-food-still-life_23-2151535155.jpg",
          imageAlt: "Vegan pani puri with plant-based fillings",
        },
        {
          id: "product-5",
          brand: "Side Delights",
          name: "Samosa Chaat",
          price: "$6.99",
          rating: 4,
          reviewCount: "95 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-dumplings-samosas-ready-eat-generated-by-ai_188544-43164.jpg",
          imageAlt: "Samosa chaat with various toppings",
        },
        {
          id: "product-6",
          brand: "Cool & Refreshing",
          name: "Dahi Puri",
          price: "$7.49",
          rating: 5,
          reviewCount: "110 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table-still-life_23-2150751968.jpg",
          imageAlt: "Dahi puri garnished with fresh cilantro",
        },
      ]}
      title="Our Delectable Menu"
      description="Discover a variety of Pani Puri and other Indian street snacks, all made with care and authentic flavors."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Bholenath Pani Puri is an absolute delight! The flavors are so authentic, it takes me right back to the streets of Mumbai. A must-try in San Diego!"
      rating={5}
      author="Priya Sharma"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/hesitant-foxy-girl-has-doubt-junk-food-fresh-vegetable-keeps-diet-holds-baked-delicious-roll-carrot-feels-temptation-wears-casual-outfit-models-indoor-nutrition-concept_273609-27888.jpg",
          alt: "Priya Sharma",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-wearing-glasses-gray-wall_114579-55336.jpg",
          alt: "Raj Patel",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
          alt: "Sneha Singh",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
          alt: "Amit Kumar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/side-view-african-woman-with-golden-earrings_23-2148747980.jpg",
          alt: "Deepa Reddy",
        },
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "What is Pani Puri?",
          content: "Pani Puri is a popular Indian street snack consisting of a round, hollow puri (crisp fried dough ball) filled with a mixture of flavored water (pani), tamarind chutney, chili powder, chaat masala, potato, onion, and chickpeas.",
        },
        {
          id: "faq-2",
          title: "Do you offer vegan/vegetarian options?",
          content: "Yes, all our pani puri are vegetarian. We also offer specific vegan options where the pani and fillings are completely plant-based, without any dairy products.",
        },
        {
          id: "faq-3",
          title: "Can I book you for catering events?",
          content: "Absolutely! We offer catering services for events of all sizes in San Diego. Please contact us through our form to discuss your event details and customize your pani puri experience.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-different-seasonings-with-sliced-cabbage-greens-beet-white-table_140725-131718.jpg"
      imageAlt="Fresh ingredients for pani puri preparation"
      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
      description="Have questions about our pani puri or catering services? We've got answers to help you plan your perfect foodie experience."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Get in Touch"
      title="Order or Inquire"
      description="Whether you want to place a bulk order, inquire about catering, or just say hello, we'd love to hear from you. Reach out to us!"
      imageSrc="http://img.b2bpic.net/free-photo/portrait-indian-man-bazaar_23-2150913202.jpg"
      imageAlt="A vibrant pani puri stall at a night market"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Your Email"
      buttonText="Send Message"
      termsText="By sending a message, you agree to our privacy policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Bholenath Pani Puri"
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Home",
              href: "#home",
            },
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "Catering",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "Facebook",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Bholenath Pani Puri. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
