"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeMediumTitles"
        background="circleGradient"
        cardStyle="inset"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Kumi Kata Food"
      button={{
        text: "Order Now",        href: "#menu"}}
      animateOnLoad={true}
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlayTestimonial
      title="Experience the Art of Kumi Kata Food"
      description="Savor authentic flavors crafted with passion. From traditional Japanese ramen to innovative fusion dishes, Kumi Kata offers a culinary journey unlike any other. Fresh ingredients, exquisite taste, unforgettable moments."
      testimonials={[
        {
          name: "Aoi Nakamura",          handle: "@AoiEats",          testimonial: "Kumi Kata's ramen is simply divine! The broth is rich, noodles perfectly cooked, and toppings fresh. A true taste of Japan!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-vegetable-salad-dark-surface_140725-88402.jpg"},
        {
          name: "Hiroshi Tanaka",          handle: "@HiroshiFoodie",          testimonial: "The sushi platter was a work of art and incredibly fresh. Every piece melted in my mouth. Highly recommended!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad_74190-5237.jpg"},
        {
          name: "Mei Ling Wong",          handle: "@MeiLingCooks",          testimonial: "I'm always impressed by the vibrant flavors and quality of ingredients. The poke bowls are my absolute favorite for a healthy and delicious meal.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-hot-soup-winter-food_23-2148717422.jpg"},
        {
          name: "Kenji Sato",          handle: "@TasteExplorer",          testimonial: "Their bao buns are a must-try! Soft, fluffy, and filled with incredible savory goodness. I could eat them all day!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/glass-freshly-squeezed-juice-fruits-wooden-cutting-board_169016-49151.jpg"},
        {
          name: "Yuki Yamamoto",          handle: "@YukiFoodJournals",          testimonial: "The pad thai here is authentic and perfectly balanced. It brings me back to the bustling streets of Bangkok every time. Fantastic!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-fudge-cake_1339-7271.jpg"},
      ]}
      testimonialRotationInterval={6000}
      tag="Taste the Tradition"
      buttons={[
        {
          text: "View Our Menu",          href: "#menu"},
        {
          text: "Order Online",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",          alt: "Aoi Nakamura"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-young-man-holding-shirt-collar-with-his-hand-looking-camera_23-2148130308.jpg",          alt: "Hiroshi Tanaka"},
        {
          src: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24365.jpg",          alt: "Mei Ling Wong"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-happy-man-with-brick-background_23-2148334715.jpg",          alt: "Kenji Sato"},
        {
          src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",          alt: "Merry young adult enjoying christmas conversation on video call in room decorated for festivity celebration. Talking woman preparing to drink wine in kitchen with joyful ornaments"},
      ]}
      avatarText="Loved by thousands of foodies"
      imageSrc="http://img.b2bpic.net/free-photo/creamy-mushroom-sauteed-with-rice-salad_114579-2113.jpg"
      imageAlt="A vibrant spread of Kumi Kata food dishes"
      showBlur={true}
      textPosition="bottom"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Our Passion for Authentic Flavors"
      description={[
        "At Kumi Kata Food, we believe in crafting culinary experiences that transport you to the heart of Asian traditions. Our journey began with a simple desire: to share the authentic, rich flavors of our heritage with the world.",        "Every dish is a testament to our commitment to quality, using only the freshest, locally sourced ingredients whenever possible. Our chefs, masters of their craft, blend time-honored techniques with innovative twists to create meals that are both comforting and exciting.",        "Join us as we celebrate the art of food, one delicious bite at a time. Discover the story behind Kumi Kata and become a part of our growing family of food enthusiasts."]}
      buttons={[
        {
          text: "Meet Our Chefs",          href: "#team"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      features={[
        {
          title: "Fresh, Quality Ingredients",          description: "We handpick the freshest ingredients daily to ensure every dish bursts with natural flavor and nutritional value.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hands-holding-fresh-ripe-organic-broccoli-salad-with-greens-vegetables-cotton-bag-weekend-farmer-s-market_169016-5705.jpg",          imageAlt: "Fresh vegetables and herbs"},
        {
          title: "Unique & Authentic Flavors",          description: "Our recipes blend traditional Asian culinary techniques with modern influences, creating a unique taste profile you won't find anywhere else.",          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-fruit-salad-wooden-boards_114579-18594.jpg",          imageAlt: "Colorful spices and herbs"},
        {
          title: "Fast & Convenient Delivery",          description: "Enjoy our gourmet meals from the comfort of your home with our reliable and swift delivery service, bringing flavor directly to your door.",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-young-woman-turns-around-smiling-while-driving-her-motorbike-park-sunlight_291650-1269.jpg",          imageAlt: "Food delivery scooter on a city street"},
      ]}
      title="Why Choose Kumi Kata Food?"
      description="Discover what makes our culinary experience stand out."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      animationType="slide-up"
      products={[
        {
          id: "p-ramen",          name: "Classic Tonkotsu Ramen",          price: "$16.00",          variant: "Pork belly, soft-boiled egg, scallions",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-composition-noodles-bowl_23-2148803815.jpg",          imageAlt: "Classic Tonkotsu Ramen bowl"},
        {
          id: "p-sushi",          name: "Deluxe Sushi Platter",          price: "$38.00",          variant: "Assorted nigiri, sashimi, and maki rolls",          imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-salmon-tuna-other-sashimi-fish-meat_74190-909.jpg",          imageAlt: "Deluxe Sushi Platter"},
        {
          id: "p-poke",          name: "Spicy Ahi Poke Bowl",          price: "$18.50",          variant: "Fresh tuna, avocado, edamame, spicy mayo",          imageSrc: "http://img.b2bpic.net/free-photo/hawaiian-poke-bowl-with-salmon-bowl-with-seaweed-sesame-seeds-cabbage-top-view-flat-lay-banner_127032-2490.jpg",          imageAlt: "Spicy Ahi Poke Bowl"},
        {
          id: "p-bao",          name: "Pork Belly Bao Buns",          price: "$12.00",          variant: "Steamed buns, braised pork, pickled veggies",          imageSrc: "http://img.b2bpic.net/free-photo/japanese-dumplings-with-pork-meat-placemat-against-black-backdrop_23-2148123681.jpg",          imageAlt: "Pork Belly Bao Buns"},
        {
          id: "p-padthai",          name: "Authentic Chicken Pad Thai",          price: "$15.00",          variant: "Rice noodles, chicken, peanuts, lime",          imageSrc: "http://img.b2bpic.net/free-photo/mixed-vegetable-chicken-feet-thai-spicy-salad_1150-22957.jpg",          imageAlt: "Authentic Chicken Pad Thai"},
        {
          id: "p-dumplings",          name: "Pan-Fried Gyoza",          price: "$9.00",          variant: "Pork and cabbage dumplings with dipping sauce",          imageSrc: "http://img.b2bpic.net/free-photo/steamed-dumplings-bamboo-steamer_23-2152015836.jpg",          imageAlt: "Pan-Fried Gyoza"},
      ]}
      title="Our Signature Dishes"
      description="Explore a curated selection of Kumi Kata's most beloved and expertly crafted culinary creations."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Sarah Chen",          date: "May 10, 2024",          title: "Best Japanese food in town!",          quote: "The sushi is always fresh and beautifully presented. Every time I order from Kumi Kata, I'm absolutely delighted. Their attention to detail is unmatched!",          tag: "Sushi Lover",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-influencer_23-2151414106.jpg",          avatarAlt: "Sarah Chen",          imageSrc: "http://img.b2bpic.net/free-photo/asian-soup-near-spoon-chopsticks_23-2147762812.jpg",          imageAlt: "Sushi rolls"},
        {
          id: "t2",          name: "Michael Lee",          date: "April 28, 2024",          title: "Incredible Ramen Experience",          quote: "I've tried ramen all over, and Kumi Kata's Tonkotsu is truly exceptional. The broth is so flavorful, and the pork belly just melts. A true comfort food heaven!",          tag: "Ramen Enthusiast",          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-man-jacket-posing_171337-19811.jpg",          avatarAlt: "Michael Lee",          imageSrc: "http://img.b2bpic.net/free-photo/juicy-vegetables-spices-with-bacon-pizza-blue-textured-background_23-2148076058.jpg",          imageAlt: "Ramen bowl"},
        {
          id: "t3",          name: "Jessica Kim",          date: "March 15, 2024",          title: "Healthy & Delicious Poke Bowls",          quote: "Their poke bowls are my go-to for a healthy and satisfying lunch. The ingredients are always fresh, and I love the variety of options. So good!",          tag: "Health Conscious",          avatarSrc: "http://img.b2bpic.net/free-photo/baker-woman-rolling-dough-home-infront-video-camera-explaining-recipe-step-by-step-retired-blogger-chef-influencer-using-internet-technology-communicating-social-media-with-digital-equipment_482257-14477.jpg",          avatarAlt: "Jessica Kim",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-street-food-still-life_23-2151535336.jpg",          imageAlt: "Poke bowl"},
        {
          id: "t4",          name: "David Wilson",          date: "February 20, 2024",          title: "Addicted to their Bao Buns!",          quote: "Seriously, the bao buns are out of this world. Fluffy, savory, and perfectly balanced. I always order extra. Kumi Kata never disappoints!",          tag: "Bao Fan",          avatarSrc: "http://img.b2bpic.net/free-photo/owner-brings-fresh-veggies-shop_482257-76758.jpg",          avatarAlt: "David Wilson",          imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-green-red-smoothies-female-hands-kitchen-table_169016-39532.jpg",          imageAlt: "Bao buns"},
        {
          id: "t5",          name: "Emily Davis",          date: "January 5, 2024",          title: "Authentic Flavors, Great Service",          quote: "Kumi Kata brings true Asian flavors to life. Every dish is a delight, and the delivery is always prompt and friendly. My new favorite takeout spot!",          tag: "Foodie Favorite",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-tanned-woman-with-long-curly-hair-smiling-against-wall-trees_197531-17087.jpg",          avatarAlt: "Emily Davis",          imageSrc: "http://img.b2bpic.net/free-photo/view-breakfast-black-background-croissant_1303-1929.jpg",          imageAlt: "Pad Thai"},
        {
          id: "t6",          name: "Chris Johnson",          date: "December 1, 2023",          title: "Consistently Excellent!",          quote: "I've been a regular for months now, and the quality and taste never waver. From their dumplings to their curries, everything is consistently excellent. Keep up the great work!",          tag: "Loyal Customer",          avatarSrc: "http://img.b2bpic.net/free-photo/woman-making-salad-kitchen_1303-22253.jpg",          avatarAlt: "Chris Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/sushi-set-table_140725-5495.jpg",          imageAlt: "Dumplings"},
      ]}
      title="What Our Customers Say"
      description="Hear directly from the people who love Kumi Kata Food."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "What are your delivery hours?",          content: "Our delivery service operates from 11:00 AM to 9:00 PM, Monday through Sunday. You can place your order anytime within these hours."},
        {
          id: "faq2",          title: "Do you offer vegetarian or vegan options?",          content: "Yes, we have a variety of vegetarian and vegan dishes clearly marked on our menu. Please inform us of any dietary restrictions when ordering."},
        {
          id: "faq3",          title: "How can I check the status of my order?",          content: "Once your order is placed, you will receive a confirmation email with a tracking link. You can use this link to monitor your order's status in real-time."},
        {
          id: "faq4",          title: "What payment methods do you accept?",          content: "We accept major credit cards (Visa, Mastercard, Amex), PayPal, and Apple Pay for online orders. Cash on delivery is also an option for local orders."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about Kumi Kata Food."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Get in Touch with Kumi Kata"
      description="Have questions, special requests, or want to place a large order? Reach out to us!"
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Phone Number (Optional)"},
      ]}
      textarea={{
        name: "message",        placeholder: "Your Message or Special Request",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/man-holding-we-are-open-sign_23-2148604363.jpg"
      imageAlt="Modern kitchen or restaurant interior"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-photo/colorful-sushi-arrangement_23-2151977828.jpg"
      logoAlt="Kumi Kata Food Logo"
      columns={[
        {
          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Menu",              href: "#menu"},
          ],
        },
        {
          items: [
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="Kumi Kata Food"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
