"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Flame, Pizza, Star, Mail } from 'lucide-react';

export default function PizzeriaPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Pizzeria Madrid"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Pizzas", id: "pizzas" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Now",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Authentic Italian Pizza in the Heart of Madrid"
          description="Experience the true taste of Naples with our wood-fired pizzas crafted using the finest Italian ingredients and time-honored traditions since 2008."
          tag="Est. 2008"
          tagIcon={Flame}
          background={{ variant: "glowing-orb" }}
          imageSrc="https://img.b2bpic.net/free-photo/side-view-slice-pizza-wooden-board_176474-120139.jpg"
          imageAlt="Wood-fired pizza from our oven"
          imagePosition="right"
          kpis={[
            { value: "15+", label: "Signature Pizzas" },
            { value: "100%", label: "Authentic Ingredients" },
            { value: "1000+", label: "Happy Guests Monthly" }
          ]}
          enableKpiAnimation={true}
          buttons={[
            { text: "See Our Menu", href: "#pizzas" },
            { text: "Make a Reservation", href: "#contact" }
          ]}
        />
      </div>

      <div id="pizzas" data-section="pizzas">
        <ProductCardTwo
          title="Our Signature Pizzas"
          description="Each pizza is handcrafted with love using imported Italian ingredients and our signature wood-fired technique."
          tag="Pizza Menu"
          tagIcon={Pizza}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",              brand: "Classic",              name: "Margherita",              price: "€12.50",              rating: 5,
              reviewCount: "234",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-delicious-sliced-pizza-with-copy-space_23-2148753765.jpg",              imageAlt: "Margherita pizza with fresh basil and mozzarella"
            },
            {
              id: "2",              brand: "Premium",              name: "Pepperoni Napoli",              price: "€14.90",              rating: 5,
              reviewCount: "312",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-pizza-dough-with-wooden-board-tomatoes_23-2148753786.jpg",              imageAlt: "Pepperoni pizza with crispy edges and authentic toppings"
            },
            {
              id: "3",              brand: "Gourmet",              name: "Quattro Formaggi",              price: "€15.50",              rating: 5,
              reviewCount: "289",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-delicious-pizza-with-tomatoes-parmesan-cheese_23-2148753756.jpg",              imageAlt: "Creamy four-cheese pizza with premium mozzarella blend"
            }
          ]}
          buttons={[
            { text: "View Full Menu", href: "#contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Where Tradition Meets Madrid's Passion for Great Food" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Visit Us Today", href: "#contact" },
            { text: "Learn More", href: "#contact" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Why Our Pizza Stands Out"
          description="From our imported Italian flour to our hand-tossed dough, every detail reflects our commitment to authenticity and quality."
          tag="Our Difference"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          useInvertedBackground="invertDefault"
          features={[
            {
              title: "Wood-Fired Oven",              description: "Imported stone oven heated to 400°C for perfect crust every time",              imageSrc: "https://img.b2bpic.net/free-photo/restaurant-interior_1127-3394.jpg"
            },
            {
              title: "Artisan Craftsmanship",              description: "Our pizzaiolos trained in Naples bring decades of experience to each pizza",              imageSrc: "https://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Guests Say"
          description="Join thousands of Madrileños who've discovered authentic Italian pizza in the heart of our city"
          tag="Reviews"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "María García",              handle: "Madrid Local",              testimonial: "The best pizza I've had outside of Italy. The margherita is perfection - simple, authentic, and absolutely delicious!",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",              imageAlt: "María García"
            },
            {
              id: "2",              name: "Juan Rodríguez",              handle: "Food Blogger",              testimonial: "Finally found an authentic pizzeria in Madrid that respects the craft. The dough, the ingredients, the passion - it's all there.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",              imageAlt: "Juan Rodríguez"
            },
            {
              id: "3",              name: "Sofia Martínez",              handle: "Restaurant Critic",              testimonial: "An absolute gem. The wood-fired pizzas here transport you straight to Naples. Highly recommended for anyone serious about pizza.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",              imageAlt: "Sofia Martínez"
            },
            {
              id: "4",              name: "Antonio Perez",              handle: "Regular Customer",              testimonial: "I've been coming here for 3 years and the quality never wavers. This is Madrid's treasure for authentic Italian pizza.",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",              imageAlt: "Antonio Perez"
            },
            {
              id: "5",              name: "Elena López",              handle: "Travel Blogger",              testimonial: "When visiting Madrid, this pizzeria is a must-visit. Authentic atmosphere, perfect pizzas, and warm hospitality.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",              imageAlt: "Elena López"
            },
            {
              id: "6",              name: "Carlos Jiménez",              handle: "Culinary Enthusiast",              testimonial: "The attention to detail here is remarkable. Every ingredient matters and you can taste the difference in every bite.",              imageSrc: "https://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg",              imageAlt: "Carlos Jiménez"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Connected"
          tagIcon={Mail}
          title="Join Our Pizza Lovers Community"
          description="Subscribe to our newsletter for special offers, new pizza releases, and invitations to exclusive tasting events."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg"
          imageAlt="Our pizzaiolos crafting fresh pizza"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Pizzeria Madrid"
          copyrightText="© 2025 Pizzeria Madrid | Authentic Italian Pizza Since 2008"
          columns={[
            {
              title: "Menu",              items: [
                { label: "Our Pizzas", href: "pizzas" },
                { label: "Appetizers", href: "#" },
                { label: "Desserts", href: "#" },
                { label: "Beverages", href: "#" }
              ]
            },
            {
              title: "Restaurant",              items: [
                { label: "About Us", href: "about" },
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Reviews", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}