"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, MapPin, Sparkles, Star, Trophy } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumLarge"
        background="noiseDiagonalGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Inicio",
          id: "hero",
        },
        {
          name: "Juegos",
          id: "productos",
        },
        {
          name: "Premios",
          id: "premios",
        },
        {
          name: "Sobre Nosotros",
          id: "about",
        },
        {
          name: "Contacto",
          id: "contact",
        },
      ]}
      button={{
        text: "Reservar Décimo",
        href: "#contact",
      }}
      brandName="Loterías Casco Antiguo"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-static",
      }}
      title="La Suerte Tiene Una Dirección"
      description="Administración Oficial de Lotería en el Corazón de Badajoz. Repartiendo ilusión y premios en Extremadura."
      buttons={[
        {
          text: "Ver Sorteos Activos",
          href: "#productos",
        },
        {
          text: "Contactar",
          href: "#contact",
        },
      ]}
      carouselItems={[
        {
          id: "1",
          imageSrc: "http://img.b2bpic.net/free-photo/milky-way-across-night-sky-yosemite-valley-california_53876-97652.jpg",
          imageAlt: "Historic Badajoz old town street",
        },
        {
          id: "2",
          imageSrc: "http://img.b2bpic.net/free-photo/unique-photo-sloth-bears-india_475641-229.jpg",
          imageAlt: "Elegant golden lottery tickets",
        },
        {
          id: "3",
          imageSrc: "http://img.b2bpic.net/free-photo/surprised-happy-celebrating-blond-young-woman-silver-trendy-dress-raising-hands-up-yes-victory-gesture-smiling-broadly-excited-winning-first-place-reach-goal-grinning-thrilled-triumphing_1258-308742.jpg",
          imageAlt: "Subtle golden texture overlay",
        },
        {
          id: "4",
          imageSrc: "http://img.b2bpic.net/free-photo/palace-pretori-roma-tarragona_1398-3628.jpg",
          imageAlt: "Badajoz Alcazaba walls",
        },
        {
          id: "5",
          imageSrc: "http://img.b2bpic.net/free-photo/morning-mountains-carpathian-ukraine-aerial-view_1153-6122.jpg",
          imageAlt: "Golden star icon on navy",
        },
        {
          id: "6",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-celebrating-new-year-dancing-confetti-wearing-black-elegant-dress-laughing-carefree-s_1258-144492.jpg",
          imageAlt: "Historic archway in old town",
        },
      ]}
      autoPlay={true}
      autoPlayInterval={5000}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Nuestra Historia"
      description="Somos una Administración Oficial de Lotería con sede en el Casco Antiguo de Badajoz. Durante años hemos sido parte de la tradición lotérica extremeña, repartiendo ilusión y premios a nuestros clientes, con décimos premiados y atención personalizada. Nuestro compromiso es ofrecer el mejor servicio, con todos los productos oficiales de Loterías y Apuestas del Estado."
    />
  </div>

  <div id="productos" data-section="productos">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "loteria-nacional",
          name: "Lotería Nacional",
          price: "¡Tu sorteo semanal!",
          imageSrc: "http://img.b2bpic.net/free-vector/elegant-japanese-banners_23-2147561972.jpg",
          imageAlt: "Lotería Nacional ticket",
        },
        {
          id: "el-gordo-navidad",
          name: "El Gordo de Navidad",
          price: "El mayor sorteo del mundo",
          imageSrc: "http://img.b2bpic.net/free-photo/festive-gift-exchange-happy-couple_23-2152028649.jpg",
          imageAlt: "El Gordo de Navidad ticket",
        },
        {
          id: "loteria-del-nino",
          name: "Lotería del Niño",
          price: "Empieza el año con suerte",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-looking-lottery-tickets_23-2149820155.jpg",
          imageAlt: "Lotería del Niño ticket",
        },
        {
          id: "primitiva-bonoloto-euromillones",
          name: "Primitiva y Euromillones",
          price: "Grandes premios acumulados",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-holding-pink-bank-card-with-march-decoration-pink-background-money-man-present-equality-shopping-color-holiday-party-feminine-photo_140725-157226.jpg",
          imageAlt: "Primitiva, Bonoloto, Euromillones tickets",
        },
        {
          id: "cuponazo-once",
          name: "El Cuponazo y ONCE",
          price: "También distribuidores oficiales",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-lottery-tickets_23-2149820208.jpg",
          imageAlt: "El Cuponazo ONCE ticket",
        },
        {
          id: "otros-sorteos",
          name: "Otros Sorteos",
          price: "Consulta en nuestra administración",
          imageSrc: "http://img.b2bpic.net/free-photo/blue-smoke-background-with-sequins_23-2148231514.jpg",
          imageAlt: "Generic lottery ticket",
        },
      ]}
      title="Nuestros Juegos"
      description="Descubre la amplia variedad de sorteos y juegos que ofrecemos. ¡La suerte puede estar a tu alcance en cualquiera de ellos!"
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          icon: Trophy,
          title: "Administración Oficial",
          description: "Autorizados por Loterías y Apuestas del Estado, garantizando total fiabilidad.",
        },
        {
          icon: Award,
          title: "Atención Cercana",
          description: "Te asesoramos personalmente para encontrar tu número de la suerte y resolver tus dudas.",
        },
        {
          icon: MapPin,
          title: "En el Corazón de Badajoz",
          description: "Visítanos en el histórico Casco Antiguo, un lugar con encanto y tradición.",
        },
      ]}
      title="¿Por Qué Elegirnos?"
      description="Confianza, experiencia y servicio personalizado en el corazón de Badajoz."
    />
  </div>

  <div id="premios" data-section="premios">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "premio-navidad",
          icon: Award,
          title: "Premiados en Navidad 2023",
          value: "+2M€",
        },
        {
          id: "primer-premio",
          icon: Star,
          title: "Primer Premio Lotería Nacional",
          value: "2022",
        },
        {
          id: "reintegros",
          icon: Sparkles,
          title: "Reintegros y Pedreas",
          value: "Frecuentes",
        },
      ]}
      title="Números con Suerte"
      description="En nuestro establecimiento hemos repartido numerosos premios a lo largo de los años. ¡La suerte está en el Casco Antiguo y puede visitarte pronto!"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="¿Quieres Reservar Tu Décimo?"
      description="Contacta con nosotros para reservar tus décimos de Lotería de Navidad, El Niño o cualquier otro sorteo especial. También puedes visitarnos en nuestra administración:\n\nPlaza de San José, 5, Casco Antiguo, 06002 Badajoz\nTeléfono: 924 22 33 44\nEmail: info@loteriascascoantiguo.es\n\nHorario:\nLunes a Viernes: 9:30 – 14:00 / 17:00 – 20:00\nSábados: 10:00 – 14:00\nDomingos: Cerrado"
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Tu Nombre",
          required: true,
        },
        {
          name: "contact",
          type: "text",
          placeholder: "Tu Teléfono o Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Tu Mensaje o Petición de Número",
        rows: 4,
        required: false,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg"
      imageAlt="Historic building facade in Badajoz Casco Antiguo"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Enviar Mensaje"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-67551.jpg"
      imageAlt="Subtle dark navy blue gradient background"
      logoText="Loterías Casco Antiguo"
      columns={[
        {
          title: "Navegación",
          items: [
            {
              label: "Inicio",
              href: "#hero",
            },
            {
              label: "Juegos",
              href: "#productos",
            },
            {
              label: "Premios",
              href: "#premios",
            },
            {
              label: "Sobre Nosotros",
              href: "#about",
            },
            {
              label: "Contacto",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Aviso Legal",
              href: "#",
            },
            {
              label: "Política de Privacidad",
              href: "#",
            },
            {
              label: "Términos y Condiciones",
              href: "#",
            },
            {
              label: "Juega con Responsabilidad",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Loterías Casco Antiguo. Todos los derechos reservados. Administración Oficial de Lotería nº 12345."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
