"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Calendar, Trophy, Medal, Star, Users, Zap, Newspaper } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="large"
      background="floatingGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Inicio", id: "hero" },
            { name: "Calendario", id: "calendar" },
            { name: "Resultados", id: "results" },
            { name: "Inscripciones", id: "registration" },
            { name: "Noticias", id: "news" }
          ]}
          brandName="SIM RACING LEAGUE"
          bottomLeftText="Racing Redefined"
          bottomRightText="contact@simracingl.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="SIM RACING LEAGUE"
          description="Únete a la competición virtual más intensa del automovilismo. Pilotos profesionales, circuitos legendarios, y gloria virtual te esperan en cada carrera."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Últimas Noticias", href: "#news" },
            { text: "Comenzar Ahora", href: "#registration" }
          ]}
          layoutOrder="default"
          imageSrc="http://img.b2bpic.net/free-photo/beautiful-night-city-lights-abstract-urban-concept-hamburg-germany_1220-1117.jpg"
          imageAlt="Monoplaza en pista a alta velocidad"
          mediaAnimation="slide-up"
          frameStyle="browser"
        />
      </div>

      <div id="calendar" data-section="calendar">
        <FeatureCardSeven
          features={[
            {
              id: 1,
              title: "Circuito de Mónaco",              description: "La carrera más prestigiosa del calendarioSin piedad, sin margen de error. Domina las calles de Mónaco y alcanza la gloria en este circuito legendario.",              imageSrc: "http://img.b2bpic.net/free-photo/freeway-drive-structure-lifestyle-transit_1112-982.jpg",              imageAlt: "Circuito de Mónaco",              buttons: [{ text: "Ver Detalles", href: "#" }]
            },
            {
              id: 2,
              title: "Monza - Velocidad Pura",              description: "El templo de la velocidad. Rectas largas, curvas rápidas y una tradición de competición feroz. Demuestra tu coraje en el templo de la velocidad.",              imageSrc: "http://img.b2bpic.net/free-photo/freeway-drive-structure-lifestyle-transit_1112-982.jpg",              imageAlt: "Circuito de Monza",              buttons: [{ text: "Ver Detalles", href: "#" }]
            },
            {
              id: 3,
              title: "Nürburgring - Desafío Supremo",              description: "Uno de los circuitos más exigentes del mundo. Cada vuelta es un desafío de concentración y precisión. ¿Tienes lo que se necesita?",              imageSrc: "http://img.b2bpic.net/free-photo/freeway-drive-structure-lifestyle-transit_1112-982.jpg",              imageAlt: "Circuito de Nürburgring",              buttons: [{ text: "Ver Detalles", href: "#" }]
            }
          ]}
          title="Calendario de Grandes Premios"
          description="Consulta el calendario completo de carreras y prepárate para la competición. Cada evento presenta oportunidades para demostrar tu habilidad en circuitos icónicos."
          tag="Próximas Carreras"
          tagIcon={Calendar}
          tagAnimation="slide-up"
          textboxLayout="split"
          animationType="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="results" data-section="results">
        <MetricCardOne
          metrics={[
            {
              id: "1",              value: "1",              title: "Posición Líder",              description: "Carlos Martínez - 245 Puntos",              icon: Trophy
            },
            {
              id: "2",              value: "2",              title: "Segundo Lugar",              description: "Diego Rodríguez - 228 Puntos",              icon: Medal
            },
            {
              id: "3",              value: "3",              title: "Tercer Lugar",              description: "Alex Moreno - 215 Puntos",              icon: Star
            },
            {
              id: "4",              value: "18",              title: "Pilotos Compitiendo",              description: "En la lucha por el campeonato",              icon: Users
            }
          ]}
          title="Clasificación General"
          description="Domina la competición y sube en la tabla de posiciones. Cada punto cuenta en tu camino hacia el campeonato."
          tag="Standings"
          tagIcon={Trophy}
          tagAnimation="slide-up"
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="registration" data-section="registration">
        <ProductCardTwo
          products={[
            {
              id: "1",              brand: "Categoría",              name: "Inscripción Piloto",              price: "Regístrate",              rating: 5,
              reviewCount: "2.3k pilotos",              imageSrc: "http://img.b2bpic.net/free-photo/freeway-drive-structure-lifestyle-transit_1112-982.jpg",              imageAlt: "Piloto profesional en monoplaza"
            },
            {
              id: "2",              brand: "Categoría",              name: "Inscripción Jefe de Equipo",              price: "Construye",              rating: 5,
              reviewCount: "45 equipos",              imageSrc: "http://img.b2bpic.net/free-photo/freeway-drive-structure-lifestyle-transit_1112-982.jpg",              imageAlt: "Equipo de carreras profesional"
            },
            {
              id: "3",              brand: "Oportunidad",              name: "Trabaja con Nosotros",              price: "Únete",              rating: 5,
              reviewCount: "En crecimiento",              imageSrc: "http://img.b2bpic.net/free-photo/freeway-drive-structure-lifestyle-transit_1112-982.jpg",              imageAlt: "Oportunidad profesional en motorsport"
            }
          ]}
          title="Opciones de Inscripción"
          description="Elige tu camino hacia la competición. Ya seas piloto aspirante, jefe de equipo o profesional buscando una nueva oportunidad, tenemos un lugar para ti."
          tag="Únete Ahora"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[{ text: "Más Información", href: "#" }]}
          gridVariant="three-columns-all-equal-width"
          animationType="blur-reveal"
          textboxLayout="split"
          useInvertedBackground={true}
        />
      </div>

      <div id="news" data-section="news">
        <BlogCardOne
          blogs={[
            {
              id: "1",              category: "Análisis",              title: "Estrategia de Neumáticos en Mónaco",              excerpt: "Descubre cómo los mejores pilotos optimizan sus elecciones de neumáticos para ganar en el circuito más desafiante del calendario.",              imageSrc: "http://img.b2bpic.net/free-photo/man-karting-circuit-with-car_1157-25237.jpg",              imageAlt: "Estrategia de carreras",              authorName: "Carlos Martínez",              authorAvatar: "http://img.b2bpic.net/free-vector/speed-racing-label-with-lettering-composition-dark_1284-43216.jpg",              date: "15 Ene 2025"
            },
            {
              id: "2",              category: "Campeonato",              title: "Diego Rodríguez Asciende a Segunda Posición",              excerpt: "Con una victoria decisiva en Monza, Diego Rodríguez se abre camino hacia el título. Análisis completo de la carrera y sus implicaciones.",              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-two-men-riding-motorcycles_181624-21877.jpg",              imageAlt: "Resultado de carrera",              authorName: "Alex Moreno",              authorAvatar: "http://img.b2bpic.net/free-photo/vertical-shot-two-men-riding-motorcycles_181624-21877.jpg",              date: "10 Ene 2025"
            },
            {
              id: "3",              category: "Técnica",              title: "Domina el Nürburgring: Guía Completa",              excerpt: "Consejos de expertos para mejorar tu tiempo de vuelta en uno de los circuitos más exigentes del sim-racing competitivo.",              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-two-men-riding-motorcycles_181624-21877.jpg",              imageAlt: "Guía técnica de circuito",              authorName: "Racing Academy",              authorAvatar: "http://img.b2bpic.net/free-vector/vintage-print-t-shirt-apparel-retro-artwork-black-white-fashion-printing_1284-37003.jpg",              date: "5 Ene 2025"
            }
          ]}
          title="Noticias y Actualizaciones"
          description="Mantente al día con las últimas noticias, resultados de carreras y análisis exclusivo del mundo del sim-racing."
          tag="Blog"
          tagIcon={Newspaper}
          tagAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navegación",              items: [
                { label: "Inicio", href: "#hero" },
                { label: "Calendario", href: "#calendar" },
                { label: "Resultados", href: "#results" }
              ]
            },
            {
              title: "Comunidad",              items: [
                { label: "Discord", href: "https://discord.com" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Twitch", href: "https://twitch.tv" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Política de Privacidad", href: "#" },
                { label: "Términos de Servicio", href: "#" },
                { label: "Contacto", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Sim Racing League. Todos los derechos reservados."
          bottomRightText="Diseñado para campeones virtuales"
        />
      </div>
    </ThemeProvider>
  );
}
