"use client"
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Buona Tavola"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reservations", id: "reservations" },
            { name: "Gallery", id: "gallery" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Buona Tavola"
          description="Experience the authentic flavors of Italy in an elegant setting. From traditional recipes passed down through generations to innovative contemporary dishes, every meal celebrates the art of Italian cooking."
          buttons={[
            { text: "Make a Reservation", href: "#reservations" },
            { text: "View Menu", href: "#menu" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081864.jpg"
          imageAlt="Elegant Italian restaurant interior with warm lighting"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="A Culinary Journey from Italy to Your Table"
          description="Founded in 1998, Buona Tavola was born from a passion for authentic Italian cuisine and a commitment to honoring traditional cooking methods. Our chef brings family recipes from Tuscany, combined with locally sourced ingredients and modern culinary techniques to create unforgettable dining moments."
          tag="Our Story"
          buttons={[
            { text: "Learn More", href: "#about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/grating-cheese_23-2147985172.jpg"
          imageAlt="Chef preparing authentic Italian dishes in the kitchen"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Signature Menu"
          description="Explore our carefully curated selection of Italian specialties crafted with passion and premium ingredients"
          tag="Featured Dishes"
          products={[
            {
              id: "1",              brand: "Primo Piatto",              name: "Pappardelle ai Funghi Porcini",              price: "$24",              rating: 5,
              reviewCount: "847",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-large-tube-pasta-with-chicken-cherry-tomato-with-chopped-parsley_141793-1840.jpg",              imageAlt: "Pappardelle pasta with mushrooms"
            },
            {
              id: "2",              brand: "Piatto Principale",              name: "Osso Buco alla Milanese",              price: "$38",              rating: 5,
              reviewCount: "623",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-pasta-with-cheese-mushrooms-white-plate-dark-wooden-table-with-city-view_176474-2503.jpg",              imageAlt: "Braised veal shank with saffron risotto"
            },
            {
              id: "3",              brand: "Dolce",              name: "Tiramisu Tradizionale",              price: "$12",              rating: 5,
              reviewCount: "1.2k",              imageSrc: "https://img.b2bpic.net/free-photo/italian-spaghetti-tomato-sauce-with-parmesan-inside-blue-plate-top-view_114579-1556.jpg",              imageAlt: "Classic tiramisu dessert"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          title="Why Guests Choose Buona Tavola"
          description="Discover what makes our restaurant a beloved destination for Italian cuisine enthusiasts"
          tag="Excellence"
          features={[
            {
              id: "1",              title: "Award-Winning Chef",              author: "Chef Marco Rossini",              description: "Michelin-trained chef with 25 years of experience bringing authentic Tuscan recipes to life with modern innovation and precision.",              tags: ["Expert", "Tuscany"],
              imageSrc: "https://img.b2bpic.net/free-photo/grating-cheese_23-2147985172.jpg",              imageAlt: "Chef Marco in the kitchen"
            },
            {
              id: "2",              title: "Locally Sourced Ingredients",              author: "Sustainability Team",              description: "We partner with regional farms and suppliers to ensure every ingredient is fresh, seasonal, and supports our local community.",              tags: ["Fresh", "Local"],
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-large-tube-pasta-with-chicken-cherry-tomato-with-chopped-parsley_141793-1840.jpg",              imageAlt: "Fresh ingredients and produce"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Cohen",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",              imageAlt: "James Cohen"
            },
            {
              id: "3",              name: "Elena Rossi",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg",              imageAlt: "Elena Rossi"
            },
            {
              id: "4",              name: "David Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135471.jpg",              imageAlt: "David Thompson"
            }
          ]}
          cardTitle="Over 5,000 guests experience authentic Italian dining at Buona Tavola every month"
          cardTag="Trusted by food lovers"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Impact & Recognition"
          description="Celebrating years of culinary excellence and guest satisfaction"
          tag="Achievements"
          metrics={[
            {
              id: "1",              value: "27",              title: "Years of Excellence",              description: "Serving authentic Italian cuisine since 1998",              imageSrc: "https://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081864.jpg",              imageAlt: "Restaurant exterior"
            },
            {
              id: "2",              value: "⭐⭐⭐⭐⭐",              title: "Guest Rating",              description: "Consistently rated 4.9/5 stars across platforms",              imageSrc: "https://img.b2bpic.net/free-photo/grating-cheese_23-2147985172.jpg",              imageAlt: "Chef excellence"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="reservations" data-section="reservations">
        <ContactText
          text="Ready to experience authentic Italian dining? Reserve your table today and join us for an unforgettable culinary journey. Our team looks forward to welcoming you."
          animationType="entrance-slide"
          buttons={[
            { text: "Reserve Now", href: "https://www.resy.com" },
            { text: "Call Us", href: "tel:+1-555-123-4567" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Buona Tavola"
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "Hours", href: "#contact" },
                { label: "Location", href: "#contact" },
                { label: "Menu", href: "#menu" }
              ]
            },
            {
              title: "Dining",              items: [
                { label: "Reservations", href: "https://www.resy.com" },
                { label: "Private Events", href: "#contact" },
                { label: "Wine List", href: "#menu" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" }
              ]
            }
          ]}
          copyrightText="© 2025 Buona Tavola. Authentic Italian Cuisine."
        />
      </div>
    </ThemeProvider>
  );
}