"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

export default function BellaItaliaPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="large"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Bella Italia"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Specials", id: "specials" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardCarouselSplit
          title="Authentic Italian Cuisine Since 1995"
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-large-tube-pasta-with-chicken-cherry-tomato-with-chopped-parsley_141793-1840.jpg",              imageAlt: "Fresh handmade pasta"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/spaghetti-with-meat-creamy-sauce-garnished-with-grated-parmesan_141793-1829.jpg",              imageAlt: "Creamy saffron risotto"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/man-eating-bolognese-penne-pasta-garnished-with-herbs_140725-8738.jpg",              imageAlt: "Traditional wood-fired pizza"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/pasta-with-grated-cheese-basil-served-with-cocktail-bread_140725-8746.jpg",              imageAlt: "Classic tiramisu dessert"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/spaghetti-with-meat-creamy-sauce-garnished-with-grated-parmesan_141793-1831.jpg",              imageAlt: "Fine Italian wine selection"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-delicious-pasta-white-plate_181624-42231.jpg",              imageAlt: "Fresh seafood pasta special"
            }
          ]}
          buttons={[
            { text: "Reserve a Table", href: "contact" },
            { text: "View Menu", href: "menu" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <TagAbout
          tag="Our Story"
          description="Bella Italia has been a cornerstone of authentic Italian dining for nearly three decades. Our passion for traditional recipes, sourced ingredients, and impeccable service has made us a beloved destination for families and friends seeking genuine Italian hospitality."
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="menu" data-section="menu">
        <FeatureCardThree
          title="Signature Dishes"
          description="Discover our most beloved creations, prepared with time-honored techniques and the finest ingredients."
          tag="Menu"
          features={[
            {
              id: "01",              title: "Fettuccine Carbonara",              description: "Silky fettuccine with creamy sauce, guanciale, and Pecorino Romano—a Roman classic perfected.",              imageSrc: "https://img.b2bpic.net/free-photo/fettuccine-pasta-chicken-mushroom-parmesan-tomato-mint-sumakh-cocktail-side-view_141793-2363.jpg",              imageAlt: "Creamy fettuccine carbonara"
            },
            {
              id: "02",              title: "Lasagna Bolognese",              description: "Layers of tender pasta, rich meat ragù, and béchamel sauce baked until golden and bubbling.",              imageSrc: "https://img.b2bpic.net/free-photo/plate-penne-paste-with-tomato-sauce-parmesan_140725-4912.jpg",              imageAlt: "Traditional baked lasagna bolognese"
            },
            {
              id: "03",              title: "Pasta al Pesto",              description: "Fresh pasta coated in vibrant basil pesto made daily from our garden herbs and premium olive oil.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-spaghetti-wine-wooden-table_23-2148305675.jpg",              imageAlt: "Fresh pesto pasta with basil"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Why Guests Love Us"
          description="Trusted by thousands of families seeking authentic Italian dining experiences."
          tag="The Numbers"
          metrics={[
            {
              id: "1",              value: "28,000+",              description: "Happy guests annually"
            },
            {
              id: "2",              value: "95%",              description: "Customer satisfaction rate"
            },
            {
              id: "3",              value: "150+",              description: "Menu recipes perfected"
            },
            {
              id: "4",              value: "29",              description: "Years of tradition"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="reviews" data-section="reviews">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Maria Rossi",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Maria Rossi"
            },
            {
              id: "2",              name: "Giovanni Romano",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Giovanni Romano"
            },
            {
              id: "3",              name: "Francesca Moretti",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Francesca Moretti"
            },
            {
              id: "4",              name: "Marco Benedetti",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "Marco Benedetti"
            },
            {
              id: "5",              name: "Lucia Ferri",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Lucia Ferri"
            },
            {
              id: "6",              name: "Antonio Ricci",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg",              imageAlt: "Antonio Ricci"
            }
          ]}
          cardTitle="Over 5,000 satisfied customers return to Bella Italia year after year for unforgettable meals"
          cardTag="Guest Reviews"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Updates"
          title="Join Our Community"
          description="Subscribe to our newsletter for exclusive recipes, seasonal specials, and invitations to private dining events."
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We'll never share your email. Unsubscribe anytime."
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "Menu", href: "menu" },
                { label: "Reservations", href: "contact" },
                { label: "Private Events", href: "contact" },
                { label: "Gift Cards", href: "contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Story", href: "about" },
                { label: "Careers", href: "contact" },
                { label: "Blog", href: "contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact", href: "contact" },
                { label: "Hours & Location", href: "contact" },
                { label: "Newsletter", href: "contact" },
                { label: "Feedback", href: "contact" }
              ]
            }
          ]}
          copyrightText="© 2025 Bella Italia | Authentic Italian Cuisine"
        />
      </div>
    </ThemeProvider>
  );
}