"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLarge"
        background="noise"
        cardStyle="soft-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "#hero" },
        { name: "About", id: "#about" },
        { name: "Menu", id: "#menu" },
        { name: "Contact", id: "#contact" },
      ]}
      brandName="Ping House"
      button={{ text: "Book Now", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      background={{ variant: "glowing-orb" }}
      title="AUTHENTIC CHINESE FLAVORS, REDEFINED."
      description="Experience the art of authentic Chinese cuisine. Every dish is a masterpiece, crafted with passion and traditional secrets at Ping House."
      testimonials={[
        { name: "Ahmed K.", handle: "@ahmedk", testimonial: "The best Szechuan chicken I've ever had. Truly authentic!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756217.jpg?_wi=1", imageAlt: "3d food render noodles" },
        { name: "Sarah J.", handle: "@sarahj", testimonial: "The atmosphere and the food are incredible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cooking-asian-noodles_23-2147985295.jpg?_wi=1", imageAlt: "3d food render noodles" },
        { name: "David M.", handle: "@davidm", testimonial: "The Peking duck is crispy perfection. A must-try!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2150535890.jpg?_wi=1", imageAlt: "3d food render noodles" },
        { name: "Elena R.", handle: "@elenar", testimonial: "Beautiful presentation and even better flavors.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-ragout-grilled-chicken-breast-with-onion-carrot-bell-pepper-vegetable-salad-rice-garnish-plate_141793-4845.jpg?_wi=1", imageAlt: "3d food render noodles" },
        { name: "Marcus L.", handle: "@marcusl", testimonial: "Truly a gem for anyone seeking real culinary art.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-food-reunion-dinner-anime-style_23-2151022614.jpg?_wi=1", imageAlt: "3d food render noodles" },
      ]}
      buttons={[{ text: "View Menu", href: "#menu" }]}
      imageSrc="http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756217.jpg?_wi=2"
      mediaAnimation="blur-reveal"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756207.jpg", alt: "Customer 1" },
        { src: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756206.jpg", alt: "Customer 2" },
        { src: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756210.jpg", alt: "Customer 3" },
        { src: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks-arrangement_23-2150756215.jpg", alt: "Customer 4" },
        { src: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934670.jpg", alt: "Customer 5" },
      ]}
      marqueeItems={[{ type: "text", text: "Authentic Ingredients" }, { type: "text", text: "Master Chef Crafted" }, { type: "text", text: "Traditional Techniques" }, { type: "text", text: "Modern Elegance" }, { type: "text", text: "Culinary Excellence" }]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="A Legacy of Culinary Excellence"
      description="At Ping House, we combine centuries-old culinary traditions with modern passion. Our chefs use the freshest ingredients to bring the true soul of China to your plate."
      imageSrc="http://img.b2bpic.net/free-photo/cooking-asian-noodles_23-2147985295.jpg?_wi=2"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        { id: "1", name: "Crispy Spring Rolls", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2150535890.jpg?_wi=2" },
        { id: "2", name: "Szechuan Spicy Chicken", price: "$24.00", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-ragout-grilled-chicken-breast-with-onion-carrot-bell-pepper-vegetable-salad-rice-garnish-plate_141793-4845.jpg?_wi=2" },
        { id: "3", name: "Steamed Dumplings", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-food-reunion-dinner-anime-style_23-2151022614.jpg?_wi=2" },
        { id: "4", name: "Classic Fried Rice", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/buddha-poke-bowl-served-dark_1220-7183.jpg" },
        { id: "5", name: "Peking Duck", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-chicken-with-sweet-sour-sauce-broccoli-plate-plaid-tablecloth_141793-11165.jpg" },
        { id: "6", name: "Premium Jasmine Tea Set", price: "$10.00", imageSrc: "http://img.b2bpic.net/free-photo/various-cakes-glass-black-tea_140725-3824.jpg" },
      ]}
      title="Signature Menu"
      description="Explore our chef-curated selection of traditional favorites and contemporary delights."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Ahmed K.", role: "Food Critic", testimonial: "The balance of spices is simply unmatched in this city.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-talking-each-other-lunch-time-restaurant-focus-is-woman-eating-sandwich_637285-1962.jpg" },
        { id: "2", name: "Sarah J.", role: "Local Resident", testimonial: "A beautiful place with food that speaks for itself.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg" },
        { id: "3", name: "David M.", role: "Chef", testimonial: "Technically perfect and deeply satisfying flavor profiles.", imageSrc: "http://img.b2bpic.net/free-photo/waiter-taking-order-from-woman_107420-94752.jpg" },
        { id: "4", name: "Elena R.", role: "Food Blogger", testimonial: "Definitely a 5-star experience for any Chinese food lover.", imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-having-fun-while-being-fed-by-her-boyfriend-dining-table_637285-10475.jpg" },
        { id: "5", name: "Marcus L.", role: "Regular", testimonial: "My go-to spot for celebrations and cravings alike.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg" },
      ]}
      title="What Our Guests Say"
      description="Join our community of happy food lovers and experience authentic Chinese dining."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "15K+", description: "Happy Guests Served" },
        { id: "m2", value: "20+", description: "Award-Winning Recipes" },
        { id: "m3", value: "100%", description: "Fresh Ingredients" },
      ]}
      title="Our Culinary Impact"
      description="Numbers reflecting our commitment to taste and quality."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "Do you offer delivery?", content: "Yes, we partner with major delivery apps for your convenience." },
        { id: "f2", title: "Can I book a table?", content: "Reservations are recommended, especially on weekends." },
        { id: "f3", title: "Are there vegetarian options?", content: "Yes, we have a variety of delicious vegetarian dishes available." },
      ]}
      title="Frequently Asked Questions"
      description="Have questions about our menu or reservations?"
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{ variant: "gradient-bars" }}
      title="Stay Connected"
      description="Join our newsletter for exclusive menu previews and seasonal event invites."
      tag="Stay Updated"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        { title: "Quick Links", items: [{ label: "Menu", href: "#menu" }, { label: "Reservations", href: "#contact" }] },
        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Privacy", href: "#" }] },
      ]}
      logoText="Ping House"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}