"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumSizeLargeTitles"
      background="grid"
      cardStyle="shadow-colored"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Menu", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Reserve Table", href: "contact" }}
          brandName="Pizzeria Bella"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Authentic Italian Pizzeria"
          description="Handcrafted pizzas made with passion, featuring traditional recipes and the finest Italian ingredients fired in our wood-burning oven"
          tag="Est. 2010"
          imageSrc="https://img.b2bpic.net/free-photo/world-cuisine-with-delicious-food_23-2151889989.jpg"
          imageAlt="Wood-fired pizza with fresh basil and mozzarella"
          buttons={[
            { text: "Reserve Now", href: "contact" },
            { text: "View Menu", href: "products" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Three generations of" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/dinner-set-with-margherita-pizza-salad-pasta-wine_140725-7828.jpg", alt: "Pizzeria Bella heritage" },
            { type: "text", content: "Italian excellence" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Our Story", href: "#" },
            { text: "Visit Us", href: "#" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="What Makes Us Special"
          description="We believe in honoring traditional Italian pizza-making techniques while celebrating the finest ingredients sourced from trusted suppliers"
          tag="Our Craft"
          imageSrc="https://img.b2bpic.net/free-photo/delicious-vegan-pizza-social-post_23-2151895448.jpg"
          imageAlt="Traditional wood-fired brick oven"
          useInvertedBackground="noInvert"
          mediaPosition="left"
          accordionItems={[
            {
              id: "1",              title: "Wood-Fired Authenticity",              content: "Our imported Italian brick oven reaches temperatures of 900°F, creating perfectly crispy crusts with a distinct smoky flavor that cannot be replicated elsewhere. Every pizza is a masterpiece of tradition and heat."
            },
            {
              id: "2",              title: "Sourced Ingredients",              content: "From San Marzano tomatoes to fresh mozzarella di bufala, each ingredient is carefully selected from artisanal Italian producers. We believe quality ingredients make quality pizza."
            },
            {
              id: "3",              title: "Time-Honored Recipes",              content: "Our recipes have been passed down through three generations, perfected and refined. We respect tradition while welcoming innovative flavor combinations for the modern palate."
            }
          ]}
          buttons={[
            { text: "Explore Menu", href: "#products" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Signature Pizzas"
          description="Our most beloved creations, crafted with precision and passion"
          tag="Bestsellers"
          products={[
            {
              id: "1",              brand: "Pizzeria Bella",              name: "Margherita Classica",              price: "$16.99",              rating: 5,
              reviewCount: "342",              imageSrc: "https://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134278.jpg",              imageAlt: "Classic Margherita pizza with fresh basil"
            },
            {
              id: "2",              brand: "Pizzeria Bella",              name: "Pepperoni Tradizionale",              price: "$17.99",              rating: 5,
              reviewCount: "289",              imageSrc: "https://img.b2bpic.net/free-photo/wooden-surface-with-flour-ingredients-cooking-pasta_23-2147606580.jpg",              imageAlt: "Traditional pepperoni pizza with crispy crust"
            },
            {
              id: "3",              brand: "Pizzeria Bella",              name: "Quattro Formaggi",              price: "$18.99",              rating: 5,
              reviewCount: "156",              imageSrc: "https://img.b2bpic.net/free-photo/pizza-with-sausage-corn-beans-shrimp-bacon-wooden-plate_1150-27088.jpg",              imageAlt: "Four cheese pizza blend"
            },
            {
              id: "4",              brand: "Pizzeria Bella",              name: "Verdure Fresche",              price: "$16.99",              rating: 5,
              reviewCount: "98",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-slice-pizza-wooden-board_176474-120139.jpg",              imageAlt: "Fresh vegetable and herb pizza"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-alternating-sizes"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFifteen
          testimonial="The best pizza I've ever had. The quality of ingredients is unmatched, and you can taste the passion in every bite. This is authentic Italian excellence brought to our city."
          rating={5}
          author="Marco Rossi, Food Critic"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149622870.jpg", alt: "Marco Rossi" },
            { src: "https://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg", alt: "Happy customer" },
            { src: "https://img.b2bpic.net/free-photo/portrait-woman-work-with-copy-space_23-2148826459.jpg", alt: "Restaurant guest" },
            { src: "https://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg", alt: "Satisfied diner" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Experience authentic Italian pizza in an intimate atmosphere. Join us for an unforgettable dining experience. Reserve your table today and discover why food critics rave about Pizzeria Bella."
          animationType="entrance-slide"
          buttons={[
            { text: "Reserve Table", href: "#" },
            { text: "Call Us", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Pizzeria Bella"
          columns={[
            {
              items: [
                { label: "Menu", href: "products" },
                { label: "About Us", href: "about" },
                { label: "Reservations", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Reviews", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}