"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="largeSmall"
        background="blurBottom"
        cardStyle="gradient-mesh"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Inicio",
          id: "/",
        },
        {
          name: "Productos",
          id: "/productos",
        },
      ]}
      brandName="Bebidas Artesanales"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "radial-gradient",
      }}
      title="Sabores que refrescan tu vida"
      description="Descubre nuestra selección de bebidas artesanales hechas con ingredientes naturales, pensadas para cada momento de tu día."
      buttons={[
        {
          text: "Ver Productos",
          href: "/productos",
        },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9c5l5r"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k0d67d",
          alt: "Cliente satisfecho 1",
        },
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hmkknq",
          alt: "Cliente satisfecho 2",
        },
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=to4xyt",
          alt: "Cliente satisfecho 3",
        },
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8zxzy4",
          alt: "Cliente satisfecho 4",
        },
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gh24s8",
          alt: "Cliente satisfecho 5",
        },
      ]}
      avatarText="Más de 500 clientes felices"
      marqueeItems={[
        {
          type: "text",
          text: "100% Natural",
        },
        {
          type: "text",
          text: "Artesanal",
        },
        {
          type: "text",
          text: "Sin conservantes",
        },
        {
          type: "text",
          text: "Recién exprimido",
        },
        {
          type: "text",
          text: "Calidad Premium",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Nuestra Historia"
      title="Pura pasión por lo natural"
      description="Nuestra mipyme nació con un propósito claro: ofrecer bebidas auténticas que respeten la esencia de los ingredientes naturales."
      subdescription="Sin conservantes, sin colorantes artificiales, solo sabor real de frutas y especias seleccionadas."
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oq2hub"
      mediaAnimation="slide-up"
      icon={Heart}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Frescura Garantizada",
          description: "Ingredientes frescos de temporada cosechados a mano.",
          buttonIcon: "Zap",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6lc7kk",
          imageAlt: "frutas frescas ingredientes naturales",
        },
        {
          title: "Procesos Artesanales",
          description: "Elaboración pequeña escala para asegurar calidad total.",
          buttonIcon: "CheckCircle",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9c5l5r",
          imageAlt: "frutas frescas ingredientes naturales",
        },
        {
          title: "Sin Aditivos",
          description: "Nada de químicos añadidos, pura fruta y bienestar.",
          buttonIcon: "Shield",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oq2hub",
          imageAlt: "frutas frescas ingredientes naturales",
        },
        {
          title: "Embalaje Ecológico",
          description: "Comprometidos con el planeta en cada botella.",
          buttonIcon: "Leaf",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gh24s8",
          imageAlt: "frutas frescas ingredientes naturales",
        },
        {
          title: "Envío Rápido",
          description: "Llevamos la frescura directo a tu puerta.",
          buttonIcon: "Truck",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eabkvo",
          imageAlt: "frutas frescas ingredientes naturales",
        },
      ]}
      title="Por qué elegir nuestras bebidas"
      description="Seleccionamos minuciosamente cada fruta y planta para llevar hasta ti un producto que marca la diferencia en cada sorbo."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Sofía M.",
          date: "12/04/2024",
          title: "Increíble",
          quote: "La limonada es mi favorita, se nota la frescura.",
          tag: "Cliente",
          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k0d67d",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9c5l5r",
          imageAlt: "joven feliz bebiendo natural",
        },
        {
          id: "t2",
          name: "Carlos G.",
          date: "10/05/2024",
          title: "Sabor Único",
          quote: "El batido de fresa es otro nivel, muy natural.",
          tag: "Cliente",
          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hmkknq",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oq2hub",
          imageAlt: "joven feliz bebiendo natural",
        },
        {
          id: "t3",
          name: "Ana R.",
          date: "15/05/2024",
          title: "Muy Saludable",
          quote: "Me encanta que no tengan azúcar añadida.",
          tag: "Cliente",
          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=to4xyt",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6lc7kk",
          imageAlt: "joven feliz bebiendo natural",
        },
        {
          id: "t4",
          name: "Javier P.",
          date: "20/05/2024",
          title: "Excelente Calidad",
          quote: "Los mejores ingredientes siempre presentes.",
          tag: "Cliente",
          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8zxzy4",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gh24s8",
          imageAlt: "joven feliz bebiendo natural",
        },
        {
          id: "t5",
          name: "Lucía V.",
          date: "22/05/2024",
          title: "Refrescante",
          quote: "Es justo lo que necesitaba este verano.",
          tag: "Cliente",
          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eabkvo",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5duk4d",
          imageAlt: "joven feliz bebiendo natural",
        },
      ]}
      title="Lo que dicen nuestros clientes"
      description="La satisfacción de nuestros clientes nos impulsa a seguir creando los mejores sabores naturales."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Contacto"
      title="¿Quieres saber más?"
      description="Suscríbete a nuestro boletín para recibir ofertas especiales y novedades de nuestros nuevos sabores."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Navegación",
          items: [
            {
              label: "Inicio",
              href: "/",
            },
            {
              label: "Productos",
              href: "/productos",
            },
          ],
        },
        {
          title: "Legales",
          items: [
            {
              label: "Privacidad",
              href: "#",
            },
            {
              label: "Términos",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Bebidas Artesanales."
      bottomRightText="Hecho con amor."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
