"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TagAbout from '@/components/sections/about/TagAbout';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="medium"
      background="dotGrid"
      cardStyle="solid-accent"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Colección", id: "products" },
            { name: "Sobre Nosotros", id: "about" },
            { name: "Artesanía", id: "features" },
            { name: "Clientes", id: "testimonials" },
            { name: "Contacto", id: "contact" }
          ]}
          brandName="Cronos Madrid"
          bottomLeftText="Boutique Premium • Madrid"
          bottomRightText="reservas@cronosmadriddotcom"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="CRONOS MADRID"
          description="Curated luxury timepieces for the discerning collector"
          buttons={[
            { text: "Explorar Colección", href: "products" },
            { text: "Reservar Cita", href: "contact" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg"
          imageAlt="Premium watch collection"
          showDimOverlay={true}
          logoLineHeight={1.1}
          ariaLabel="Hero section showcasing luxury watch boutique"
        />
      </div>

      <div id="about" data-section="about">
        <TagAbout
          tag="Nuestra Historia"
          description="Desde 2008, Cronos Madrid ha sido el destino definitivo para coleccionistas y aficionados a la relojería fina. Cada pieza en nuestra curada selección representa décadas de maestría relojera, precisión suiza y diseño italiano. Nos comprometemos a ofrecer solo las mejores marcas de lujo, acompañadas de un servicio excepcional y asesoramiento experto."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardSeven
          title="Colección Exclusiva"
          description="Selección curada de los mejores relojes de lujo del mundo"
          tag="2024"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",              name: "Patrimonio Clásico",              price: "€8,500",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241141.jpg",              imageAlt: "Premium classic watch"
            },
            {
              id: "2",              name: "Cronógrafo Deportivo",              price: "€12,000",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241142.jpg",              imageAlt: "Sports chronograph luxury watch"
            },
            {
              id: "3",              name: "Elegancia Nocturna",              price: "€6,750",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241140.jpg",              imageAlt: "Evening elegance timepiece"
            },
            {
              id: "4",              name: "Edición Limitada",              price: "€15,500",              imageSrc: "https://img.b2bpic.net/free-vector/watch-background-design_1268-652.jpg",              imageAlt: "Limited edition luxury watch"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThirteen
          title="Maestra Relojera"
          description="Descubre el arte y la ciencia detrás de cada timepiece"
          tag="Artesanía"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "01",              title: "Movimiento Suizo",              description: "Cada reloj cuenta con mecanismo de precisión certificado suizo, garantizando exactitud y durabilidad excepcionales durante décadas."
            },
            {
              id: "02",              title: "Materiales Premium",              description: "Acero quirúrgico, oro de 18 quilates, y zafiros resistentes crean timepieces que trascienden el tiempo."
            },
            {
              id: "03",              title: "Diseño Iconográfico",              description: "Cada modelo representa generaciones de refinamiento estético, combinando tradición con innovación contemporánea."
            },
            {
              id: "04",              title: "Garantía Vitalicia",              description: "Protección completa y servicio técnico de por vida para garantizar que su inversión permanezca impecable."
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="Confianza de Coleccionistas"
          description="Lo que nuestros clientes dicen sobre su experiencia con Cronos Madrid"
          tag="Testimonios"
          textboxLayout="default"
          useInvertedBackground="invertCard"
          testimonials={[
            {
              id: "1",              quote: "El nivel de expertise y dedicación en Cronos Madrid es incomparable. Encontré exactamente lo que buscaba con un asesoramiento impecable.",              name: "Ricardo Mendoza",              role: "Empresario",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-elegant-black-suit-fashion-male-posing-studio-dark-background_158538-21659.jpg",              imageAlt: "Ricardo Mendoza"
            },
            {
              id: "2",              quote: "Después de años viajando por Europa buscando relojes de colección, Cronos es mi boutique de referencia. Calidad y confianza garantizadas.",              name: "Alejandra Ruiz",              role: "Coleccionista",              imageSrc: "https://img.b2bpic.net/free-photo/attractive-blond-male-dressed-suit-dark-grey-background_613910-14130.jpg",              imageAlt: "Alejandra Ruiz"
            },
            {
              id: "3",              quote: "La inversión que hice en mi Cronos fue la mejor decisión. Tanto el reloj como el servicio post-venta son excepcionales.",              name: "Carlos Etxebarria",              role: "Inversor",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-elegant-black-suit-fashion-male-posing-studio-dark-background_158538-21669.jpg",              imageAlt: "Carlos Etxebarria"
            },
            {
              id: "4",              quote: "Cada visita a Cronos es una experiencia. El equipo comprende verdaderamente la pasión por la relojería fina.",              name: "Isabel Fernández",              role: "Médica",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg",              imageAlt: "Isabel Fernández"
            },
            {
              id: "5",              quote: "Treinta años recolectando relojes y nunca encontré mejor asesoría que en Cronos Madrid. Verdaderos expertos.",              name: "Francisco López",              role: "Abogado Jubilado",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-handsome-business-man-suit_613910-2543.jpg",              imageAlt: "Francisco López"
            },
            {
              id: "6",              quote: "Mi regalo más especial vino de Cronos. Presentación, calidad y la historia detrás de cada pieza lo hizo perfecto.",              name: "Sofía García",              role: "Ejecutiva",              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-stylish-blond-male-dressed-blue-suit_613910-12750.jpg",              imageAlt: "Sofía García"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Únete"
          title="Descubre las Nuevas Adquisiciones"
          description="Suscríbete para recibir acceso exclusivo a nuevas incorporaciones, invitaciones a eventos privados y consejos de expertos."
          tagIcon={Sparkles}
          useInvertedBackground="noInvert"
          inputPlaceholder="tu@email.com"
          buttonText="Suscribirse"
          termsText="Protegemos tu privacidad. Desuscríbete en cualquier momento."
          onSubmit={(email) => console.log('Newsletter signup:', email)}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg"
          imageAlt="Luxury watch boutique"
          logoText="CRONOS MADRID"
          copyrightText="© 2024 Cronos Madrid. Todos los derechos reservados."
          columns={[
            {
              title: "Colección",              items: [
                { label: "Nuevas Adquisiciones", href: "products" },
                { label: "Colección Clásica", href: "products" },
                { label: "Ediciones Limitadas", href: "products" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Sobre Nosotros", href: "about" },
                { label: "Nuestro Equipo", href: "#" },
                { label: "Oportunidades", href: "#" }
              ]
            },
            {
              title: "Contacto",              items: [
                { label: "Visítanos", href: "#" },
                { label: "Reservar Cita", href: "contact" },
                { label: "info@cronosmadriddotcom", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}