"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function HomePage() {
  const navItems = [{"name":"Home","id":"/"},{"name":"Menu","id":"/menu"},{"name":"About","id":"/about"},{"name":"Reservations","id":"/reservations"},{"name":"Contact","id":"/contact"}];

  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="outline"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple 
          brandName="Bella Italia"
          navItems={navItems}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Experience Authentic Italian Flavors"
          description="Savor traditional recipes passed down through generations, crafted with passion and the freshest ingredients."
          background={{ variant: 'glowing-orb' }}
          kpis={[
            { value: '25+', label: 'Years of Tradition' },
            { value: '100+', label: 'Signature Dishes' },
            { value: '5-Star', label: 'Customer Ratings' },
          ]}
          enableKpiAnimation={true}
          mediaAnimation="slide-up"
          imageSrc="https://img.b2bpic.net/free-photo/dinner-set-with-margherita-pizza-salad-pasta-wine_140725-7828.jpg"
          imageAlt="A delectable spread of Italian dishes on a rustic table"
          imagePosition="right"
          buttons={[
            { text: 'View Our Menu', href: '/menu' },
            { text: 'Book a Table', href: '/reservations' },
          ]}
        />
      </div>
      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: 'text', content: 'Our Passion for ' },
            {
              type: 'image',
              src: 'https://img.b2bpic.net/free-photo/woman-making-pasta-plate-with-kitchen-tools-black-background-horizontal-side-view_176474-4006.jpg',
              alt: 'Italian flag icon',
            },
            { type: 'text', content: ' Italian Cuisine' },
          ]}
          useInvertedBackground={false}
          buttons={[{ text: 'Our Story', href: '/about' }]}
        />
      </div>
      <div id="features" data-section="features">
        <FeatureCardEight
          title="The Bella Italia Experience"
          description="Discover what makes dining at our restaurant truly special, from our meticulously sourced ingredients to our warm, inviting atmosphere."
          features={[
            {
              id: 1,
              title: 'Fresh, Authentic Ingredients',
              description: 'We source the finest local and imported ingredients to ensure every dish bursts with genuine Italian flavors.',
              imageSrc: 'https://img.b2bpic.net/free-photo/spaghetti-with-fresh-ingredients_1220-439.jpg',
              imageAlt: 'Fresh Italian ingredients',
            },
            {
              id: 2,
              title: 'Cozy & Welcoming Ambiance',
              description: 'Our restaurant offers a warm, rustic setting perfect for family dinners, romantic dates, and special celebrations.',
              imageSrc: 'https://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg',
              imageAlt: 'Cozy restaurant interior',
            },
            {
              id: 3,
              title: 'Private Dining Options',
              description: 'Host your next event in our elegant private dining areas, offering an exclusive experience for your guests.',
              imageSrc: 'https://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg',
              imageAlt: 'Private dining room',
            },
            {
              id: 4,
              title: 'Expert Wine Pairings',
              description: 'Our sommelier can guide you through our extensive wine list to find the perfect pairing for your meal.',
              imageSrc: 'https://img.b2bpic.net/free-photo/man-eating-beef-salad-with-lettuce-tomato-restaurant_140725-1997.jpg',
              imageAlt: 'Wine pairing with Italian food',
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="products" data-section="products">
        <ProductCardTwo
          title="Our Signature Dishes"
          description="Explore a selection of our most popular and beloved Italian creations, prepared with expertise and passion."
          products={[
            {
              id: 'dish1',
              brand: 'Classic Pizza',
              name: 'Pizza Margherita',
              price: '$18.00',
              rating: 5,
              reviewCount: '1.2k',
              imageSrc: 'https://img.b2bpic.net/free-photo/top-view-sliced-margherita-pizza-topped-with-rocket_141793-2185.jpg',
              imageAlt: 'Delicious Pizza Margherita',
            },
            {
              id: 'dish2',
              brand: 'Handmade Pasta',
              name: 'Spaghetti Carbonara',
              price: '$22.00',
              rating: 5,
              reviewCount: '980',
              imageSrc: 'https://img.b2bpic.net/free-photo/pasta-dish-restaurant-table_7939-2483.jpg',
              imageAlt: 'Creamy Spaghetti Carbonara',
            },
            {
              id: 'dish3',
              brand: 'Sweet Delights',
              name: 'Authentic Tiramisu',
              price: '$10.00',
              rating: 5,
              reviewCount: '750',
              imageSrc: 'https://img.b2bpic.net/free-photo/front-view-delicious-tiramisuconcept_23-2148761669.jpg',
              imageAlt: 'Classic Tiramisu dessert',
            },
            {
              id: 'dish4',
              brand: 'Baked Perfection',
              name: 'Traditional Lasagna',
              price: '$24.00',
              rating: 5,
              reviewCount: '620',
              imageSrc: 'https://img.b2bpic.net/free-photo/classic-italian-lasagna-with-meat-vegetables_1220-7907.jpg',
              imageAlt: 'Hearty Italian Lasagna',
            },
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: 'View Full Menu', href: '/menu' }]}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Our Guests Love Us!"
          description="Hear what our wonderful customers have to say about their dining experiences at Bella Italia."
          testimonials={[
            {
              id: '1',
              title: 'A True Taste of Italy in the City!',
              quote: 'Bella Italia offers an unparalleled dining experience. The pasta is handmade, the sauces are rich, and every bite transports you to Italy. The service is impeccable!',
              name: 'Sofia Rossi',
              role: 'Food Critic',
              imageSrc: 'https://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg',
              imageAlt: 'Sofia Rossi',
            },
            {
              id: '2',
              title: 'Our Favorite Spot for Family Dinners',
              quote: "We've been coming to Bella Italia for years, and it never disappoints. The ambiance is perfect for families, and the kids absolutely love the pizza. Highly recommend!",              name: 'Marco Bianchi',
              role: 'Local Resident',
              imageSrc: 'https://img.b2bpic.net/free-photo/businessman-eating-lemon-tart-with-raspberry-sorbet-dessert-cafe_637285-8905.jpg',
              imageAlt: 'Marco Bianchi',
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to indulge in a truly Italian dining experience? Visit us or make a reservation today!"
          animationType="entrance-slide"
          buttons={[
            { text: 'Make a Reservation', href: '/reservations' },
            { text: 'Find Our Location', href: '/contact' },
          ]}
          background={{ variant: 'plain' }}
          useInvertedBackground={false}
        />
      </div>
      <FooterLogoEmphasis
        logoText="Bella Italia"
        columns={[
          { items: [{ label: 'Home', href: '/' }, { label: 'Menu', href: '/menu' }, { label: 'Specials', href: '/menu' }] },
          { items: [{ label: 'About Us', href: '/about' }, { label: 'Our Team', href: '/about' }, { label: 'Testimonials', href: '/' }] },
          { items: [{ label: 'Reservations', href: '/reservations' }, { label: 'Contact', href: '/contact' }, { label: 'Location', href: '/contact' }] },
        ]}
      />
    </ThemeProvider>
  );
}