"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumLarge"
        background="noise"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Our Story",
          id: "about",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Reviews",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Lemonade Café"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "plain",
      }}
      title="Lemonade — taste you return to daily"
      description="Spacious, fast, delicious, open 24/7. Modern urban café with Eastern soul where large portions, fresh drinks, and comfort meet reliability—even during rush hour."
      kpis={[
        {
          value: "24/7",
          label: "Always Open",
        },
        {
          value: "15m",
          label: "Avg. Serving",
        },
        {
          value: "100%",
          label: "Fresh Ingredients",
        },
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
        {
          text: "Get Directions",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/morning-breakfast-set-by-window_140725-9918.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081466.jpg",
          alt: "Top view friends",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-scanning-code_23-2149357909.jpg",
          alt: "Smiley woman",
        },
        {
          src: "http://img.b2bpic.net/free-photo/lovely-indian-couple-love-wear-saree-elegant-suit-sitting-restaurant-eating-ice-cream-together_627829-843.jpg",
          alt: "Happy couple",
        },
        {
          src: "http://img.b2bpic.net/free-photo/table-arrangement-with-dragon-fruit-snacks-outdoors_23-2150295977.jpg",
          alt: "Table arrangement",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-bistro_23-2149366461.jpg",
          alt: "Smiley friends",
        },
      ]}
      avatarText="Loved by thousands of coffee enthusiasts."
      marqueeItems={[
        {
          type: "text",
          text: "FRESHLY BREWED",
        },
        {
          type: "text",
          text: "URBAN COMFORT",
        },
        {
          type: "text",
          text: "24/7 OPEN",
        },
        {
          type: "text",
          text: "LARGE PORTIONS",
        },
        {
          type: "text",
          text: "EASTERN SOUL",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="A space where comfort meets efficiency."
      buttons={[
        {
          text: "Learn More",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Zero Wait Time",
          description: "Our streamlined process ensures you get your meal fast, even during peak hours.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/cafe-small-business-smiling-asian-barista-apron-standing-counter-coffee-shop-workin_1258-134048.jpg",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/low-angle-barista-pouring-coffee_23-2148523073.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/morning-breakfast-set-by-window_140725-9918.jpg",
          imageAlt: "fast coffee service counter",
        },
        {
          title: "Spacious Atmosphere",
          description: "No cramped seating. We offer plenty of room to work, dine, and relax.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378913.jpg",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-standing-office-desk_23-2147668760.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111485.jpg",
          imageAlt: "fast coffee service counter",
        },
        {
          title: "Large Portions",
          description: "Generous serving sizes that satisfy your hunger every single time.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-female-hands-pressing-coffee-into-tamper-prepares-order-cafe-counter_1258-203404.jpg",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/handsome-bartender-making-drinking-cocktails-counter_1303-19742.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-dish-restaurant-table_7939-3126.jpg",
          imageAlt: "fast coffee service counter",
        },
      ]}
      showStepNumbers={true}
      title="Why you'll love us."
      description="We take the frustration out of urban dining."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Fusion Noodle Bowl",
          price: "$14.99",
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-dish-restaurant-table_7939-3126.jpg",
        },
        {
          id: "p2",
          name: "Signature Lemonade",
          price: "$4.50",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-chocolate-dessert-cup-beverage-restaurant_23-2148001613.jpg",
        },
        {
          id: "p3",
          name: "Healthy Grain Bowl",
          price: "$12.99",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-crispy-fried-fish-served-with-lemon-fries-vegetable-salad_140725-2653.jpg",
        },
        {
          id: "p4",
          name: "Comfort Curry Dish",
          price: "$15.50",
          imageSrc: "http://img.b2bpic.net/free-photo/white-casserole-with-cold-summer-beet-cucumber-egg-soup-wooden-table-top-view_127032-2772.jpg",
        },
        {
          id: "p5",
          name: "Sparkling Citrus Tea",
          price: "$5.00",
          imageSrc: "http://img.b2bpic.net/free-photo/orange-thyme-infused-water-recipe_53876-18245.jpg",
        },
        {
          id: "p6",
          name: "Modern Veggie Wrap",
          price: "$11.50",
          imageSrc: "http://img.b2bpic.net/free-photo/bowl-brown-rice-with-black-beans-butternut-squash-cranberries-lime-wedges_9975-124786.jpg",
        },
      ]}
      title="Fresh, Eastern-inspired favorites."
      description="Portion sizes that matter, taste you crave."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah Miller",
          handle: "@sarah_dev",
          testimonial: "The fastest lunch I've found downtown, and the portions are incredible.",
          imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",
        },
        {
          id: "2",
          name: "David Wong",
          handle: "@david_w",
          testimonial: "Finally a space for the whole family that is clean and consistently great.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-enjoying-meal_23-2150595551.jpg",
        },
        {
          id: "3",
          name: "Emily Chen",
          handle: "@emily_study",
          testimonial: "The atmosphere is perfect for studying. I come here every single day.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-smiling-female-student-with-water-hand-joyfully-looking-camera-study-library-university_574295-1573.jpg",
        },
        {
          id: "4",
          name: "Marcus Reid",
          handle: "@marcus_reid",
          testimonial: "Incredible value for the size of the meal. Highly recommend.",
          imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customers_1170-652.jpg",
        },
        {
          id: "5",
          name: "Alex Rivera",
          handle: "@alex_r",
          testimonial: "Best lemonade in the city. Always fresh and revitalizing.",
          imageSrc: "http://img.b2bpic.net/free-photo/free-day-only-my-friends_329181-2891.jpg",
        },
      ]}
      title="Hear from our community."
      description="What our guests say about their daily Lemonade experience."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Urban Style",
        "Local Food Guide",
        "City Lifestyle",
        "Caffeine Daily",
        "Design Daily",
      ]}
      title="Loved by urban partners."
      description="Recognized for our modern approach to café culture."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",
          title: "Are you really open 24/7?",
          content: "Yes, we are open round the clock to satisfy your cravings whenever they strike.",
        },
        {
          id: "f2",
          title: "Is parking available?",
          content: "Yes, we offer convenient parking for all our guests.",
        },
        {
          id: "f3",
          title: "Do you offer takeout?",
          content: "Absolutely, our takeout service is as fast as our dining experience.",
        },
      ]}
      sideTitle="Common Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Visit or reach out."
      description="We are ready to serve you at any hour."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/house-entrance-japan-building-plants_23-2149301099.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Lemonade Café"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
