"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, Star, ArrowRight } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="mediumSizeLargeTitles"
        background="grid"
        cardStyle="gradient-radial"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Portfolio",          id: "#portfolio"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Private Chef Co."
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      background={{
        variant: "radial-gradient"}}
      title="Unforgettable Culinary Experiences in Your Home"
      description="Professional private chef services delivering bespoke, Michelin-quality dining experiences designed for you."
      testimonials={[
        {
          name: "Alice M.",          handle: "@alice_events",          testimonial: "The dinner party was absolute perfection. Every course exceeded expectations.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg"},
        {
          name: "John D.",          handle: "@johndoe",          testimonial: "Chef made our anniversary truly special with a custom menu we'll never forget.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-redhead-woman-having-fun-while-having-dinner-with-friends-home_637285-3551.jpg"},
        {
          name: "Sarah P.",          handle: "@sarahp",          testimonial: "Impeccable flavors and presentation. Best in-home dining experience ever.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mother-organising-jungle-theme-party_23-2149499054.jpg"},
        {
          name: "Mark V.",          handle: "@mark_v",          testimonial: "Seamless service and incredible craftsmanship. Highly recommended.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg"},
        {
          name: "Elena R.",          handle: "@elenar",          testimonial: "Sophisticated, delicious, and perfectly timed. Simply wonderful.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891062.jpg"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/chef-preparing-fried-fish-front-view_23-2148516904.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-cheerful-girl-with-tattooes-dreadlocks-is-sitting-food-court-while-drinking-coffee_613910-17172.jpg",          alt: "Portrait of young woman"},
        {
          src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",          alt: "Smiling lady at restaurant"},
        {
          src: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-50-s-cafe-pink-color-sitting-table_285396-10361.jpg",          alt: "Stylish woman in retro cafe"},
        {
          src: "http://img.b2bpic.net/free-photo/senior-woman-smiling-restaurant_23-2149316809.jpg",          alt: "Senior woman smiling"},
        {
          src: "http://img.b2bpic.net/free-photo/senior-friends-having-wonderful-time-together_23-2149262159.jpg",          alt: "Senior friends at dinner"},
      ]}
      marqueeItems={[
        {
          type: "text",          text: "Michelin-Quality Cuisine"},
        {
          type: "text",          text: "Private Event Catering"},
        {
          type: "text",          text: "Bespoke Menu Design"},
        {
          type: "text",          text: "Chef-Led Workshops"},
        {
          type: "text",          text: "Intimate In-Home Dining"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="A Life Devoted to Flavor"
      metrics={[
        {
          icon: Award,
          label: "Years Experience",          value: "15+"},
        {
          icon: Award,
          label: "Dinners Served",          value: "2000+"},
        {
          icon: Star,
          label: "Client Rating",          value: "4.9/5"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Bespoke Dining",          description: "Custom menus designed specifically for your palate.",          imageSrc: "http://img.b2bpic.net/free-photo/meat-slices-sauce-with-vegetables_140725-1168.jpg",          buttonIcon: ArrowRight,
        },
        {
          title: "Private Classes",          description: "Hands-on culinary workshops in your kitchen.",          imageSrc: "http://img.b2bpic.net/free-photo/man-puts-sliced-cheese-his-plate_141793-1088.jpg",          buttonIcon: ArrowRight,
        },
        {
          title: "Menu Consulting",          description: "Expert advice for your next culinary project.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-with-greens-seasonings-dark-space_140725-76230.jpg",          buttonIcon: ArrowRight,
        },
        {
          title: "Event Catering",          description: "Full-service catering for elegant events.",          imageSrc: "http://img.b2bpic.net/free-photo/strawbery-with-cheese_1157-532.jpg",          buttonIcon: ArrowRight,
        },
      ]}
      title="Exceptional Culinary Services"
      description="Tailored solutions for every occasion, from intimate gatherings to large celebrations."
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split-description"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          name: "Seasonal Truffle Pasta",          price: "$120",          imageSrc: "http://img.b2bpic.net/free-photo/chicken-leg-served-with-mashed-potatoes-sour-cream_7502-7082.jpg"},
        {
          id: "2",          name: "Signature Wagyu Tartare",          price: "$85",          imageSrc: "http://img.b2bpic.net/free-photo/crop-elegant-man-writing_23-2147717378.jpg"},
        {
          id: "3",          name: "Pan-Seared Scallops",          price: "$95",          imageSrc: "http://img.b2bpic.net/free-photo/russian-salad-with-orange-juice_140725-3686.jpg"},
        {
          id: "4",          name: "Artisanal Dessert Platter",          price: "$60",          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-dinner-restaurant_23-2148018772.jpg"},
        {
          id: "5",          name: "Market Fresh Catch",          price: "$110",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-squashes-designed-meal-inside-plate-grey-surface_140725-89993.jpg"},
        {
          id: "6",          name: "Tasting Menu Series",          price: "$250",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-sliced-potato-pies-with-mushed-pumpkin-tomatoes-grey-background-oven-cake-pie-bake-color_140725-110272.jpg"},
      ]}
      title="Curated Signature Dishes"
      description="A glimpse into our seasonal tasting menus."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Impactful Culinary Reach"
      tag="Trusted Professional"
      metrics={[
        {
          id: "m1",          value: "150+",          description: "Private events hosted"},
        {
          id: "m2",          value: "5000+",          description: "Plates served with care"},
        {
          id: "m3",          value: "100%",          description: "Customer satisfaction"},
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Alice M.",          handle: "@alice",          testimonial: "Simply wonderful experience, would definitely book again.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-sharing-fast-food_329181-20757.jpg"},
        {
          id: "t2",          name: "John D.",          handle: "@john",          testimonial: "Professional and delicious, truly amazing work.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-woman-portrait_23-2149051721.jpg"},
        {
          id: "t3",          name: "Sarah P.",          handle: "@sarah",          testimonial: "The best dinner party we've ever hosted at home.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-having-good-time_23-2148395331.jpg"},
        {
          id: "t4",          name: "Mark V.",          handle: "@mark",          testimonial: "Highly satisfied with the creativity and taste.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg"},
        {
          id: "t5",          name: "Elena R.",          handle: "@elena",          testimonial: "Perfectly curated menu, everyone was blown away.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg"},
      ]}
      showRating={true}
      title="Client Stories"
      description="What our patrons say about their experience."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "How far in advance should I book?",          content: "I recommend booking at least 3-4 weeks in advance for weekends."},
        {
          id: "q2",          title: "Do you handle dietary requirements?",          content: "Absolutely. All menus are fully customized to your dietary needs and allergies."},
        {
          id: "q3",          title: "Is cleanup included?",          content: "Yes, I leave your kitchen spotless after every session."},
      ]}
      title="Common Questions"
      description="Everything you need to know about booking."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Start Your Culinary Journey"
      description="Reach out to plan your bespoke dinner event."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name"},
        {
          name: "email",          type: "email",          placeholder: "Email Address"},
        {
          name: "date",          type: "date",          placeholder: "Event Date"},
      ]}
      textarea={{
        name: "message",        placeholder: "Tell me about your event",        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/bringing-order_1098-15651.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Bespoke Dining",              href: "#services"},
            {
              label: "Catering",              href: "#services"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="Private Chef Co."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
