"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { ChefHat, Star, Award, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="medium"
        sizing="medium"
        background="noise"
        cardStyle="glass-elevated"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "Experience", id: "#products" },
        { name: "Philosophy", id: "#about" },
        { name: "Cuisine", id: "#features" },
        { name: "FAQ", id: "#faq" },
      ]}
      brandName="CulinaryArt"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{ variant: "glowing-orb" }}
      title="Exquisite Dining, Curated for You."
      description="Professional private chef services bringing Michelin-level culinary artistry directly to your home."
      kpis={[
        { value: "20+", label: "Years Expertise" },
        { value: "Custom", label: "Seasonal Menus" },
        { value: "Exclusive", label: "Private Dining" },
      ]}
      enableKpiAnimation={true}
      imageSrc="http://img.b2bpic.net/free-photo/chef-preparing-gourmet-dish_23-2149504627.jpg"
      imageAlt="Private Chef service"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Culinary excellence beyond the restaurant table."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { title: "Bespoke Menus", description: "Tailored recipes crafted specifically for your palate.", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-plating_23-2149504640.jpg" },
        { title: "Premium Sourcing", description: "Farm-to-table ingredients selected daily for freshness.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-ingredients-market_23-2149504660.jpg" },
        { title: "Impeccable Service", description: "White-glove dining experience in your own space.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-setup_23-2149504655.jpg" },
      ]}
      title="The Art of Private Dining"
      description="Seamless, elevated culinary experiences designed to impress."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="blur-reveal"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        { id: "p1", name: "Degustation Series", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/degustation-menu-plating_23-2149504680.jpg" },
        { id: "p2", name: "Private Gala Menu", price: "$500", imageSrc: "http://img.b2bpic.net/free-photo/elegant-dinner-event_23-2149504690.jpg" },
        { id: "p3", name: "Interactive Cooking Class", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/cooking-class-instruction_23-2149504700.jpg" },
      ]}
      title="Signature Experiences"
      description="Our most requested culinary services, personalized for your guests."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      testimonial="An unforgettable evening. The level of detail and artistic flair in every course was truly world-class."
      rating={5}
      author="Sarah & Michael J."
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
      avatars={[{ src: "https://avatar.iran.liara.run/public/1", alt: "Guest" }]
      }
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      title="Culinary Standards"
      textboxLayout="split"
      animationType="slide-up"
      metrics={[
        { id: "m1", icon: ChefHat, title: "Courses Delivered", value: "1,500+" },
        { id: "m2", icon: Award, title: "Satisfied Clients", value: "99%" },
        { id: "m3", icon: Star, title: "Michelin Experience", value: "10 Years" },
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      faqs={[
        { id: "q1", title: "How far in advance should I book?", content: "For intimate dinners, 2 weeks notice is preferred. For large events, please reach out 1-2 months prior." },
        { id: "q2", title: "Do you provide service staff?", content: "Yes, we can provide professional waitstaff to ensure your evening is flawless." },
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Answers to common inquiries regarding our private chef services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      tag="Connect"
      title="Begin Your Culinary Journey"
      description="Book a consultation with our executive chef to start crafting your unique menu today."
      background={{ variant: "sparkles-gradient" }}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        { items: [{ label: "Dining", href: "#products" }, { label: "Philosophy", href: "#about" }] },
        { items: [{ label: "Inquiries", href: "#contact" }, { label: "Careers", href: "#" }] },
        { items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
      ]}
      logoText="CulinaryArt"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
