"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';

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="prod-list" data-section="prod-list">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Jugo Naranja",
          price: "$3.50",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gh24s8",
        },
        {
          id: "p2",
          name: "Té Helado",
          price: "$3.00",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eabkvo",
        },
        {
          id: "p3",
          name: "Limonada Menta",
          price: "$2.50",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5duk4d",
        },
        {
          id: "p4",
          name: "Batido Fresa",
          price: "$4.00",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z5l3z5",
        },
        {
          id: "p5",
          name: "Agua Pepino",
          price: "$2.00",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=euu05s",
        },
        {
          id: "p6",
          name: "Refresco Natural",
          price: "$3.20",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1h77m2",
        },
      ]}
      title="Nuestra Variedad de Bebidas"
      description="Explora toda nuestra carta de sabores naturales, diseñados para hidratarte con estilo y calidad."
    />
  </div>

  <div id="feature" data-section="feature">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      title="Compromiso de Calidad"
      description="Cada proceso está certificado para garantizar la pureza del sabor y la salud de nuestros consumidores."
      features={[
        {
          title: "Sin conservantes",
          description: "100% natural sin aditivos químicos.",
          buttonIcon: "Check",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9c5l5r",
          imageAlt: "refrescante bebida natural verano",
        },
        {
          title: "Fruta de origen",
          description: "Directo del agricultor a la botella.",
          buttonIcon: "MapPin",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oq2hub",
          imageAlt: "refrescante bebida natural verano",
        },
        {
          title: "Higiene total",
          description: "Procesos de envasado estériles.",
          buttonIcon: "ShieldCheck",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6lc7kk",
          imageAlt: "refrescante bebida natural verano",
        },
        {
          title: "Sabor intenso",
          description: "Equilibrio perfecto en cada mezcla.",
          buttonIcon: "Droplet",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gh24s8",
          imageAlt: "refrescante bebida natural verano",
        },
      ]}
    />
  </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>
  );
}
