"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 FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Sparkles, Utensils, Wheat, Wine, LampDesk, PartyPopper, MoonStar, Grape, Microscope } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="mediumSizeLargeTitles"
        background="noise"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "About",          id: "#about"},
        {
          name: "Team",          id: "#team"},
        {
          name: "Reservations",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/seared-tuna-fork-close-up_1147-536.jpg"
      logoAlt="Restaurant Les Dauphins Logo"
      brandName="RESTAURANT LES DAUPHINS"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Experience Culinary Excellence"
      description="Indulge in an unforgettable fine dining journey at Restaurant Les Dauphins, where exquisite flavors meet elegant ambiance."
      tagAnimation="none"
      buttons={[
        {
          text: "View Menu",          href: "#menu"},
        {
          text: "Reserve a Table",          href: "#contact"},
      ]}
      buttonAnimation="none"
      imageSrc="http://img.b2bpic.net/free-photo/elegant-wooden-dining-room-with-modern-lighting-generated-by-ai_188544-29879.jpg"
      imageAlt="Elegant restaurant dining room"
      showDimOverlay={true}
      showBlur={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006620.jpg",          alt: "Satisfied customer"},
        {
          src: "http://img.b2bpic.net/free-photo/person-enjoying-their-time-dj-party_23-2149658378.jpg",          alt: "Happy diner"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",          alt: "Elegant guest"},
        {
          src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg",          alt: "Food enthusiast"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-posing_23-2151232166.jpg",          alt: "Restaurant patron"},
      ]}
      avatarText="Join our 10k+ happy diners"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Our Story: A Legacy of Taste"
      description="For over two decades, Restaurant Les Dauphins has been a beacon of gastronomic delight, serving timeless French cuisine with a contemporary twist. Our commitment to fresh, local ingredients and impeccable service defines every dish."
      metrics={[
        {
          value: "25+",          title: "Years of Excellence"},
        {
          value: "500+",          title: "Signature Dishes"},
        {
          value: "10k+",          title: "Happy Diners"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/confident-chef-wearing-uniform-presenting-fresh-steak-before-cooking-looking-camera-restaurant-kitchen_613910-21362.jpg"
      imageAlt="Chef preparing food in a gourmet kitchen"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Exquisite Cuisine",          description: "Our menu showcases classic French techniques with innovative flair, celebrating seasonal ingredients.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-radish-slices_140725-3402.jpg",            imageAlt: "Gourmet plated dish"},
          items: [
            {
              icon: Utensils,
              text: "Seasonal Menus"},
            {
              icon: Wheat,
              text: "Locally Sourced"},
            {
              icon: Sparkles,
              text: "Innovative Flavors"},
          ],
          reverse: false,
        },
        {
          title: "Elegant Ambiance",          description: "Dine in a sophisticated setting, perfect for intimate dinners and grand celebrations alike.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg",            imageAlt: "Elegant restaurant interior"},
          items: [
            {
              icon: LampDesk,
              text: "Chic Decor"},
            {
              icon: PartyPopper,
              text: "Private Dining"},
            {
              icon: MoonStar,
              text: "Romantic Evenings"},
          ],
          reverse: true,
        },
        {
          title: "Curated Wine List",          description: "Our sommelier hand-picks an extensive selection of local and international wines to complement your meal.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/bottles-tasty-wine-posh-reastoraunt-are-stored-shelf_613910-17445.jpg",            imageAlt: "Sommelier pouring wine"},
          items: [
            {
              icon: Wine,
              text: "Expert Pairings"},
            {
              icon: Grape,
              text: "Regional Wines"},
            {
              icon: Microscope,
              text: "Rare Vintages"},
          ],
          reverse: false,
        },
      ]}
      title="Signature Experiences"
      description="Beyond the plate, we craft moments. Discover the unique facets that make dining at Les Dauphins an unparalleled experience."
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "dish-1",          name: "Lobster Bisque",          price: "$28",          variant: "Classic starter",          imageSrc: "http://img.b2bpic.net/free-photo/sour-seafood-soup-tom-yum-seafood_1339-4120.jpg",          imageAlt: "Gourmet Lobster Bisque"},
        {
          id: "dish-2",          name: "Pan-Seared Duck Breast",          price: "$45",          variant: "Signature main",          imageSrc: "http://img.b2bpic.net/free-photo/grilled-lamb-ribs-dish-close-up_23-2148516963.jpg",          imageAlt: "Pan-Seared Duck Breast"},
        {
          id: "dish-3",          name: "Truffle Risotto",          price: "$38",          variant: "Vegetarian indulgence",          imageSrc: "http://img.b2bpic.net/free-photo/creamy-risotto-with-parmesan-cheese-herbs-white-bowl-marble-surface_9975-124534.jpg",          imageAlt: "Creamy Truffle Risotto"},
        {
          id: "dish-4",          name: "Seafood Platter",          price: "$65",          variant: "Chef's selection",          imageSrc: "http://img.b2bpic.net/free-photo/bowl-caesar-salad-served-with-bread-sticks_140725-5979.jpg",          imageAlt: "Luxury Seafood Platter"},
        {
          id: "dish-5",          name: "Crème brûlée",          price: "$15",          variant: "Decadent dessert",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-yellow-dessert-background-sauce_1203-5691.jpg",          imageAlt: "Classic Crème brûlée"},
        {
          id: "dish-6",          name: "Chocolate Lava Cake",          price: "$16",          variant: "Rich and delightful",          imageSrc: "http://img.b2bpic.net/free-photo/sweet-cup-tasty-chocolate-mousse-with-strawberry-syrup-inside_114579-1834.jpg",          imageAlt: "Molten Chocolate Lava Cake"},
      ]}
      title="Menu Highlights"
      description="A glimpse into our culinary artistry. Each dish crafted with passion and precision."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Amelia Stone",          handle: "Food Critic",          testimonial: "A culinary masterpiece! Every dish was a delight, and the service was impeccable. Les Dauphins sets the bar for fine dining.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-professional-chef_23-2151864173.jpg",          imageAlt: "Amelia Stone"},
        {
          id: "2",          name: "Benjamin Clark",          handle: "Gourmet Enthusiast",          testimonial: "The ambiance, the wine, the food – everything was perfect. An unforgettable evening. Highly recommended!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-fashionable-young-man-trendy-headwear-sitting-wooden-table-coffee-shop_273609-1757.jpg",          imageAlt: "Benjamin Clark"},
        {
          id: "3",          name: "Chloe Davis",          handle: "Event Planner",          testimonial: "We hosted our anniversary dinner here, and it was flawless. The team went above and beyond.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg",          imageAlt: "Chloe Davis"},
        {
          id: "4",          name: "Daniel Evans",          handle: "Chef",          testimonial: "As a chef myself, I appreciate the dedication to quality and technique. A true gastronomic experience.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cook-with-salad-plate-ringing-service-bell_23-2148040242.jpg",          imageAlt: "Daniel Evans"},
        {
          id: "5",          handle: "Travel Blogger",          name: "Sophia Miller",          testimonial: "Simply spectacular! From the amuse-bouche to dessert, a symphony of flavors.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-selfie-while-having-sushi_107420-65736.jpg",          imageAlt: "Sophia Miller"},
      ]}
      showRating={true}
      title="What Our Guests Say"
      description="Kind words from those who have savored the Les Dauphins experience."
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTen
      useInvertedBackground={true}
      title="Meet Our Culinary Maestros"
      tag="Our Team"
      tagAnimation="none"
      membersAnimation="slide-up"
      members={[
        {
          id: "chef-antoine",          name: "Chef Antoine Dubois",          imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-holding-plate-salad_23-2149646214.jpg",          imageAlt: "Chef Antoine Dubois"},
        {
          id: "sommelier-isabelle",          name: "Sommelier Isabelle Laurent",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman_23-2148060485.jpg",          imageAlt: "Sommelier Isabelle Laurent"},
        {
          id: "manager-jeanluc",          name: "Manager Jean-Luc Picard",          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-talking-phone-office_1303-19002.jpg",          imageAlt: "Manager Jean-Luc Picard"},
      ]}
      memberVariant="card"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Michelin Guide",        "Gault & Millau",        "Zagat Survey",        "OpenTable Diners' Choice",        "Wine Spectator",        "AAA Four Diamond",        "James Beard Foundation"]}
      title="Recognized for Excellence"
      description="Proudly acknowledged by leading culinary guides and publications."
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "Do you accommodate dietary restrictions?",          content: "Yes, please inform us of any dietary restrictions or allergies when making your reservation, and our culinary team will be happy to assist."},
        {
          id: "faq-2",          title: "What is your dress code?",          content: "Our dress code is smart casual. We kindly request no shorts, sportswear, or flip-flops."},
        {
          id: "faq-3",          title: "Can I book a private event?",          content: "Absolutely. We offer exclusive private dining spaces for special occasions. Please contact us directly for details and availability."},
        {
          id: "faq-4",          title: "Do you offer gift certificates?",          content: "Yes, gift certificates are available for purchase and make the perfect present for any special occasion."},
        {
          id: "faq-5",          title: "Is parking available?",          content: "Valet parking is available for all our guests. Public parking options are also nearby."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common inquiries about dining with us."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Reservations & Contact"
      title="Reserve Your Table"
      description="Plan your visit to Restaurant Les Dauphins. We look forward to welcoming you."
      tagAnimation="none"
      inputPlaceholder="Your email address"
      buttonText="Make a Reservation"
      termsText="By clicking Make a Reservation, you agree to our booking terms and privacy policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoSrc="http://img.b2bpic.net/free-photo/seared-tuna-fork-close-up_1147-536.jpg"
      logoAlt="Restaurant Les Dauphins Logo"
      logoText="RESTAURANT LES DAUPHINS"
      columns={[
        {
          title: "About Us",          items: [
            {
              label: "Our Story",              href: "#about"},
            {
              label: "The Team",              href: "#team"},
            {
              label: "Awards",              href: "#social-proof"},
          ],
        },
        {
          title: "Visit Us",          items: [
            {
              label: "Menu",              href: "#menu"},
            {
              label: "Reservations",              href: "#contact"},
            {
              label: "Location",              href: "#"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "Email",              href: "mailto:info@lesdauphins.com"},
            {
              label: "Phone",              href: "tel:+1234567890"},
            {
              label: "Feedback",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Restaurant Les Dauphins. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
