"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Utensils, PartyPopper, BookOpen, FileText } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="medium"
        background="circleGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "hero" },
        { name: "Philosophy", id: "about" },
        { name: "Specialties", id: "features" },
        { name: "Dishes", id: "products" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="ChefPortfolio"
      button={{ text: "Reserve Now", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Chef Alessandro"
      description="Crafting exquisite culinary experiences that celebrate art, technique, and the finest seasonal ingredients. Bringing fine dining to your table."
      buttons={[
        {
          text: "View My Portfolio",          href: "#products"},
        {
          text: "Book a Consultation",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg"
      imageAlt="professional chef plated food"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      tag="My Culinary Philosophy"
      title="Passion on Every Plate"
      description="With over 15 years in Michelin-starred kitchens across the globe, I believe food is a universal language of emotion. I marry classic French technique with modern seasonal produce to create unforgettable dining memories."
      subdescription="Whether an intimate private dinner or a large-scale celebration, my goal is the same: to exceed expectations and tell a story with every ingredient."
      icon={Award}
      imageSrc="http://img.b2bpic.net/free-photo/male-baker-holding-handful-wheat-grain-baked-bread_23-2147883453.jpg"
      mediaAnimation="slide-up"
      imageAlt="professional chef portrait"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Private Dining",          description: "Intimate in-home dining experiences.",          buttonIcon: Utensils,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg",          imageAlt: "happy diner restaurant"},
        {
          title: "Event Catering",          description: "Sophisticated menus for special events.",          buttonIcon: PartyPopper,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg",          imageAlt: "happy diner restaurant"},
        {
          title: "Culinary Workshops",          description: "Hands-on learning and technique training.",          buttonIcon: BookOpen,
          imageSrc: "http://img.b2bpic.net/free-photo/male-baker-holding-handful-wheat-grain-baked-bread_23-2147883453.jpg",          imageAlt: "happy diner restaurant"},
        {
          title: "Recipe Consulting",          description: "Menu development for boutique restaurants.",          buttonIcon: FileText,
          imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg",          imageAlt: "happy diner restaurant"},
      ]}
      title="What I Offer"
      description="Tailored culinary experiences designed for the most discerning palates."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={false}
      products={[
        {
          id: "d1",          name: "Truffle Infused Risotto",          price: "Signature",          imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg"},
        {
          id: "d2",          name: "Seared Scallops",          price: "Signature",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2436.jpg"},
        {
          id: "d3",          name: "Herb Crusted Rack of Lamb",          price: "Signature",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-paint-container_23-2148577644.jpg"},
        {
          id: "d4",          name: "Deconstructed Lemon Tart",          price: "Signature",          imageSrc: "http://img.b2bpic.net/free-photo/salad-put-jelly-roll-served-white-plate_1304-4656.jpg"},
        {
          id: "d5",          name: "Wild Mushroom Velouté",          price: "Signature",          imageSrc: "http://img.b2bpic.net/free-photo/cook-smelling-salad-with-meat-plate_23-2148040175.jpg"},
        {
          id: "d6",          name: "Aged Beef Tartare",          price: "Signature",          imageSrc: "http://img.b2bpic.net/free-photo/slice-tasty-tuna-meal-with-glass-white-wine-restaurant_8353-10588.jpg"},
      ]}
      title="Signature Dishes"
      description="A curated selection of my most celebrated culinary creations, reflecting a journey through flavor and landscape."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "15+",          description: "Years Experience"},
        {
          id: "m2",          value: "500+",          description: "Private Dinners"},
        {
          id: "m3",          value: "20+",          description: "Countries Visited"},
      ]}
      title="By The Numbers"
      description="A career dedicated to precision, artistry, and culinary excellence."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="The culinary journey Chef Alessandro provided for our wedding was beyond words. Every dish was a work of art."
      rating={5}
      author="Sarah & James"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-young-pretty-caucasian-girl-with-beret-hat-keeping-fists-purple_141793-92998.jpg",          alt: "Diner 1"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-dark-skinned-female-with-curly-bushy-afro-hairstyle-rests-cafe_273609-2873.jpg",          alt: "Diner 2"},
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-mixed-race-male-with-bristle-bushy-hairstyle-white-perfect-teeth-has-good-mood_273609-8513.jpg",          alt: "Diner 3"},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-curly-blonde-hair-smiling_23-2148911877.jpg",          alt: "Diner 4"},
        {
          src: "http://img.b2bpic.net/free-photo/headshot-beautiful-dark-skinned-female-with-happy-expression-has-afro-hairstyle-demonstrates-perfect-white-even-teeth-has-pleased-smile-stylish-young-african-american-woman-rests-indoor_273609-2384.jpg",          alt: "Diner 5"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",          title: "How far in advance should I book?",          content: "I recommend booking at least 3 months in advance for peak seasons."},
        {
          id: "f2",          title: "Can you accommodate allergies?",          content: "Absolutely. All menus are customized to your specific dietary requirements."},
        {
          id: "f3",          title: "Do you offer wine pairing?",          content: "Yes, I curate wine pairings tailored to your menu and preferences."},
      ]}
      title="Frequently Asked Questions"
      description="Everything you need to know about booking and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "canvas-reveal"}}
      text="Ready to craft your next unforgettable dining memory? Let’s create a bespoke menu together."
      buttons={[
        {
          text: "Get in Touch",          href: "mailto:hello@chefalessandro.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Chef Alessandro"
      columns={[
        {
          title: "Links",          items: [
            {
              label: "Portfolio",              href: "#products"},
            {
              label: "About",              href: "#about"},
          ],
        },
        {
          title: "Follow",          items: [
            {
              label: "Instagram",              href: "#"},
            {
              label: "LinkedIn",              href: "#"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
