"use client";

import { Clock, MapPin, Truck, Users, Leaf, Moon, Sparkles, Star, Gift, MessageCircle, Facebook, Mail, Phone } from "lucide-react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Della Nonna"
          navItems={[
            { name: "Inicio", id: "hero" },
            { name: "Nosotros", id: "about" },
            { name: "Promociones", id: "features" },
            { name: "Menú", id: "pricing" },
            { name: "Contacto", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="¡Pizzería Della Nonna!"
          description="Auténtica pizza italiana hecha con amor familiar. Delivery rápido en Los Olivos. Abierto hasta tarde - ¡pide ya!"
          background={{ variant: "gradient-bars" }}
          tag="Delivery en Los Olivos"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Pedir por WhatsApp", href: "https://wa.me/51960726355" },
            { text: "Ver Menú", href: "#pricing" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zte3f8"
          imageAlt="Pizza Della Nonna italiana auténtica"
          mediaAnimation="slide-up"
          ariaLabel="Hero section Pizzería Della Nonna"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Pizzería Della Nonna - Tradición Familiar"
          metrics={[
            { icon: Clock, label: "Abierto", value: "Hasta las 3 AM" },
            { icon: MapPin, label: "Ubicación", value: "Los Olivos, Lima" },
            { icon: Truck, label: "Delivery", value: "Gratis para nuevos clientes" },
            { icon: Users, label: "Especialidad", value: "Pizzas Familiares" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={true}
          ariaLabel="About metrics section"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFive
          title="Por qué elegir Della Nonna"
          description="Ofrecemos la mejor experiencia de pizza delivery en Los Olivos con promociones increíbles y servicio 24/7."
          features={[
            {
              title: "Delivery Rápido",              description: "Entrega rápida y segura en Los Olivos, Independencia y San Martín de Porres. ¡Tu pizza llega caliente!",              icon: Truck,
              mediaItems: [
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nzjobe",                  imageAlt: "Servicio de delivery rápido"
                },
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nzjobe",                  imageAlt: "Moto delivery pizzería"
                }
              ]
            },
            {
              title: "Ingredientes Frescos",              description: "Pizza auténtica con ingredientes frescos y de calidad. Receta tradicional italiana, estilo Della Nonna.",              icon: Leaf,
              mediaItems: [
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qk5zxb",                  imageAlt: "Ingredientes frescos de calidad"
                },
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qk5zxb",                  imageAlt: "Preparación artesanal pizza"
                }
              ]
            },
            {
              title: "Abierto Hasta Tarde",              description: "De lunes a viernes hasta medianoche. Viernes y sábados hasta las 3 AM. ¡La pizza de la madrugada!",              icon: Moon,
              mediaItems: [
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=65yw87",                  imageAlt: "Servicio nocturno disponible"
                },
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=65yw87",                  imageAlt: "Entrega 24 horas Los Olivos"
                }
              ]
            },
            {
              title: "Promociones Especiales",              description: "Compra 6 pizzas y llévate la 7 gratis. Promo DUOS con descuentos increíbles. ¡Siempre hay algo nuevo!",              icon: Sparkles,
              mediaItems: [
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nzjobe",                  imageAlt: "Promociones especiales pizzería"
                },
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qk5zxb",                  imageAlt: "Combos y ofertas"
                }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Features section"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Nuestro Menú"
          description="Pizzas familiares auténticas estilo Della Nonna. Pide el menú completo por WhatsApp para fotos y precios actualizados."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          plans={[
            {
              id: "pizza-americana",              name: "Pizza Americana",              price: "Desde S/. 35",              badge: "Popular",              badgeIcon: Star,
              features: [
                "Salsa de tomate casera",                "Queso mozzarella",                "Vegetales frescos",                "Tamaño familiar"
              ],
              buttons: [
                { text: "Pedir", href: "https://wa.me/51960726355?text=Quiero%20pedir%20Pizza%20Americana" }
              ]
            },
            {
              id: "pizza-especial",              name: "Pizza Della Nonna",              price: "Desde S/. 42",              badge: "Favorita",              badgeIcon: Sparkles,
              features: [
                "Receta tradicional italiana",                "Ingredientes premium",                "Sabor auténtico",                "Tamaño familiar"
              ],
              buttons: [
                { text: "Pedir", href: "https://wa.me/51960726355?text=Quiero%20pedir%20Pizza%20Della%20Nonna" }
              ]
            },
            {
              id: "combo-familiar",              name: "Combo Familiar",              price: "Desde S/. 75",              badge: "Mejor valor",              badgeIcon: Gift,
              features: [
                "2 Pizzas familiares",                "Bebida 2L incluida",                "Oferta especial",                "Ideal para 4-6 personas"
              ],
              buttons: [
                { text: "Pedir", href: "https://wa.me/51960726355?text=Quiero%20pedir%20Combo%20Familiar" }
              ]
            }
          ]}
          ariaLabel="Pricing section menu"
        />
      </div>

      <div id="socialproof" data-section="socialproof">
        <SocialProofOne
          title="Donde puedes pedir"
          description="Disponible en múltiples plataformas de delivery y directo con nosotros."
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "WhatsApp",            "Facebook",            "Google Maps",            "Llamada Directa",            "Rappi",            "PedidosYa",            "Correo"
          ]}
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oe0nhj",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7839u7",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mcwdot",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vv7k1w",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mugp4b",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u9jxwn",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ufsyiz"
          ]}
          showCard={true}
          ariaLabel="Social proof where to order"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Lo que dicen nuestros clientes"
          description="La mejor pizza delivery de Los Olivos. Rápido, delicioso y con promociones que no creerás."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          gridVariant="three-columns-all-equal-width"
          testimonials={[
            {
              id: "1",              name: "María García",              role: "Cliente Regular",              company: "Los Olivos",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kkjna3",              imageAlt: "happy customer satisfied pizza review"
            },
            {
              id: "2",              name: "Carlos López",              role: "Empresa",              company: "Independencia",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ck74c",              imageAlt: "happy customer satisfied pizza review"
            },
            {
              id: "3",              name: "Ana Rodríguez",              role: "Familia",              company: "San Martín",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j94l6g",              imageAlt: "happy customer satisfied pizza review"
            },
            {
              id: "4",              name: "Pedro Martínez",              role: "Cliente",              company: "Los Olivos",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fw22zc",              imageAlt: "happy customer satisfied pizza review"
            },
            {
              id: "5",              name: "Laura Sánchez",              role: "Delivery Nocturno",              company: "Los Olivos",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2lf0bz",              imageAlt: "happy customer satisfied pizza review"
            },
            {
              id: "6",              name: "Diego Flores",              role: "Amigo de la Nonna",              company: "Independencia",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=70jjew",              imageAlt: "happy customer satisfied pizza review"
            }
          ]}
          ariaLabel="Testimonials section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="¿Dudas sobre tu pedido?"
          ctaDescription="Contáctanos directamente por WhatsApp, llamada o Facebook. Te responderemos rápidamente."
          ctaButton={{
            text: "Enviar WhatsApp",            href: "https://wa.me/51960726355"
          }}
          ctaIcon={MessageCircle}
          animationType="slide-up"
          useInvertedBackground={false}
          faqs={[
            {
              id: "1",              title: "¿Cuál es tu dirección?",              content: "Av. Rómulo Betancourt 191, Los Olivos 15307, Lima, Perú. Código Plus: 3W29+5V6. Estamos en la intersección con Av. 2 de Octubre."
            },
            {
              id: "2",              title: "¿Cuál es el horario?",              content: "Lunes a viernes: 3:00 PM - 12:00 AM. Sábados y domingos: 3:00 PM - 3:00 AM. Siempre disponibles para delivery."
            },
            {
              id: "3",              title: "¿Cuáles son los números de contacto?",              content: "WhatsApp/Teléfono: +51 960 726 355 (principal) o +51 944 939 432. Email: lapizzadellanonnaeslamejor@gmail.com"
            },
            {
              id: "4",              title: "¿Tienen delivery gratis?",              content: "Sí, ofrecemos delivery gratis para clientes nuevos en Los Olivos y zonas aledañas como Independencia y San Martín de Porres."
            },
            {
              id: "5",              title: "¿Dónde puedo ver el menú completo?",              content: "Pídelo por WhatsApp al 960 726 355 o visita nuestra página de Facebook facebook.com/dellanonnapizzalomejor - te enviaremos fotos y precios actualizados."
            },
            {
              id: "6",              title: "¿Tienen promociones?",              content: "Sí, siempre tenemos ofertas activas: Promo DUOS (2 pizzas con descuento), Compra 6 pizzas y llévate la 7 gratis, y más. ¡Síguenos en Facebook!"
            }
          ]}
          ariaLabel="Contact and FAQ section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Pizzería Della Nonna"
          copyrightText="© 2025 Pizzería Della Nonna - La Pizza De La Abuela. Todos los derechos reservados."
          socialLinks={[
            {
              icon: Facebook,
              href: "https://www.facebook.com/dellanonnapizzalomejor/",              ariaLabel: "Facebook"
            },
            {
              icon: MessageCircle,
              href: "https://wa.me/51960726355",              ariaLabel: "WhatsApp"
            },
            {
              icon: Phone,
              href: "tel:+51960726355",              ariaLabel: "Llamar"
            },
            {
              icon: Mail,
              href: "mailto:lapizzadellanonnaeslamejor@gmail.com",              ariaLabel: "Email"
            }
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}