"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextAbout from '@/components/sections/about/TextAbout';
import ContactForm from '@/components/form/ContactForm';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Inicio",          id: "#hero"},
        {
          name: "Streetwear",          id: "#collections"},
        {
          name: "Fightwear",          id: "#collections"},
        {
          name: "Productos",          id: "#featured-products"},
        {
          name: "Comunidad",          id: "#community"},
        {
          name: "Contacto",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/minimalist-fashion-typography-logo-template_742173-7469.jpg"
      logoAlt="SAINTS DEN logo"
      brandName="SAINTS DEN"
      bottomLeftText="Comunidad Global"
      bottomRightText="contacto@saintsden.com"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "plain"}}
      title="FORJADOS PARA LOS IMPARABLES"
      description="Streetwear y equipamiento deportivo para quienes rechazan la mediocridad. Únete a la hermandad de los que entrenan y trabajan duro, buscando la grandeza."
      tag="SAINTS DEN | Dominio Absoluto"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "COMPRAR STREETWEAR",          href: "#collections"},
        {
          text: "COMPRAR FIGHTWEAR",          href: "#collections"},
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          videoSrc: "http://img.b2bpic.net/free-photo/weight-training-workout-exercise-fitness-concept_53876-144313.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-is-standing-ring-after-kickboxing-sparring_613910-13098.jpg",          imageAlt: "Hombre entrenando intensamente en boxeo"},
        {
          videoSrc: "http://img.b2bpic.net/free-photo/side-view-female-boxer-practicing-ring-with-trainer_23-2148426215.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/man-corner-box-ring_23-2148024339.jpg",          imageAlt: "Atleta de deportes de combate en un entorno urbano"},
      ]}
      mediaAnimation="opacity"
      rating={5}
      ratingText="+100.000 clientes satisfechos"
    />
  </div>

  <div id="impact-metrics" data-section="impact-metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "metric-1",          value: "150K+",          title: "Clientes Satisfechos",          description: "Una comunidad creciente que busca la grandeza.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-with-thumbs-up_23-2149008930.jpg",          imageAlt: "Grupo de clientes satisfechos"},
        {
          id: "metric-2",          value: "4.9/5",          title: "Valoración Media",          description: "Productos de élite, respaldados por opiniones reales.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-silver-stars-background_23-2150160746.jpg",          imageAlt: "Cinco estrellas de valoración"},
        {
          id: "metric-3",          value: "Envío Seguro",          title: "Protección Garantizada",          description: "Tu compra y tus datos, 100% seguros con nosotros.",          imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-throwing-parcel-air_23-2148579126.jpg",          imageAlt: "Icono de seguridad de compra online"},
      ]}
      title="La Excelencia Nos Define"
      description="Cifras que demuestran nuestro compromiso con la calidad y la satisfacción del cliente."
      tag="CONFIANZA Y RENDIMIENTO"
    />
  </div>

  <div id="best-sellers" data-section="best-sellers">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "product-1",          name: "Hoodie Elite Performance",          price: "€69.99",          variant: "Negro | Tallas S-XXL",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-male-getting-ready-exercise_23-2148531045.jpg",          imageAlt: "Hoodie Elite Performance en negro"},
        {
          id: "product-2",          name: "Rashguard Apex Pro",          price: "€49.99",          variant: "Negro | Tallas S-XXL",          imageSrc: "http://img.b2bpic.net/free-photo/woman-comfortable-sports-resting-leaned-against-wall-finished-workout-girl-gather-energy-concept_1153-4173.jpg",          imageAlt: "Rashguard Apex Pro en negro"},
        {
          id: "product-3",          name: "Camiseta Oversize Dominus",          price: "€34.99",          variant: "Blanco | Tallas S-XXL",          imageSrc: "http://img.b2bpic.net/free-vector/damn-good-black-blue-retro-calligraphy_53876-99595.jpg",          imageAlt: "Camiseta Oversize Dominus en blanco"},
        {
          id: "product-4",          name: "Fight Shorts Warrior",          price: "€59.99",          variant: "Gris Oscuro | Tallas S-XL",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-shirtless-male-boxer_23-2148615119.jpg",          imageAlt: "Fight Shorts Warrior en gris oscuro"},
        {
          id: "product-5",          name: "Pantalones Deportivos Conqueror",          price: "€54.99",          variant: "Negro | Tallas S-XXL",          imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-woman-orange-sport-suit_1303-31740.jpg",          imageAlt: "Pantalones Deportivos Conqueror en negro"},
        {
          id: "product-6",          name: "Gorra Discipline Snapback",          price: "€29.99",          variant: "Negro | Ajustable",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-green-eyes-wears-grey-sweater-hat-autumn-image-concept_633478-2606.jpg",          imageAlt: "Gorra Discipline Snapback en negro"},
      ]}
      title="Más Vendidos"
      description="Descubre el equipamiento favorito de nuestra comunidad de guerreros y emprendedores."
      tag="ÉXITO PROBADO"
    />
  </div>

  <div id="brand-story" data-section="brand-story">
      <TextAbout
      useInvertedBackground={false}
      tag="HISTORIA SAINTS DEN"
      title="ENTRA EN LA GUARIDA: Nuestra Filosofía"
      buttons={[
        {
          text: "DESCUBRE MÁS",          href: "#"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="collections" data-section="collections">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-items-per-row"
      useInvertedBackground={true}
      features={[
        {
          title: "Streetwear Premium",          description: "Diseños urbanos que combinan lujo, confort y una actitud imparable para tu día a día.",          imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-17766.jpg",          imageAlt: "Colección Streetwear Premium"},
        {
          title: "Fightwear de Elite",          description: "Equipamiento técnico diseñado para la intensidad de los deportes de combate. Rinde al máximo, domina el ring.",          imageSrc: "http://img.b2bpic.net/free-photo/people-playing-basketball_23-2149231787.jpg",          imageAlt: "Colección Fightwear de Elite"},
        {
          title: "Rendimiento Deportivo",          description: "Ropa funcional para tus entrenamientos más exigentes, que te ayuda a superar cada límite.",          imageSrc: "http://img.b2bpic.net/free-photo/athlete-looking-distance_23-2147618003.jpg",          imageAlt: "Colección de Rendimiento Deportivo"},
        {
          title: "Ediciones Limitadas",          description: "Piezas exclusivas y drops únicos para quienes buscan destacar con estilo y exclusividad.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-smartphone_23-2149424937.jpg",          imageAlt: "Colección de Ediciones Limitadas"},
      ]}
      title="Nuestras Colecciones"
      description="Explora nuestras líneas exclusivas, diseñadas para rendimiento y estilo inquebrantables."
      tag="DISEÑO EXCLUSIVO"
    />
  </div>

  <div id="featured-products" data-section="featured-products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "featured-1",          name: "Camiseta Oversize",          price: "€34.99",          variant: "Negro | Algodón",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-ready-sport_23-2148538344.jpg",          imageAlt: "Camiseta Oversize negra"},
        {
          id: "featured-2",          name: "Hoodie Performance",          price: "€69.99",          variant: "Gris Oscuro | Tech-Fleece",          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-hoodie-having-her-eyes-closed_23-2148322452.jpg",          imageAlt: "Hoodie Performance gris oscuro"},
        {
          id: "featured-3",          name: "Rashguard Compresión",          price: "€49.99",          variant: "Plata | Tejido Anti-odor",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-boxer-training-gym_1303-17782.jpg",          imageAlt: "Rashguard de compresión plata"},
        {
          id: "featured-4",          name: "Fight Shorts Pro",          price: "€59.99",          variant: "Negro | Ultra-Ligero",          imageSrc: "http://img.b2bpic.net/free-photo/shaved-head-shirtless-muscular-male-with-tattooed-body-dressed-sport-short-grey-background_613910-15658.jpg",          imageAlt: "Fight Shorts Pro negro"},
        {
          id: "featured-5",          name: "Pantalones Chándal Elite",          price: "€54.99",          variant: "Negro | Confort",          imageSrc: "http://img.b2bpic.net/free-photo/crop-people-warming-up_23-2147755602.jpg",          imageAlt: "Pantalones de chándal Elite"},
        {
          id: "featured-6",          name: "Gorra Fighter",          price: "€29.99",          variant: "Negro | Bordado 3D",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-baseball-player_23-2150885289.jpg",          imageAlt: "Gorra Fighter negra"},
        {
          id: "featured-7",          name: "Chándal Core Warrior",          price: "€99.99",          variant: "Gris | Conjunto",          imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-couple-trains-gym-with-weights_1153-6593.jpg",          imageAlt: "Chándal Core Warrior gris"}
      ]}
      title="Equipamiento Destacado"
      description="Explora nuestras 7 categorías de productos: Oversized Tees, Hoodies, Rashguards, Fight Shorts, Sport Pants, Tracksuits, Caps y Accesorios."
      tag="IMPRESCINDIBLES"
    />
  </div>

  <div id="ambassadors" data-section="ambassadors">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      team={[
        {
          id: "team-1",          name: "Marco 'The Iron' Ruiz",          role: "Atleta MMA / Embajador",          imageSrc: "http://img.b2bpic.net/free-photo/isolated-studio-shot-furious-young-afrio-american-male-fighter-wearing-white-sleeveless-sports-shirt-black-boxing-bandages-looking-camera-with-fierce-look-while-working-out-gym_343059-375.jpg",          imageAlt: "Marco 'The Iron' Ruiz"},
        {
          id: "team-2",          name: "Sofía 'Phoenix' Vega",          role: "Boxeadora Profesional / Embajadora",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-female-boxer-boxing-gloves-activewear_613910-13196.jpg",          imageAlt: "Sofía 'Phoenix' Vega"},
        {
          id: "team-3",          name: "Leo 'The Professor' Kim",          role: "Maestro BJJ / Emprendedor",          imageSrc: "http://img.b2bpic.net/free-photo/single-handsome-muscular-black-man-with-shaved-head-folded-arms-cheerful-expression_343059-380.jpg",          imageAlt: "Leo 'The Professor' Kim"},
        {
          id: "team-4",          name: "Elena 'Street Flow' Castro",          role: "Influencer Streetwear / Atleta",          imageSrc: "http://img.b2bpic.net/free-photo/lowangle-shot-handsome-stylish-spanish-man-posing-wall-background_181624-57127.jpg",          imageAlt: "Elena 'Street Flow' Castro"},
      ]}
      title="PROBADO POR GUERREROS"
      description="Conoce a los atletas, emprendedores y creadores de contenido que encarnan el espíritu de SAINTS DEN."
      tag="EQUIPO DE ÉLITE"
    />
  </div>

  <div id="community" data-section="community">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="auto"
      testimonials={[
        {
          id: "community-1",          name: "Carlos 'The Beast' Gómez",          role: "Practicante de MMA",          company: "Comunidad SAINTS DEN",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/fitnesswoman-doing-deadlift-using-barbell-gym_651396-1605.jpg",          imageAlt: "Carlos 'The Beast' Gómez"},
        {
          id: "community-2",          name: "Ana 'Iron Will' Torres",          role: "Entrenadora de Fitness",          company: "Comunidad SAINTS DEN",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-stretching-with-hand-up-backyard_23-2147648617.jpg",          imageAlt: "Ana 'Iron Will' Torres"},
        {
          id: "community-3",          name: "David 'Urban Style' Soto",          role: "Fan del Streetwear",          company: "Comunidad SAINTS DEN",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-attractive-woman-smiling-camera_197531-33861.jpg",          imageAlt: "David 'Urban Style' Soto"},
        {
          id: "community-4",          name: "Lucía 'The Visionary' Romero",          role: "Emprendedora",          company: "Comunidad SAINTS DEN",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-reading-book-with-vase-table_23-2148066861.jpg",          imageAlt: "Lucía 'The Visionary' Romero"},
        {
          id: "community-5",          name: "Javier 'Young Blood' Morales",          role: "Atleta Joven",          company: "Comunidad SAINTS DEN",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/trans-man-working-out-gym_23-2149712788.jpg",          imageAlt: "Javier 'Young Blood' Morales"},
        {
          id: "community-6",          name: "Roberto 'El Implacable' Díaz",          role: "Coach de Boxeo",          company: "Comunidad SAINTS DEN",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/group-adult-women-together-gym_23-2148430245.jpg",          imageAlt: "group of friends training together gym"},
      ]}
      kpiItems={[
        {
          value: "150K+",          label: "Miembros"},
        {
          value: "20+",          label: "Países"},
        {
          value: "100%",          label: "Actitud"},
      ]}
      title="La Hermandad SAINTS DEN"
      description="Una comunidad de guerreros y emprendedores. Explora su contenido, vídeos de entrenamiento y asombrosas historias de transformación. Sé parte de la hermandad SAINTS DEN."
      tag="NUESTRA COMUNIDAD"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactForm
      title="ÚNETE A LA HERMANDAD"
      description="Recibe ofertas exclusivas, acceso anticipado a colecciones y las últimas noticias directamente en tu bandeja de entrada."
      tag="SAINTS DEN | Notificaciones Exclusivas"
      inputPlaceholder="Tu correo electrónico"
      buttonText="SUSCRÍBETE"
      termsText="Al hacer clic en Suscríbete, aceptas nuestros Términos y Condiciones."
      centered={true}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoSrc="http://img.b2bpic.net/free-vector/minimalist-fashion-typography-logo-template_742173-7469.jpg"
      logoAlt="SAINTS DEN logo"
      logoText="SAINTS DEN"
      columns={[
        {
          title: "Compañía",          items: [
            {
              label: "Sobre Nosotros",              href: "#brand-story"},
            {
              label: "Embajadores",              href: "#ambassadors"},
            {
              label: "Comunidad",              href: "#community"},
            {
              label: "Contacto",              href: "#contact"},
          ],
        },
        {
          title: "Soporte",          items: [
            {
              label: "Preguntas Frecuentes",              href: "#"},
            {
              label: "Política de Envíos",              href: "#"},
            {
              label: "Cambios y Devoluciones",              href: "#"},
            {
              label: "Privacidad",              href: "#"},
          ],
        },
        {
          title: "Explorar",          items: [
            {
              label: "Streetwear",              href: "#collections"},
            {
              label: "Fightwear",              href: "#collections"},
            {
              label: "Productos",              href: "#featured-products"},
            {
              label: "Nuevos Lanzamientos",              href: "#collections"},
          ],
        },
      ]}
      copyrightText="© 2024 SAINTS DEN. Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
