"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Coffee } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="large"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Inicio", id: "hero" },
            { name: "Sobre Nosotros", id: "about" },
            { name: "Café", id: "products" },
            { name: "Opiniones", id: "testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          brandName="Cappucino"
          bottomLeftText="Café Artesano en Madrid"
          bottomRightText="info@cappucino.es"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Cappucino"
          description="Descubre el auténtico café italiano en el corazón de Madrid. Cada taza es una experiencia de pasión, calidad y tradición artesanal."
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-delicious-cups-organic-coffees_23-2148420321.jpg"
          imageAlt="Taza de cappuccino premium"
          frameStyle="card"
          logoLineHeight={1.2}
          ariaLabel="Sección hero de Cappucino café"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Nuestra Historia"
          title="Tradición italiana con corazón madrileño."
          description="Fundadores apasionados"
          subdescription="Cappucino Madrid"
          icon={Coffee}
          imageSrc="https://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg"
          imageAlt="Interior acogedor del café Cappucino"
          useInvertedBackground="invertDefault"
          ariaLabel="Sección sobre nosotros de Cappucino"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="Lo que nos hace especiales"
          description="Cada elemento de nuestra propuesta está diseñado para ofrecerte la mejor experiencia cafetería."
          tag="Características"
          features={[
            {
              id: 1,
              title: "Baristas Certificados",              description: "Nuestro equipo de expertos tiene años de experiencia en la preparación de café con métodos tradicionales e innovadores.",              imageSrc: "https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458036.jpg",              imageAlt: "Barista preparando café experto"
            },
            {
              id: 2,
              title: "Granos Premium Seleccionados",              description: "Importamos directamente los mejores granos de café de fincas artesanales en Italia y otros orígenes excepcionales.",              imageSrc: "https://img.b2bpic.net/free-photo/multilayer-coffee-glass-with-cookie-saucer_23-2147908388.jpg",              imageAlt: "Granos de café premium tostados"
            },
            {
              id: 3,
              title: "Ambiente Acogedor",              description: "Un espacio diseñado para que disfrutes de tu café con música suave, luz cálida y la mejor compañía.",              imageSrc: "https://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-coffee-candle-decorative-details_169016-23101.jpg",              imageAlt: "Ambiente cálido y acogedor del café"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          ariaLabel="Sección características de Cappucino"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Nuestro Menú de Café"
          description="Selecciona tu bebida favorita y disfruta de la excelencia en cada sorbo."
          tag="Especialidades"
          products={[
            {
              id: "1",              name: "Espresso Puro",              price: "2,50€",              imageSrc: "https://img.b2bpic.net/free-photo/high-view-cup-coffee-sweets_23-2148255018.jpg",              imageAlt: "Espresso fuerte y concentrado",              initialQuantity: 1
            },
            {
              id: "2",              name: "Cappuccino Clásico",              price: "3,50€",              imageSrc: "https://img.b2bpic.net/free-photo/latte-coffee-cup_74190-1195.jpg",              imageAlt: "Cappuccino cremoso con espuma",              initialQuantity: 1
            },
            {
              id: "3",              name: "Cortado Español",              price: "2,80€",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-view-coffee-concept_23-2148464872.jpg",              imageAlt: "Cortado equilibrado de café y leche",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          ariaLabel="Sección productos de Cappucino"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Números que hablan por nosotros"
          description="Nuestro compromiso con la excelencia se refleja en estos números."
          tag="Logros"
          metrics={[
            {
              id: "1",              value: "5000+",              title: "Clientes satisfechos cada mes",              items: ["Visitantes diarios", "Tazas de café servidas", "Comunidad leal"]
            },
            {
              id: "2",              value: "12 años",              title: "En el corazón de Madrid",              items: ["Tradición garantizada", "Experiencia probada", "Confianza establecida"]
            },
            {
              id: "3",              value: "100%",              title: "Granos de origen artesanal",              items: ["Selección premium", "Sostenibilidad", "Calidad garantizada"]
            },
            {
              id: "4",              value: "15+",              title: "Variedades de café",              items: ["Estilos diferentes", "Nuevas experiencias", "Para todos los gustos"]
            }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          ariaLabel="Sección métricas de Cappucino"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Lo que dicen nuestros clientes"
          description="Las mejores historias vienen de quienes disfrutan diariamente de nuestro café."
          tag="Testimonios"
          testimonials={[
            {
              id: "1",              name: "María García, Abogada",              date: "Date: 15 November 2024",              title: "¡El mejor café que he probado en Madrid!",              quote: "Cada mañana empieza en Cappucino. El ambiente es cálido, el café es excepcional y los baristas realmente saben lo que hacen. Se nota el amor en cada taza.",              tag: "Cliente Regular",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-delicious-cups-organic-coffees_23-2148420321.jpg",              imageAlt: "Taza de cappuccino en Cappucino Madrid"
            },
            {
              id: "2",              name: "Juan Rodríguez, Escritor",              date: "Date: 10 November 2024",              title: "Mi lugar favorito para inspirarme",              quote: "Cappucino es mi refugio creativo. El ambiente tranquilo, el café de calidad y la amabilidad del equipo hacen que sea el lugar perfecto para escribir.",              tag: "Escritor",              avatarSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg",              imageAlt: "Interior acogedor de Cappucino"
            },
            {
              id: "3",              name: "Sofia López, Diseñadora",              date: "Date: 05 November 2024",              title: "Calidad premium en cada detalle",              quote: "No es solo café, es una experiencia. La selección de granos, la presentación, el trato... todo está pensado al detalle. Así es como debería ser.",              tag: "Cliente VIP",              avatarSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/multilayer-coffee-glass-with-cookie-saucer_23-2147908388.jpg",              imageAlt: "Granos de café premium seleccionados"
            },
            {
              id: "4",              name: "Carlos Martín, Empresario",              date: "Date: 01 November 2024",              title: "Perfecto para reuniones de negocios",              quote: "He tenido reuniones importantes aquí. El ambiente profesional pero acogedor, más el café impecable, crea el entorno ideal para hablar de negocios.",              tag: "Empresario",              avatarSrc: "https://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13341.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-coffee-candle-decorative-details_169016-23101.jpg",              imageAlt: "Ambiente profesional y cálido de Cappucino"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          ariaLabel="Sección testimonios de Cappucino"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="¿Te gustaría visitarnos?"
          description="Contáctanos para reservas de eventos, consultas sobre nuestro café o simplemente para decir hola. Estamos en el corazón de Madrid, listos para servirte."
          inputs={[
            {
              name: "nombre",              type: "text",              placeholder: "Tu nombre",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Tu correo electrónico",              required: true
            },
            {
              name: "telefono",              type: "tel",              placeholder: "Tu teléfono",              required: false
            }
          ]}
          textarea={{
            name: "mensaje",            placeholder: "Cuéntanos qué te gustaría saber...",            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/aerial-view-various-coffee_53876-30418.jpg"
          imageAlt="Granos de café esparcidos"
          mediaPosition="right"
          buttonText="Enviar Mensaje"
          ariaLabel="Formulario de contacto de Cappucino"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Cappucino"
          columns={[
            {
              title: "Café",              items: [
                { label: "Nuestro Café", href: "#about" },
                { label: "Variedades", href: "#products" },
                { label: "Origen de Granos", href: "#features" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nosotros", href: "#about" },
                { label: "Nuestra Misión", href: "#about" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Contacto",              items: [
                { label: "Email", href: "mailto:info@cappucino.es" },
                { label: "Teléfono", href: "tel:+34912345678" },
                { label: "Ubicación", href: "#contact" }
              ]
            },
            {
              title: "Síguenos",              items: [
                { label: "Instagram", href: "https://instagram.com/cappucino.madrid" },
                { label: "Facebook", href: "https://facebook.com/cappucino.madrid" },
                { label: "TikTok", href: "https://tiktok.com/@cappucino.madrid" }
              ]
            }
          ]}
          copyrightText="© 2024 Cappucino Madrid. Todos los derechos reservados."
          ariaLabel="Pie de página de Cappucino"
        />
      </div>
    </ThemeProvider>
  );
}