"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Facebook, Instagram, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSizeMediumTitles"
        background="noise"
        cardStyle="outline"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Menu Highlights",          id: "#menu-highlights"},
        {
          name: "Full Menu",          id: "#full-menu"},
        {
          name: "Gallery",          id: "#gallery"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Trattoria Amore"
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogoBillboard
      background={{
        variant: "radial-gradient"}}
      logoText="Trattoria Amore"
      description="Experience the true taste of Italy. Handcrafted pasta, authentic recipes, and a warm, inviting atmosphere."
      buttons={[
        {
          text: "View Menu",          href: "#full-menu"},
        {
          text: "Reserve a Table",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/classic-spaghetti-plate-with-parmesan_23-2149509657.jpg"
      imageAlt="Delicious Italian pasta dish"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "Our Passion for Authentic Italian Flavors"},
      ]}
      buttons={[
        {
          text: "Our Story",          href: "#about"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/fresh-ingredients-ready-to-cook-italian-food_23-2150937397.jpg"
      imageAlt="Fresh Italian ingredients"
    />
  </div>

  <div id="menu-highlights" data-section="menu-highlights">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Homemade Lasagna",          description: "Layers of fresh pasta, rich beef ragù, creamy bechamel, and melted mozzarella, baked to perfection.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-lasagna_23-2149727450.jpg",            imageAlt: "Homemade Lasagna"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/lasagna-close-up_23-2149727448.jpg",            imageAlt: "Lasagna layers"}
        },
        {
          title: "Neapolitan Pizza Margherita",          description: "Classic Neapolitan pizza with San Marzano tomatoes, fresh mozzarella, basil, and a drizzle of extra virgin olive oil.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-slice-with-cheese-peppers_23-2150917639.jpg",            imageAlt: "Pizza Margherita"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/fresh-basil-pizza_23-2149364998.jpg",            imageAlt: "Fresh Basil Pizza"}
        },
        {
          title: "Creamy Risotto Funghi",          description: "Arborio rice slowly cooked with wild mushrooms, white wine, and Parmesan cheese, finished with truffle oil.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/risotto-with-mushrooms-herbs_23-2149509664.jpg",            imageAlt: "Risotto Funghi"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-creamy-risotto_23-2149509663.jpg",            imageAlt: "Creamy Risotto"}
        },
      ]}
      showStepNumbers={false}
      title="Our Culinary Masterpieces"
      description="Savor the essence of Italy with our signature dishes, crafted with passion and the finest traditional ingredients."
    />
  </div>

  <div id="full-menu" data-section="full-menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "app1",          name: "Bruschetta al Pomodoro",          price: "$10",          imageSrc: "http://img.b2bpic.net/free-photo/bruschetta-with-tomatoes-basil_23-2149509653.jpg",          imageAlt: "Bruschetta"},
        {
          id: "app2",          name: "Caprese Salad",          price: "$14",          imageSrc: "http://img.b2bpic.net/free-photo/caprese-salad-with-fresh-ingredients_23-2149509654.jpg",          imageAlt: "Caprese Salad"},
        {
          id: "pasta1",          name: "Spaghetti Carbonara",          price: "$22",          imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-carbonara_23-2149509655.jpg",          imageAlt: "Spaghetti Carbonara"},
        {
          id: "pasta2",          name: "Penne Arrabbiata",          price: "$19",          imageSrc: "http://img.b2bpic.net/free-photo/penne-arrabbiata_23-2149509656.jpg",          imageAlt: "Penne Arrabbiata"},
        {
          id: "main1",          name: "Osso Buco",          price: "$35",          imageSrc: "http://img.b2bpic.net/free-photo/osso-buco-served_23-2149509658.jpg",          imageAlt: "Osso Buco"},
        {
          id: "main2",          name: "Grilled Salmon with Asparagus",          price: "$28",          imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-asparagus_23-2149509659.jpg",          imageAlt: "Grilled Salmon"},
        {
          id: "dessert1",          name: "Tiramisu",          price: "$10",          imageSrc: "http://img.b2bpic.net/free-photo/classic-tiramisu-dessert_23-2149509660.jpg",          imageAlt: "Tiramisu"},
        {
          id: "dessert2",          name: "Panna Cotta",          price: "$9",          imageSrc: "http://img.b2bpic.net/free-photo/panna-cotta-with-berries_23-2149509661.jpg",          imageAlt: "Panna Cotta"},
      ]}
      title="Explore Our Full Menu"
      description="A curated selection of classic Italian dishes, from heartwarming pastas to exquisite seafood and delectable desserts."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      title="A Glimpse of Our Kitchen & Creations"
      description="High-quality photography showcasing the artistry and fresh ingredients behind every dish at Trattoria Amore."
      products={[
        {
          id: "gal1",          name: "Fresh Pasta",          price: "",          variant: "Homemade",          imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-fresh-pasta-kitchen_23-2150937396.jpg",          imageAlt: "Chef preparing fresh pasta"},
        {
          id: "gal2",          name: "Olive Oil & Herbs",          price: "",          variant: "Premium Ingredients",          imageSrc: "http://img.b2bpic.net/free-photo/italian-herbs-olive-oil_23-2149509652.jpg",          imageAlt: "Italian herbs and olive oil"},
        {
          id: "gal3",          name: "Wine Pairing",          price: "",          variant: "Selection",          imageSrc: "http://img.b2bpic.net/free-photo/wine-glasses-italian-restaurant_23-2149509662.jpg",          imageAlt: "Wine glasses in restaurant"},
        {
          id: "gal4",          name: "Tuscan Landscape",          price: "",          variant: "Inspiration",          imageSrc: "http://img.b2bpic.net/free-photo/tuscan-landscape-vineyard_23-2149509665.jpg",          imageAlt: "Tuscan landscape"},
        {
          id: "gal5",          name: "Dessert Platter",          price: "",          variant: "Sweet Endings",          imageSrc: "http://img.b2bpic.net/free-photo/assorted-italian-desserts_23-2149509666.jpg",          imageAlt: "Assorted Italian desserts"},
        {
          id: "gal6",          name: "Chef's Special",          price: "",          variant: "Daily Creation",          imageSrc: "http://img.b2bpic.net/free-photo/chef-presenting-dish_23-2149509667.jpg",          imageAlt: "Chef presenting a dish"},
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Giulia Rossi",          handle: "@giuliar",          testimonial: "Trattoria Amore delivers an unforgettable dining experience. The pasta is divine, truly authentic!",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-meal-restaurant_23-2149509668.jpg",          imageAlt: "Giulia Rossi"},
        {
          id: "t2",          name: "Antonio Mancini",          handle: "@antoniom",          testimonial: "Every dish is a masterpiece. The flavors transport me straight to Italy. A must-visit!",          imageSrc: "http://img.b2bpic.net/free-photo/man-eating-pizza-restaurant_23-2149509669.jpg",          imageAlt: "Antonio Mancini"},
        {
          id: "t3",          name: "Chiara Ferrari",          handle: "@chiaraf",          testimonial: "The ambiance is as wonderful as the food. Perfect for a romantic dinner or a family gathering.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-dining-out_23-2149509670.jpg",          imageAlt: "Chiara Ferrari"},
        {
          id: "t4",          name: "Davide Romano",          handle: "@davider",          testimonial: "Their Tiramisu is the best I've ever had! I keep coming back just for it.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-enjoying-dessert_23-2149509671.jpg",          imageAlt: "Davide Romano"},
        {
          id: "t5",          name: "Sofia Greco",          handle: "@sofiag",          testimonial: "Exceptional service and exquisite food. Trattoria Amore is my new favorite Italian spot.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-wine-glass_23-2149509672.jpg",          imageAlt: "Sofia Greco"},
      ]}
      title="What Our Guests Say"
      description="Hear from our cherished diners about their authentic Italian culinary journey at Trattoria Amore."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "fq1",          title: "Do you offer vegetarian options?",          content: "Yes, our menu includes a variety of delicious vegetarian dishes, and our chefs are happy to accommodate dietary requests."},
        {
          id: "fq2",          title: "Can I make a reservation?",          content: "Absolutely! We highly recommend making a reservation, especially for dinner, to ensure you get a table. You can book online or call us directly."},
        {
          id: "fq3",          title: "Do you have a private dining area?",          content: "We offer a cozy private dining area perfect for special occasions and group gatherings. Please contact us for more details and availability."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/chef-preparing-food-kitchen-close-up_23-2149509673.jpg"
      imageAlt="Chef at work in kitchen"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Your Questions, Our Answers"
      description="Find answers to common questions about our restaurant, menu, reservations, and dining experience."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Visit Us"
      title="Plan Your Authentic Italian Dining Experience"
      description="Sign up for our newsletter to receive updates on new menu items, special events, and exclusive offers from Trattoria Amore."
      inputPlaceholder="Enter your email"
      buttonText="Subscribe"
      termsText="By subscribing, you agree to Trattoria Amore's Privacy Policy and Terms of Service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Trattoria Amore"
      copyrightText="© 2025 Trattoria Amore. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "https://instagram.com/trattoriaamore",          ariaLabel: "Instagram"},
        {
          icon: Facebook,
          href: "https://facebook.com/trattoriaamore",          ariaLabel: "Facebook"},
        {
          icon: Twitter,
          href: "https://twitter.com/trattoriaamore",          ariaLabel: "Twitter"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}