"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="medium"
      background="animatedAurora"
      cardStyle="solid-bordered"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="outline"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Bella Italia"
          navItems={[
            { 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">
        <HeroBillboard
          title="Bella Italia"
          description="Authentic Italian cuisine in the heart of Switzerland. Experience the warmth, flavors, and traditions of Italy at our table."
          tag="Est. 2015"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg"
          imageAlt="Bella Italia Restaurant Dining Experience"
          frameStyle="card"
          buttons={[
            { text: "Reserve Now", href: "#contact" },
            { text: "View Menu", href: "#menu" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutMetric
          title="Our Story"
          description={[
            "For over eight years, Bella Italia has brought authentic Italian flavors to Switzerland. Founded by Chef Marco Rossi, our restaurant celebrates traditional Italian recipes passed down through generations, combined with the finest local Swiss ingredients.",
            "We believe in simplicity, quality, and passion. Every dish tells a story of Italian heritage and Mediterranean tradition."
          ]}
          metrics={[
            { label: "Years Serving", value: "8+" },
            { label: "Daily Guests", value: "200+" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardThirteen
          title="Our Signature Dishes"
          description="From traditional pasta to regional specialties, discover the flavors of Italy crafted with love and the finest ingredients."
          textboxLayout="default"
          features={[
            {
              id: "01",
              title: "Homemade Pasta",
              description: "Fresh pasta made daily using traditional techniques. Linguine, pappardelle, and ravioli with seasonal sauces."
            },
            {
              id: "02",
              title: "Risotto Milanese",
              description: "Creamy arborio rice infused with saffron, finished with butter and Parmigiano-Reggiano."
            },
            {
              id: "03",
              title: "Tiramisu",
              description: "Classic Italian dessert with mascarpone, espresso, and cocoa. A perfect ending to your meal."
            },
            {
              id: "04",
              title: "Wine Selection",
              description: "Curated collection of Italian wines paired with our menu. Expert sommelier recommendations available."
            }
          ]}
          animationType="slide-up"
          containerStyle="default"
          gridVariant="four-items-2x2-equal-grid"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Guests Say"
          description="Real experiences from people who have dined with us."
          testimonials={[
            {
              id: "1",
              name: "Sophie Mueller",
              role: "Food Critic",
              company: "Swiss Culinary Review",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg"
            },
            {
              id: "2",
              name: "Marco Lehmann",
              role: "Chef",
              company: "Local Restaurant Owner",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140061652-x0v8jc88.jpg"
            },
            {
              id: "3",
              name: "Elena Rossi",
              role: "Regular Guest",
              company: "Zurich Resident",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg"
            },
            {
              id: "4",
              name: "Thomas Weber",
              role: "Event Organizer",
              company: "Corporate Dinners",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163111038-v4yzlxbq.jpg"
            },
            {
              id: "5",
              name: "Lisa Keller",
              role: "Food Blogger",
              company: "Swiss Food Stories",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184309647-aqbmmuiq.jpg"
            },
            {
              id: "6",
              name: "Giovanni Maretti",
              role: "Wine Enthusiast",
              company: "Basel Wine Club",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140064413-lmtijaij.jpg"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          title="Reserve Your Table"
          description="Join us for an unforgettable evening of authentic Italian cuisine. Book your reservation today or reach out with any questions."
          useInvertedBackground="noInvert"
          inputPlaceholder="Your email address"
          buttonText="Reserve"
          termsText="We will contact you shortly to confirm your reservation. We respect your privacy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Bella Italia"
        />
      </div>
    </ThemeProvider>
  );
}