"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Calendar } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumSizeLargeTitles"
        background="circleGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Vibe",
          id: "vibe",
        },
        {
          name: "Events",
          id: "events",
        },
        {
          name: "Visit",
          id: "visit",
        },
      ]}
      brandName="NEIGHBOURHOOD"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="Indore's Living Room."
      description="Coffee. Food. Community. Every single day."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-coffee-cup-dark-background_84443-73911.jpg?_wi=1",
          imageAlt: "Cafe atmosphere",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-mezcal-drink-with-maguey-worm_23-2151267853.jpg?_wi=1",
          imageAlt: "Fusion dish",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/slice-medovik-cake-with-mint-leaves_114579-3765.jpg?_wi=1",
          imageAlt: "Dessert",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269183.jpg?_wi=1",
          imageAlt: "Noodles",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-coffee-cup-dark-background_84443-73911.jpg?_wi=2",
          imageAlt: "Coffee",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-mezcal-drink-with-maguey-worm_23-2151267853.jpg?_wi=2",
          imageAlt: "Plating",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/slice-medovik-cake-with-mint-leaves_114579-3765.jpg?_wi=2",
          imageAlt: "Dessert",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269183.jpg?_wi=2",
          imageAlt: "Noodles",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-coffee-cup-dark-background_84443-73911.jpg?_wi=3",
          imageAlt: "Coffee",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-mezcal-drink-with-maguey-worm_23-2151267853.jpg?_wi=3",
          imageAlt: "Dish",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/slice-medovik-cake-with-mint-leaves_114579-3765.jpg?_wi=3",
          imageAlt: "Sweet",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-coffee-cup-dark-background_84443-73911.jpg?_wi=4",
          imageAlt: "Space",
        },
      ]}
      buttons={[
        {
          text: "Explore the Menu",
          href: "#menu",
        },
        {
          text: "Find Us",
          href: "#visit",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/closeup-portrait-sad-young-woman-emotion-concept_169016-64899.jpg",
          alt: "Customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg",
          alt: "Customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-with-coffee-cup_23-2148415886.jpg",
          alt: "Customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-stylish-arab-beard-man-wear-grey-turtleneck-black-jaket-arabian-model-guy-background-autumn-leaves_627829-4350.jpg",
          alt: "Customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/steaming-hot-coffee-cup-dark-background_84443-73911.jpg",
          alt: "Customer",
        },
      ]}
      avatarText="Join 1,500+ locals"
      marqueeItems={[
        {
          type: "text",
          text: "Artisan Coffee",
        },
        {
          type: "text",
          text: "Fusion Cuisine",
        },
        {
          type: "text",
          text: "Games Night",
        },
        {
          type: "text",
          text: "Co-Working Space",
        },
        {
          type: "text",
          text: "Community First",
        },
      ]}
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          brand: "Coffee",
          name: "Espresso + Sparkling Water",
          price: "₹ — Ask Us",
          rating: 5,
          reviewCount: "1.4k",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-mezcal-drink-with-maguey-worm_23-2151267853.jpg?_wi=4",
        },
        {
          id: "p2",
          brand: "Drinks",
          name: "Vietnamese Iced Coffee",
          price: "₹ — Ask Us",
          rating: 5,
          reviewCount: "1.4k",
          imageSrc: "http://img.b2bpic.net/free-photo/slice-medovik-cake-with-mint-leaves_114579-3765.jpg?_wi=4",
        },
        {
          id: "p3",
          brand: "Coffee",
          name: "Lavender Lemonade",
          price: "₹ — Ask Us",
          rating: 5,
          reviewCount: "1.4k",
          imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269183.jpg?_wi=3",
        },
        {
          id: "p4",
          brand: "Food",
          name: "Miso Ramen Bowl",
          price: "₹ — Ask Us",
          rating: 5,
          reviewCount: "1.4k",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-mezcal-drink-with-maguey-worm_23-2151267853.jpg?_wi=5",
        },
        {
          id: "p5",
          brand: "Dessert",
          name: "Signature Tiramisu",
          price: "₹ — Ask Us",
          rating: 5,
          reviewCount: "1.4k",
          imageSrc: "http://img.b2bpic.net/free-photo/slice-medovik-cake-with-mint-leaves_114579-3765.jpg?_wi=5",
        },
      ]}
      title="A Menu Without Borders"
      description="From Vietnamese iced coffee to miso ramen. Espresso to tiramisu. We cook from everywhere."
    />
  </div>

  <div id="vibe" data-section="vibe">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Coffee Culture",
          author: "All Day",
          description: "The kind of place you come for coffee. Stay for four hours.",
          tags: [
            "Vibe",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-coffee-cup-dark-background_84443-73911.jpg?_wi=5",
        },
        {
          id: "f2",
          title: "Work Environment",
          author: "Until 8 PM",
          description: "Work until 8. Then let the evening take over.",
          tags: [
            "Work",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/slice-medovik-cake-with-mint-leaves_114579-3765.jpg?_wi=6",
        },
        {
          id: "f3",
          title: "Friday Night",
          author: "Games Night",
          description: "Friday nights belong to everyone. Games, laughter, strangers becoming regulars.",
          tags: [
            "Events",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-food-restaurant_23-2149269183.jpg?_wi=4",
        },
      ]}
      title="You'll Know It When You Feel It"
      description="The atmosphere of a city sanctuary."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Radhika Sharma",
          role: "Creative",
          testimonial: "Best restaurant I've found in Indore recently.",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sad-young-woman-emotion-concept_169016-64899.jpg?_wi=1",
        },
        {
          id: "t2",
          name: "Priyam Chowdhury",
          role: "Designer",
          testimonial: "Filled with nature and elusive coffee making. Posh, young, hip crowd.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg",
        },
        {
          id: "t3",
          name: "Kritika Raval",
          role: "Architect",
          testimonial: "Tops in ambience and vibe. Elaborate menu from around the globe.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-coffee-cup_23-2148415886.jpg",
        },
        {
          id: "t4",
          name: "Anuj Verma",
          role: "Regular",
          testimonial: "The people, the food and my favourite Games night on Friday nights!",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-arab-beard-man-wear-grey-turtleneck-black-jaket-arabian-model-guy-background-autumn-leaves_627829-4350.jpg",
        },
        {
          id: "t5",
          name: "Priya Singh",
          role: "Writer",
          testimonial: "A sanctuary in the middle of the city. Truly special.",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sad-young-woman-emotion-concept_169016-64899.jpg?_wi=2",
        },
      ]}
      title="1,493 Reasons to Visit"
      description="Our community's words."
    />
  </div>

  <div id="visit" data-section="visit">
      <MetricCardTen
      animationType="slide-up"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          title: "Hours",
          subtitle: "Daily",
          category: "Opening",
          value: "Until 11 PM",
        },
        {
          id: "m2",
          title: "Location",
          subtitle: "Saket Nagar",
          category: "Address",
          value: "134, Main Rd",
        },
        {
          id: "m3",
          title: "Call",
          subtitle: "For Res",
          category: "Phone",
          value: "097654 49304",
        },
      ]}
      title="Find Us"
      description="Indore's Living Room awaits."
    />
  </div>

  <div id="events" data-section="events">
      <ContactFaq
      animationType="slide-up"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Work From Neighbourhood",
          content: "Your best office. Open until 8 PM daily with shared tables and great Wi-Fi energy.",
        },
        {
          id: "q2",
          title: "Friday Games Night",
          content: "Every Friday from 7 PM onwards. Come alone or bring the crew.",
        },
      ]}
      ctaTitle="Friday Nights Are Sacred"
      ctaDescription="Join us for Games Night, every Friday from 7 PM. Strangers become regulars."
      ctaIcon={Calendar}
      ctaButton={{
        text: "Book a Table",
        href: "#visit",
      }}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="NEIGHBOURHOOD"
      columns={[
        {
          title: "Links",
          items: [
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "Vibe",
              href: "#vibe",
            },
            {
              label: "Events",
              href: "#events",
            },
          ],
        },
        {
          title: "Visit",
          items: [
            {
              label: "Google Maps",
              href: "#",
            },
            {
              label: "Reserve",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2025 Neighbourhood · Women-Owned · LGBTQ+ Friendly · Indore, India"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
