"use client"

import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven';
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="noise"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Amore"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Table",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardSplit
          tag="Fine Italian Dining"
          title="Experience Authentic Italian Cuisine"
          description="Discover the flavors of Italy at Amore. From handmade pasta to fresh seafood, every dish tells a story of tradition and passion."
          buttons={[
            { text: "Reserve Table", href: "contact" },
            { text: "View Menu", href: "menu" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg"
          imageAlt="Elegant Italian restaurant dining"
          frameStyle="browser"
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardEleven
          title="Our Menu"
          description="Crafted by our master chefs using the finest ingredients imported from Italy and sourced locally."
          tag="Signature Dishes"
          features={[
            {
              id: 1,
              title: "Handmade Pasta",
              description: "Fresh tagliatelle, pappardelle, and ravioli made daily using traditional methods. Served with authentic sauces like carbonara, bolognese, and pesto.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183829154-9c5vkkws.jpg"
            },
            {
              id: 2,
              title: "Risotto & Seafood",
              description: "Creamy risotto paired with the finest seafood selections. Try our signature risotto ai frutti di mare with fresh mussels, clams, and shrimp.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183829918-12xa97ao.jpg"
            },
            {
              id: 3,
              title: "Fresh Catch",
              description: "Daily specials featuring Mediterranean fish and seafood. Grilled whole branzino, fresh scallops, and traditional Italian fish stews.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183832020-sqgzqvxa.jpg"
            },
            {
              id: 4,
              title: "Authentic Desserts",
              description: "Traditional Italian dolci including tiramisu, panna cotta, and cannoli. Each dessert handcrafted to perfection with premium ingredients.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183830869-g93nmh02.jpg"
            }
          ]}
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          usePrimaryButtonImage={false}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutCards
          title="Our Story"
          description="At Amore, we believe in honoring Italian culinary traditions while embracing modern elegance. Founded in 2015, our restaurant has become a destination for those seeking authentic Italian flavors."
          tag="Heritage & Quality"
          features={[
            {
              id: "1",
              title: "Traditional Recipes",
              description: "Every dish is prepared using recipes passed down through generations. Our chefs trained in Italy bring authentic techniques to your table.",
              label: "20+ Years Experience"
            },
            {
              id: "2",
              title: "Premium Ingredients",
              description: "We import fresh ingredients directly from Italy and partner with local suppliers for the finest seasonal produce and meats.",
              label: "Farm to Table"
            }
          ]}
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Guests Say"
          description="Experience the warmth and authenticity that keeps our guests coming back."
          tag="Testimonials"
          testimonials={[
            {
              id: "1",
              name: "Maria Rossi, Food Critic",
              date: "Date: 15 December 2024",
              title: "An unforgettable Italian experience",
              quote: "Amore captures the essence of authentic Italian dining. Every plate is a masterpiece, from the perfectly cooked pasta to the impeccable service. This is where memories are made.",
              tag: "Critic's Choice",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140063369-vzpeyskp.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184308554-4dbq1jfa.jpg"
            },
            {
              id: "2",
              name: "Giovanni Bianchi, Regular Guest",
              date: "Date: 8 December 2024",
              title: "Simply the best in town",
              quote: "I have been dining at Amore for over two years now. The consistency, quality, and warmth of the team make it my favorite restaurant. The risotto is incomparable.",
              tag: "Loyal Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163145146-fsataaws.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183838335-fiejzcxf.jpg"
            },
            {
              id: "3",
              name: "Sophie Martin, Traveler",
              date: "Date: 20 November 2024",
              title: "Brought Italy to my heart",
              quote: "During my travels, Amore was a highlight. The food transported me to the streets of Rome. Every bite was authentic, every moment was special.",
              tag: "Visitor",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163146349-ine3yxut.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183829154-9c5vkkws.jpg"
            },
            {
              id: "4",
              name: "Marco Colombo, Chef",
              date: "Date: 5 November 2024",
              title: "Respect for the craft",
              quote: "As a fellow chef, I deeply respect what the team at Amore achieves daily. Their dedication to traditional Italian techniques while maintaining excellence is remarkable.",
              tag: "Professional",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184305846-8js4eyi9.jpg"
            },
            {
              id: "5",
              name: "Elena Moretti, Wedding Guest",
              date: "Date: 28 October 2024",
              title: "Perfect for special occasions",
              quote: "Our anniversary dinner at Amore was magical. The ambiance, the food, and the attentive service made it truly unforgettable. We cannot wait to return.",
              tag: "Special Occasion",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006072827-2l88jkq4.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183830869-g93nmh02.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Reserve Your Table"
          description="Join us for an evening of authentic Italian cuisine. Fill out the form below and our team will confirm your reservation."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "guests", type: "number", placeholder: "Number of Guests", required: true }
          ]}
          textarea={{
            name: "message",
            placeholder: "Special requests or dietary preferences",
            rows: 4,
            required: false
          }}
          buttonText="Reserve Now"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg"
          logoWidth={40}
          logoHeight={40}
          copyrightText="© 2025 Amore Italian Restaurant. All rights reserved."
          columns={[
            {
              title: "Restaurant",
              items: [
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" },
                { label: "Reservations", href: "contact" },
                { label: "Private Events", href: "#" }
              ]
            },
            {
              title: "Menu",
              items: [
                { label: "Pasta Dishes", href: "menu" },
                { label: "Seafood", href: "menu" },
                { label: "Desserts", href: "menu" },
                { label: "Wine Selection", href: "#" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}