"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="floatingGradient"
        cardStyle="outline"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Menu",          id: "menu"},
        {
          name: "Experience",          id: "experience"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "FAQ",          id: "faq"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="La Cuchara"
      button={{
        text: "Reserve Table",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="La Cuchara"
      description="Discover La Cuchara's signature dishes crafted with traditional recipes and fresh ingredients. Join us for an evening of genuine hospitality and culinary excellence."
      buttons={[
        {
          text: "Reserve Your Table Today",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236889.jpg"
      imageAlt="Elegant restaurant dining room with tables set for guests"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "Our Story & Culinary Philosophy"},
        {
          type: "text",          content: "At La Cuchara, every dish tells a story of passion, tradition, and innovation. We believe in the power of fresh, locally sourced ingredients to create culinary masterpieces that honor time-honored recipes while embracing modern techniques."},
        {
          type: "text",          content: "Our philosophy is simple: to offer an unforgettable dining experience where genuine hospitality meets exceptional flavor, leaving every guest with cherished memories."},
      ]}
      buttons={[
        {
          text: "View Our Full Menu",          href: "#menu"},
      ]}
    />
  </div>

  <div id="experience" data-section="experience">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Fresh, Local Ingredients",          description: "We source the finest seasonal produce and ingredients from trusted local farms, ensuring peak flavor and quality in every dish.",          imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-salad-with-fresh-vegetables-wooden-table-cooking-tasty-healthy-food-black-background-vegetarian-food-healthy-cooking-concept-close-up_639032-431.jpg",          imageAlt: "Fresh, colorful vegetables and herbs on a kitchen counter"},
        {
          title: "Signature Craftsmanship",          description: "Our culinary team, led by renowned chefs, meticulously crafts each dish with passion, precision, and innovative techniques.",          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-fondant-with-ice-cream-tea-top-view_141793-4385.jpg",          imageAlt: "Chef plating a gourmet dish with artistic precision"},
        {
          title: "Warm, Welcoming Ambiance",          description: "Step into an atmosphere designed for comfort and elegance, where every detail contributes to a delightful and intimate dining experience.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-decoration-with-rose-white-background_23-2148357822.jpg",          imageAlt: "Cozy and elegantly lit restaurant interior"},
        {
          title: "Exquisite Wine Pairings",          description: "Our curated wine list offers perfect complements to enhance your meal, guided by our knowledgeable sommelier.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-holding-glass_23-2149428773.jpg",          imageAlt: "Glasses of red wine next to a bottle in an elegant setting"},
      ]}
      title="The La Cuchara Difference"
      description="What makes every dining experience with us truly exceptional and memorable."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "dish-1",          name: "Seared Scallops with Saffron Risotto",          price: "$38",          imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-meat-steak-with-masked-potato-glass-red-wine_114579-3286.jpg",          imageAlt: "Seared scallops served with saffron risotto and microgreens"},
        {
          id: "dish-2",          name: "Duck Confit with Cherry Reduction",          price: "$42",          imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-mussels_114579-2138.jpg",          imageAlt: "Crispy duck confit leg with a vibrant cherry reduction"},
        {
          id: "dish-3",          name: "Vegetarian Lasagna Primavera",          price: "$28",          imageSrc: "http://img.b2bpic.net/free-photo/ravioli-pasta-with-mushrooms-cherry-tomatoes-dark-sauce_84443-94489.jpg",          imageAlt: "Layers of fresh pasta, seasonal vegetables, and ricotta cheese"},
        {
          id: "dish-4",          name: "Grilled Octopus with Paprika Potatoes",          price: "$36",          imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-with-fresh-herbs-chili_84443-85653.jpg",          imageAlt: "Tender grilled octopus served with smoked paprika potatoes"},
        {
          id: "dish-5",          name: "Filet Mignon with Truffle Mash",          price: "$55",          imageSrc: "http://img.b2bpic.net/free-photo/dish-with-grated-cheese-greens-served-with-juice_141793-593.jpg",          imageAlt: "Perfectly cooked filet mignon with creamy truffle mashed potatoes"},
        {
          id: "dish-6",          name: "Chocolate Lava Cake with Raspberry Coulis",          price: "$14",          imageSrc: "http://img.b2bpic.net/free-photo/high-protein-meal-close-up-detail_23-2149098888.jpg",          imageAlt: "Decadent chocolate lava cake with a flowing center and raspberry coulis"},
      ]}
      title="Our Signature Dishes"
      description="A selection of our most beloved and iconic culinary creations, crafted to perfection."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          title: "A Culinary Masterpiece!",          quote: "La Cuchara delivered an unforgettable dining experience. The duck confit was sublime, and the service was impeccable. Highly recommend for any special occasion.",          name: "Sophia R.",          role: "Local Food Critic",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",          imageAlt: "Portrait of Sophia R."},
        {
          id: "2",          title: "Authentic Flavors, Beautiful Ambiance",          quote: "From the moment we walked in, we were enchanted. The flavors were authentic and bold, and the ambiance was perfect for a romantic evening. We'll be back!",          name: "David M.",          role: "Frequent Diner",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-toasting-new-years_23-2148349061.jpg",          imageAlt: "Portrait of David M."},
        {
          id: "3",          title: "Best Restaurant in Town!",          quote: "Every dish was a delight, especially the seared scallops. The staff were attentive and truly made us feel at home. Easily the best restaurant in town.",          name: "Emily K.",          role: "Community Member",          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018831.jpg",          imageAlt: "Portrait of Emily K."},
        {
          id: "4",          title: "A True Hidden Gem",          quote: "We discovered La Cuchara on our vacation and were blown away. The fresh ingredients truly shine, and the wine pairing recommendations were spot on. A must-visit!",          name: "Michael S.",          role: "Tourist",          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-couple-clinking-glasses-together-restaurant_53876-42638.jpg",          imageAlt: "Portrait of Michael S."},
        {
          id: "5",          title: "Perfect for Any Occasion",          quote: "Whether it's a casual dinner or a celebration, La Cuchara exceeds expectations. The menu is diverse, and there's always something new and exciting to try.",          name: "Jessica L.",          role: "Regular Patron",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",          imageAlt: "Portrait of Jessica L."},
      ]}
      title="What Our Guests Say"
      description="Hear from diners who have experienced the authentic flavors and genuine hospitality of La Cuchara."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "How do I make a reservation?",          content: "Reservations can be made easily through our website's 'Reserve Your Table' button, or by calling us directly during opening hours. We recommend booking in advance, especially for weekend evenings."},
        {
          id: "faq-2",          title: "Do you accommodate dietary restrictions?",          content: "Absolutely. Please inform your server about any allergies or dietary restrictions when ordering, and our chefs will be happy to accommodate your needs. We also have vegetarian and gluten-free options clearly marked on our menu."},
        {
          id: "faq-3",          title: "What are your operating hours?",          content: "La Cuchara is open for dinner Tuesday to Sunday from 5:00 PM to 10:00 PM. We are closed on Mondays. Special holiday hours may apply, please check our social media or call us for updates."},
        {
          id: "faq-4",          title: "Is there a dress code?",          content: "We encourage smart casual attire to enhance your dining experience. While we don't enforce a strict dress code, we appreciate guests who dress for a fine dining occasion."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/chef-his-assistant-presenting-fresh-steak-before-cooking-restaurant-kitchen_613910-18971.jpg"
      imageAlt="Friendly restaurant staff smiling"
      mediaAnimation="opacity"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find answers to common questions about reservations, menu, events, and more to ensure your visit is seamless."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="Ready for an unforgettable dining experience? Reserve your table at La Cuchara today. We look forward to welcoming you to an evening of culinary excellence!"
      buttons={[
        {
          text: "Make a Reservation",          href: "https://example.com/reservations"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="La Cuchara"
      leftLink={{
        text: "Privacy Policy",        href: "/privacy"}}
      rightLink={{
        text: "Terms of Service",        href: "/terms"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
