"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="plain"
      cardStyle="glass-depth"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Bella Notte"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          tag="Welcome to Bella Notte"
          title="Authentic Italian Dining Experience"
          description="Discover the flavors of Italy in an intimate, warm setting. From traditional pasta to contemporary Italian cuisine, every dish tells a story."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767091364833-yu3qdwy8.jpg"
          imageAlt="Beautifully plated Italian pasta dish"
          buttons={[
            { text: "Reserve Your Table", href: "contact" },
            { text: "View Menu", href: "menu" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitAbout
          title="Our Story"
          description="Bella Notte was founded with a simple mission: to bring the warmth and authenticity of Italian cuisine to our community. For over a decade, we've been committed to sourcing the finest ingredients and preparing each dish with passion and tradition. Our family-inspired approach ensures that every guest feels like part of our story."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767091368078-iy5nxrl1.jpg"
          imageAlt="Elegant restaurant interior with warm lighting"
          imagePosition="right"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardEight
          tag="Our Specialties"
          title="Signature Dishes"
          description="Experience our most beloved creations, crafted with traditional Italian recipes and modern techniques"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Risotto al Tartufo",
              description: "Creamy Arborio rice infused with black truffle, butter, and Parmesan for an earthy, luxurious flavor",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767091365754-8lagsgqh.jpg"
            },
            {
              id: 2,
              title: "Handmade Tagliatelle",
              description: "Fresh egg pasta served with our signature Bolognese sauce, slow-cooked with care for hours",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767091364833-yu3qdwy8.jpg"
            },
            {
              id: 3,
              title: "Tiramisu Classico",
              description: "The ultimate Italian dessert: layers of espresso-soaked ladyfingers and creamy mascarpone",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767091366425-6570a431.jpg"
            },
            {
              id: 4,
              title: "Wine Pairings",
              description: "Curated selection of Italian wines to complement your meal, from Tuscany to Sicily",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767091367108-j4lgfy6s.jpg"
            }
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardNine
          tag="Guest Stories"
          title="What Our Guests Say"
          description="Join our family of satisfied diners who return time and again for authentic Italian hospitality"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              quote: "Bella Notte transported me straight to Rome. The pasta was exceptional and the service felt like dining with family. I've been back five times already!",
              name: "Maria Rossi",
              role: "Food Critic",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767091368966-bp3n0n4z.jpg"
            },
            {
              id: "2",
              quote: "The risotto al tartufo was the best I've ever had outside of Italy. Every bite was perfection.",
              name: "Giovanni Benedetti",
              role: "Restaurant Consultant",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767091369639-shl45571.jpg"
            },
            {
              id: "3",
              quote: "From the warm greeting to the last bite of tiramisu, this was an unforgettable evening. Highly recommended!",
              name: "Sophie Laurent",
              role: "Travel Blogger",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767091370275-ldgnrom7.jpg"
            },
            {
              id: "4",
              quote: "Finally found an authentic Italian restaurant with real passion. The chef clearly cares about every dish.",
              name: "Marco Vacelli",
              role: "Wine Enthusiast",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767091370851-hum7v41r.jpg"
            },
            {
              id: "5",
              quote: "Took my family here for our anniversary. The ambiance was perfect, and the food was absolutely delicious.",
              name: "Emma Johnson",
              role: "Events Manager",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767091371451-6i0vssj8.jpg"
            },
            {
              id: "6",
              quote: "Every detail matters at Bella Notte. The attention to quality and tradition is remarkable.",
              name: "Lucas Romano",
              role: "Culinary Student",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767091372055-qk3riwp8.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready for an unforgettable Italian dining experience? Reserve your table with us today and let us welcome you to our family."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Reserve Now", href: "#" },
            { text: "Call Us", href: "#" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Bella Notte"
          columns={[
            {
              title: "Restaurant",
              items: [
                { label: "Home", href: "#home" },
                { label: "Menu", href: "#menu" },
                { label: "Reservations", href: "#contact" }
              ]
            },
            {
              title: "About",
              items: [
                { label: "Our Story", href: "#about" },
                { label: "Team", href: "#" },
                { label: "Hours", href: "#" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Location", href: "#" },
                { label: "Phone", href: "tel:+1234567890" },
                { label: "Email", href: "mailto:info@bellanotte.com" }
              ]
            },
            {
              title: "Follow Us",
              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Reviews", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Bella Notte. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}