"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="large"
      sizing="mediumSizeExtraLargeSpacing"
      background="fluid"
      cardStyle="gradient-subtle"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="outline"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Bella Italia"
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183827933-jsmix0wr.jpg"
          logoAlt="Bella Italia Restaurant Logo"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "dishes" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Table",
            href: "#contact"
          }}
          buttonClassName="px-6 py-2"
          buttonTextClassName="font-semibold"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarouselSplit
          title="Authentic italian cuisine at your doorstep"
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183829918-12xa97ao.jpg",
              imageAlt: "Carbonara Pasta"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183833897-i2cgqm4f.jpg",
              imageAlt: "Fresh Italian Pizza"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183832020-sqgzqvxa.jpg",
              imageAlt: "Creamy Risotto"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183835554-u0l6uy1i.jpg",
              imageAlt: "Handmade Ravioli"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766269120138-xqo4el2p.jpg",
              imageAlt: "Classic Tiramisu"
            }
          ]}
          buttons={[
            { text: "Reserve Now", href: "#contact" },
            { text: "View Menu", href: "#dishes" }
          ]}
          ariaLabel="Italian restaurant hero section"
          className="bg-gradient-to-b"
          containerClassName="px-6"
          titleClassName="text-5xl md:text-6xl font-light"
          buttonContainerClassName="flex gap-4"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Story"
          description={[
            "Since 1998, Bella Italia has been serving authentic Italian cuisine to the heart of our community. Founded by Chef Marco Rossini, our restaurant brings the warmth and flavors of Italy to your table.",
            "Every dish is crafted with fresh, imported ingredients and time-honored recipes passed down through generations. We believe in the power of good food to bring people together.",
            "Our commitment to excellence and hospitality makes every dining experience memorable. Join us for a culinary journey through Italy."
          ]}
          buttons={[
            { text: "Learn More", href: "#dishes" }
          ]}
          useInvertedBackground="noInvert"
          showBorder={true}
          containerClassName="py-16"
          titleClassName="text-4xl font-light"
          descriptionClassName="text-lg leading-relaxed"
        />
      </div>

      <div id="dishes" data-section="dishes">
        <FeatureCardFourteen
          title="Signature Dishes"
          description="Experience the flavors that define authentic Italian cuisine"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "1",
              title: "Spaghetti Carbonara",
              description: "Creamy Roman pasta with pancetta, egg, and pecorino cheese",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183829918-12xa97ao.jpg",
              imageAlt: "Spaghetti Carbonara"
            },
            {
              id: "2",
              title: "Pappardelle al Cinghiale",
              description: "Wide ribbon pasta with rich wild boar ragù",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183834735-9ooktc3n.jpg",
              imageAlt: "Pappardelle al Cinghiale"
            },
            {
              id: "3",
              title: "Risotto ai Funghi",
              description: "Creamy Arborio rice with wild mushrooms and truffle oil",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183832020-sqgzqvxa.jpg",
              imageAlt: "Risotto ai Funghi"
            },
            {
              id: "4",
              title: "Lasagna della Nonna",
              description: "Layered pasta with Bolognese, béchamel, and aged Parmigiano",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183830869-g93nmh02.jpg",
              imageAlt: "Lasagna della Nonna"
            },
            {
              id: "5",
              title: "Tiramisu Classico",
              description: "Traditional mascarpone cream with espresso and cocoa",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766269120138-xqo4el2p.jpg",
              imageAlt: "Tiramisu Classico"
            }
          ]}
          containerClassName="py-16"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="What Our Guests Say"
          description="Discover why diners love Bella Italia"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          variant="card"
          testimonials={[
            {
              id: "1",
              quote: "The most authentic Italian experience I've had outside of Italy. Every dish was perfection and the service was impeccable.",
              name: "Marco Benedetti",
              role: "Food Critic",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766269123042-ekxd8aqx.jpg",
              imageAlt: "Marco Benedetti"
            },
            {
              id: "2",
              quote: "We celebrated our anniversary here and it was magical. The ambiance, the food, the wine selection - everything was wonderful.",
              name: "Sofia Romano",
              role: "Restaurant Guest",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "Sofia Romano"
            },
            {
              id: "3",
              quote: "Finally found a place that respects traditional Italian cooking. Chef Marco's passion shows in every bite.",
              name: "Giuseppe Rossi",
              role: "Food Enthusiast",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg",
              imageAlt: "Giuseppe Rossi"
            },
            {
              id: "4",
              quote: "The handmade pasta is incredible. Worth every penny. We come here monthly and never get tired of it.",
              name: "Elena Gallo",
              role: "Regular Customer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140061652-x0v8jc88.jpg",
              imageAlt: "Elena Gallo"
            },
            {
              id: "5",
              quote: "Brought my family and they're still talking about the lasagna. Best Italian restaurant in the city.",
              name: "Antonio Marino",
              role: "Family Guest",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163677896-h7vfowg5.jpg",
              imageAlt: "Antonio Marino"
            },
            {
              id: "6",
              quote: "The wine pairings were expertly chosen. The sommelier really knows their craft. Highly recommended.",
              name: "Lucia Ferrari",
              role: "Wine Lover",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185880597-ieb2jad3.jpg",
              imageAlt: "Lucia Ferrari"
            }
          ]}
          containerClassName="py-16"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience authentic Italian hospitality? Reserve your table today and let us create an unforgettable evening for you."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[{ text: "Make a Reservation", href: "tel:+1234567890" },
            { text: "Check Hours", href: "#footer" }]}
          containerClassName="py-20"
          textClassName="text-3xl md:text-4xl font-light"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Bella Italia"
          copyrightText="© 2025 Bella Italia. All rights reserved."
          columns={[
            {
              title: "Hours",
              items: [
                { label: "Monday - Thursday: 5 PM - 10 PM", href: "" },
                { label: "Friday - Saturday: 5 PM - 11 PM", href: "" },
                { label: "Sunday: 4 PM - 9 PM", href: "" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "123 Italian Way, City, ST 12345", href: "" },
                { label: "(555) 123-4567", href: "tel:+15551234567" },
                { label: "info@bellaitalia.com", href: "mailto:info@bellaitalia.com" }
              ]
            },
            {
              title: "Follow Us",
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" }
              ]
            }
          ]}
          containerClassName="bg-gray-900 text-white"
          columnTitleClassName="text-lg font-semibold mb-4"
        />
      </div>
    </ThemeProvider>
  );
}