"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Facebook, Instagram } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="large"
      sizing="medium"
      background="fluid"
      cardStyle="outline-light"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="minimal"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Bella Italia"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Ambiance", id: "ambiance" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardMetrics
          title="Experience Italian Elegance"
          description="Award-winning Italian cuisine in the heart of San Diego. Authentic flavors, premium ingredients, unforgettable moments."
          tag="Fine Dining Since 2015"
          buttons={[
            { text: "Reserve Your 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 interior with warm lighting"
          frameStyle="card"
          metricsLabel="Trusted by San Diego's most discerning diners"
          metrics={[
            { id: "1", value: "1000+", label: "Happy Guests Yearly" },
            { id: "2", value: "50+", label: "Premium Wine Selection" },
            { id: "3", value: "20+", label: "Years Culinary Excellence" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Culinary Heritage"
          description="Founded in 2015, Bella Italia brings authentic Tuscan traditions to San Diego. Our chef, trained in the heart of Italy, sources the finest ingredients to create dishes that honor centuries of Italian culinary excellence. Every plate tells a story of passion, tradition, and devotion to perfection."
          tag="About Us"
          buttons={[
            { text: "Meet Our Team", href: "#team" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183827933-jsmix0wr.jpg"
          imageAlt="Chef preparing authentic Italian dishes"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardSix
          title="Signature Dishes"
          description="Handcrafted recipes featuring premium Italian ingredients and authentic preparation methods"
          tag="Culinary Excellence"
          textboxLayout="default"
          animationType="slide-up"
          containerStyle="default"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",
              name: "Handmade Pasta Carbonara",
              price: "$32",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184307475-il65w00q.jpg",
              imageAlt: "Creamy carbonara with guanciale"
            },
            {
              id: "2",
              name: "Risotto ai Funghi Porcini",
              price: "$38",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183830869-g93nmh02.jpg",
              imageAlt: "Luxurious porcini mushroom risotto"
            },
            {
              id: "3",
              name: "Branzino al Forno",
              price: "$42",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183832020-sqgzqvxa.jpg",
              imageAlt: "Fresh Mediterranean sea bass"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="ambiance" data-section="ambiance">
        <FeatureCardThirteen
          title="The Bella Italia Experience"
          description="Discover what makes our restaurant the premier Italian dining destination in San Diego"
          tag="Dining Experience"
          textboxLayout="default"
          animationType="slide-up"
          containerStyle="default"
          gridVariant="three-columns-all-equal-width"
          features={[
            {
              id: "01",
              title: "Candlelit Elegance",
              description: "Intimate dining rooms with warm ambiance, Italian artwork, and carefully curated lighting that sets the perfect mood for your evening."
            },
            {
              id: "02",
              title: "Sommelier Selection",
              description: "Expert wine pairings featuring over 50 premium Italian wines. Our sommelier personally recommends selections to complement your meal."
            },
            {
              id: "03",
              title: "Private Events",
              description: "Host your special celebrations in our private dining rooms. Perfect for engagements, anniversaries, and corporate gatherings with custom menus."
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",
              name: "Maria Rossi",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140062551-7eyqwr2v.jpg",
              imageAlt: "Maria Rossi"
            },
            {
              id: "2",
              name: "Marco Benedetti",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182321167-i4kvpj5f.jpg",
              imageAlt: "Marco Benedetti"
            },
            {
              id: "3",
              name: "Lucia Colombo",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766250306070-vb1yt84n.jpg",
              imageAlt: "Lucia Colombo"
            },
            {
              id: "4",
              name: "Antonio Russo",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140063369-vzpeyskp.jpg",
              imageAlt: "Antonio Russo"
            }
          ]}
          cardTitle="Over 2,000+ guests celebrate their most important moments with us every year"
          cardTag="Guest Reviews"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Reserve"
          title="Book Your Table"
          description="Join us for an unforgettable evening. Reserve your table today and experience authentic Italian cuisine."
          buttonText="Reserve Now"
          inputPlaceholder="Your email address"
          termsText="We respect your privacy. Your reservation details are secure with us."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Bella Italia"
          columns={[
            {
              title: "Hours",
              items: [
                { label: "Tuesday - Thursday: 5pm - 10pm", href: "#" },
                { label: "Friday - Saturday: 5pm - 11pm", href: "#" },
                { label: "Sunday: 4pm - 9pm", href: "#" },
                { label: "Monday: Closed", href: "#" }
              ]
            },
            {
              title: "Location",
              items: [
                { label: "123 Little Italy Lane", href: "#" },
                { label: "San Diego, CA 92110", href: "#" },
                { label: "(619) 555-0147", href: "#" },
                { label: "info@bellaitalia.com", href: "#" }
              ]
            },
            {
              title: "Dining",
              items: [
                { label: "Dine In", href: "#" },
                { label: "Private Events", href: "#" },
                { label: "Wine Selection", href: "#" },
                { label: "Reservations", href: "#contact" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
          ]}
          copyrightText="© Bella Italia, San Diego. All rights reserved. 2025"
        />
      </div>
    </ThemeProvider>
  );
}