"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 FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Our Story",
          id: "about",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Taste of China"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="Taste of China: Authentic Culinary Mastery"
      description="Experience the traditional flavors of China, crafted with fresh, premium ingredients to transport your senses directly to the heart of Asia."
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
      ]}
      carouselItems={[
        {
          id: "c1",
          imageSrc: "http://img.b2bpic.net/free-photo/homemade-ramen-soup-with-half-egg-flat-lay_23-2148494829.jpg",
          imageAlt: "Traditional Chinese Cuisine",
        },
        {
          id: "c2",
          imageSrc: "http://img.b2bpic.net/free-photo/chopsticks-soy-sauce-near-baozi_23-2147747078.jpg",
          imageAlt: "Steaming Dim Sum",
        },
        {
          id: "c3",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529760.jpg",
          imageAlt: "Wok Fried Dishes",
        },
        {
          id: "c4",
          imageSrc: "http://img.b2bpic.net/free-photo/soup-served-with-greens-seeds_141793-966.jpg",
          imageAlt: "Kung Pao Chicken",
        },
        {
          id: "c5",
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-turkish-delight-marble-surface_114579-53459.jpg",
          imageAlt: "Peking Duck",
        },
        {
          id: "c6",
          imageSrc: "http://img.b2bpic.net/free-photo/bean-paste-soup-korean-style_1150-42954.jpg",
          imageAlt: "Authentic Soups",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="A Legacy of Traditional Flavors"
      description={[
        "For over two decades, Taste of China has served authentic, high-quality traditional dishes in an elegant, modern setting. Our chefs master the art of balance and heat to create unforgettable dining experiences.",
        "From hand-folded dumplings to perfectly seared stir-frys, we respect age-old techniques while introducing fresh, high-quality ingredients sourced locally.",
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Why Choose Our Culinary Experience"
      description="We blend traditional heritage with modern service to guarantee an authentic dining experience like no other."
      accordionItems={[
        {
          id: "acc1",
          title: "Fresh Ingredients",
          content: "We source our vegetables, meats, and spices locally every morning to ensure maximum freshness and nutritional value in every dish.",
        },
        {
          id: "acc2",
          title: "Traditional Recipes",
          content: "Our recipes are passed down through generations, honoring the culinary history of multiple Chinese regions.",
        },
        {
          id: "acc3",
          title: "Artisanal Wok Work",
          content: "Our masters use the high-heat wok method to achieve the perfect wok hei - the essence of a great stir-fry.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          brand: "Starter",
          name: "Handmade Dim Sum",
          price: "$12.99",
          rating: 5,
          reviewCount: "120",
          imageSrc: "http://img.b2bpic.net/free-photo/filter-steamer-vintage-china-hongkong_1203-3924.jpg",
        },
        {
          id: "p2",
          brand: "Main",
          name: "Sweet & Sour Pork",
          price: "$18.50",
          rating: 4,
          reviewCount: "85",
          imageSrc: "http://img.b2bpic.net/free-photo/healthy-bowl-with-tomato-soup_1220-7125.jpg",
        },
        {
          id: "p3",
          brand: "Main",
          name: "Authentic Mapo Tofu",
          price: "$16.00",
          rating: 5,
          reviewCount: "95",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-high-protein-meal-composition_23-2149089634.jpg",
        },
        {
          id: "p4",
          brand: "Main",
          name: "Beef & Broccoli",
          price: "$20.99",
          rating: 4,
          reviewCount: "110",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegetarian-meal_23-2149178175.jpg",
        },
        {
          id: "p5",
          brand: "Side",
          name: "Wok-Fried Rice",
          price: "$14.00",
          rating: 5,
          reviewCount: "200",
          imageSrc: "http://img.b2bpic.net/free-photo/from-pilaf-with-meet-dried-fruits-jug-round-plate_176474-2645.jpg",
        },
        {
          id: "p6",
          brand: "Starter",
          name: "Crispy Spring Rolls",
          price: "$9.50",
          rating: 4,
          reviewCount: "150",
          imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-spring-rolls-with-dipping-sauce_84443-81913.jpg",
        },
      ]}
      title="Signature Menu Selections"
      description="Indulge in a curated selection of our most loved traditional dishes, from savory dumplings to mouth-watering spicy stir-frys."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          title: "Best Dim Sum!",
          quote: "The dim sum here is incredibly fresh and authentic. Truly reminds me of my grandmother's cooking.",
          name: "Sarah Chen",
          role: "Food Blogger",
          imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg",
        },
        {
          id: "t2",
          title: "Highly Recommended",
          quote: "The flavors are balanced perfectly. A regular spot for my Friday night dinners now.",
          name: "Mark Wilson",
          role: "Corporate Lead",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg",
        },
        {
          id: "t3",
          title: "Authentic Cuisine",
          quote: "I have traveled to Shanghai and this place is the closest you can get to home.",
          name: "Emily Zhang",
          role: "Travel Writer",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
        },
        {
          id: "t4",
          title: "Wonderful Atmosphere",
          quote: "Not just the food, the service is professional and the atmosphere is perfect for any occasion.",
          name: "David Miller",
          role: "Marketing Director",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-japanese-street-food_23-2149410185.jpg",
        },
        {
          id: "t5",
          title: "Consistent Quality",
          quote: "I've been visiting for years and the consistency is impressive. Never a bad meal.",
          name: "Linda Wu",
          role: "Local Entrepreneur",
          imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552627.jpg",
        },
      ]}
      title="A Taste of Tradition Loved by All"
      description="Read what our wonderful guests have to say about their experience at Taste of China."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",
          title: "Do you offer takeout or delivery?",
          content: "Yes, we offer both takeout and delivery through most major platforms.",
        },
        {
          id: "f2",
          title: "Can I reserve a table?",
          content: "Certainly, you can call us or book via our website directly.",
        },
        {
          id: "f3",
          title: "Are there vegetarian options?",
          content: "Yes, we have a wide selection of vegetarian and plant-based dishes.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/chicken-squares-table_140725-6572.jpg"
      title="Frequently Asked Questions"
      description="Have questions about our menu or reservations? Find answers here."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Visit Us at Taste of China"
      description="Located in the heart of downtown, we are ready to serve you a truly authentic dining experience."
      imageSrc="http://img.b2bpic.net/free-photo/japanese-street-food-restaurant-with-bright-signs_23-2149410167.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Menu",
              href: "#menu",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Accessibility",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Taste of China"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
