"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Users, Award, Globe } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Alma Mia"
          navItems={[
            { name: "Inicio", id: "hero" },
            { name: "Sobre Nosotros", id: "about" },
            { name: "Especialidades", id: "features" },
            { name: "Ubicación", id: "product" },
            { name: "Opiniones", id: "testimonial" }
          ]}
          button={{
            text: "Reservar Mesa",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="Alma Mia"
          description="Bienvenido a la auténtica experiencia gastronómica italiana en Cala Bona. Nuestras pizzas, pastas y platos italianos son preparados con ingredientes Premium importados de Italia. Disfrutar de la gastronomía italiana en primera fila del mar."
          background="gradient-bars"
          buttons={[
            { text: "Reservar Ahora", href: "#contact" },
            { text: "Ver Menú", href: "#features" }
          ]}
          buttonAnimation="slide-up"
          layoutOrder="default"
          imageSrc="http://img.b2bpic.net/free-photo/wooden-bar-table-with-bar-chairs-cafe_181624-60461.jpg"
          imageAlt="Restaurante Alma Mia en Cala Bona"
          mediaAnimation="blur-reveal"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Más de 15 años de tradición italiana en el Mediterráneo"
          metrics={[
            { icon: Users, label: "Clientes Satisfechos", value: "5000+" },
            { icon: Award, label: "Reconocimientos", value: "12" },
            { icon: Globe, label: "Ingredientes Importados", value: "Italia" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="Nuestras Especialidades Culinarias"
          description="Cada plato es una obra maestra de la cocina italiana, preparada con pasión por nuestro equipo de chefs especializados. Utilizamos solo los ingredientes más frescos y auténticos."
          tag="Auténtica Cocina Italiana"
          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              id: 1,
              tag: "Pizza Margherita",              title: "Pizza Margherita Premium",              subtitle: "Clásico italiano perfecto",              description: "Masa artesanal, tomate San Marzano, mozzarella di bufala fresca y albahaca italiana. Cocida en horno de leña a más de 300°C para obtener ese crujiente perfecto.",              imageSrc: "http://img.b2bpic.net/free-photo/small-homemade-pizzas-fresh-with-basil_114579-23232.jpg",              imageAlt: "Pizza Margherita"
            },
            {
              id: 2,
              tag: "Pasta Carbonara",              title: "Spaghetti a la Carbonara",              subtitle: "Receta romana tradicional",              description: "Preparada con guanciale italiano, huevos frescos, queso pecorino romano y pimienta negra. Una receta auténtica que honra la tradición romana más pura.",              imageSrc: "http://img.b2bpic.net/free-photo/pasta-dish-restaurant-table_7939-2485.jpg",              imageAlt: "Pasta Carbonara"
            },
            {
              id: 3,
              tag: "Risotto",              title: "Risotto ai Frutti di Mare",              subtitle: "Delicias del Mediterráneo",              description: "Arroz Carnaroli cremoso combinado con camarones frescos, vieiras y calamares. Un viaje culinario por las costas de Italia con influencias mediterráneas.",              imageSrc: "http://img.b2bpic.net/free-photo/chicken-mushroom-salad-wrapped-with-tomato-slices_114579-2031.jpg",              imageAlt: "Risotto de Mariscos"
            }
          ]}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardOne
          title="Ubicación Premium en Primera Línea de Mar"
          description="Disfruta de vistas espectaculares al Mediterráneo mientras saboreas la mejor gastronomía italiana. Nuestra ubicación estratégica en Cala Bona te permite experimentar la magia del atardecer balear."
          tag="Cala Bona, Son Servera"
          tagAnimation="blur-reveal"
          textboxLayout="split"
          useInvertedBackground={false}
          gridVariant="uniform-all-items-equal"
          animationType="blur-reveal"
          products={[
            {
              id: "1",              name: "Terraza con Vistas al Mar",              price: "Ambiente Único",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-nature-landscape-with-bed-deck-chair-around-swimming-pool-hotel-resort_74190-8167.jpg",              imageAlt: "Terraza con vistas al Mediterráneo"
            },
            {
              id: "2",              name: "Atmósfera Romántica",              price: "Cenas Inolvidables",              imageSrc: "http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173266.jpg?_wi=1",              imageAlt: "Ambiente romántico del restaurante"
            },
            {
              id: "3",              name: "Acceso Directo a la Playa",              price: "Experiencia Completa",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-wine-bottles-with-grape-white-wooden-vertical_176474-4170.jpg",              imageAlt: "Copas de vino premium"
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardSixteen
          title="Lo que Dicen Nuestros Clientes"
          description="Las opiniones de nuestros huéspedes locales y turistas internacionales hablan por sí solas. Cientos de historias de experiencias culinarias inolvidables."
          tag="Reseñas Verificadas"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="blur-reveal"
          kpiItems={[
            { value: "4.9/5", label: "Calificación Promedio" },
            { value: "2500+", label: "Opiniones Positivas" },
            { value: "98%", label: "Tasa de Satisfacción" }
          ]}
          testimonials={[
            {
              id: "1",              name: "María García",              role: "Viajera",              company: "Barcelona, España",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-clasping-hands-chest-dress-looking-cheery_176474-32545.jpg",              imageAlt: "happy satisfied customer smiling portrait professional"
            },
            {
              id: "2",              name: "Juan López",              role: "Cliente Local",              company: "Son Servera, Mallorca",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-leader-looking-through-window_1262-5623.jpg",              imageAlt: "happy satisfied man smiling portrait professional"
            },
            {
              id: "3",              name: "Sophie Martin",              role: "Turista",              company: "París, Francia",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-black-girl-happy-expression_1194-4239.jpg",              imageAlt: "happy satisfied young woman smiling portrait"
            },
            {
              id: "4",              name: "Antonio Rossi",              role: "Crítico Gastronómico",              company: "Palma de Mallorca",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3566.jpg",              imageAlt: "happy satisfied young man smiling portrait"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Reserva tu Mesa Ahora"
          description="Completa el formulario y nos pondremos en contacto para confirmar tu reservación. No hay cargos por adelantado, solo la garantía de una experiencia culinaria excepcional."
          imageSrc="http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173266.jpg?_wi=2"
          imageAlt="Reserva tu experiencia en Alma Mia"
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          useInvertedBackground={false}
          buttonText="Reservar Mesa"
          inputs={[
            { name: "nombre", type: "text", placeholder: "Tu nombre completo" },
            { name: "email", type: "email", placeholder: "Tu correo electrónico" },
            { name: "telefono", type: "tel", placeholder: "+34 XXX XXX XXX" },
            { name: "fecha", type: "date", placeholder: "Fecha de reservación" },
            { name: "personas", type: "number", placeholder: "Número de personas" }
          ]}
          textarea={{
            name: "observaciones",            placeholder: "Observaciones especiales (alergias, ocasión especial, etc.)",            rows: 4
          }}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Alma Mia Pizzería"
          copyrightText="© 2025 Alma Mia Pizzería Restaurante. Todos los derechos reservados."
          columns={[
            {
              title: "Ubicación",              items: [
                { label: "Cala Bona, Son Servera", href: "#" },
                { label: "Islas Baleares, España", href: "#" },
                { label: "Primera línea de mar", href: "#" }
              ]
            },
            {
              title: "Horarios",              items: [
                { label: "Lunes - Domingo: 12:00 - 23:00", href: "#" },
                { label: "Cerrado: Lunes (temporada baja)", href: "#" },
                { label: "Abierto festivos", href: "#" }
              ]
            },
            {
              title: "Contacto",              items: [
                { label: "Teléfono: +34 971 XXXXX", href: "tel:+34971000000" },
                { label: "Email: info@almamia.es", href: "mailto:info@almamia.es" },
                { label: "Reservas Online", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Política de Cookies", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
