"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="noise"
        cardStyle="gradient-radial"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Categorias",
          id: "categorias",
        },
        {
          name: "Produtos",
          id: "produtos",
        },
        {
          name: "Grupo VIP",
          id: "grupo-vip",
        },
      ]}
      brandName="Achadinhos da Froees"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "sparkles-gradient",
      }}
      title="Os melhores achadinhos da Shopee pra você economizar com estilo ✨"
      description="Casa, beleza e utilidades com preços incríveis todos os dias. Seleção premium feita com carinho."
      buttons={[
        {
          text: "Entrar no Grupo VIP",
          href: "#grupo-vip",
        },
        {
          text: "Ver Ofertas Agora",
          href: "#produtos",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/roses-shopping-bag-laptop-pink-background_23-2147940438.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-paper-clip-with-copy-space_23-2148539078.jpg",
          alt: "Close-up paper clip with copy space",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smartphone-with-flowers-envelope_23-2148055285.jpg",
          alt: "Smartphone with flowers in envelope ",
        },
        {
          src: "http://img.b2bpic.net/free-photo/high-angle-assortment-pink-item-valentine-s-day_23-2149164927.jpg",
          alt: "High angle of assortment of pink item for valentine's day",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pink-model-career-kit-arrangement_23-2150083976.jpg",
          alt: "Pink model career kit arrangement",
        },
        {
          src: "http://img.b2bpic.net/free-photo/kitchen-countertop-sink-with-dishes_1153-5786.jpg",
          alt: "A kitchen countertop and a sink with dishes.",
        },
      ]}
      avatarText="Mais de 10k compradores felizes"
      marqueeItems={[
        {
          type: "text",
          text: "Ofertas todos os dias",
        },
        {
          type: "text",
          text: "Cupons exclusivos",
        },
        {
          type: "text",
          text: "Curadoria premium",
        },
        {
          type: "text",
          text: "Achadinhos virais",
        },
        {
          type: "text",
          text: "Economia real",
        },
      ]}
    />
  </div>

  <div id="categorias" data-section="categorias">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "c1",
          title: "Casa & Decor",
          tags: [
            "🏠",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/tidy-up-concept-with-foodstuff_23-2148927367.jpg",
          imageAlt: "Tidy up concept with foodstuff",
        },
        {
          id: "c2",
          title: "Cozinha",
          tags: [
            "🍳",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/roses-shopping-bag-laptop-pink-background_23-2147940438.jpg",
          imageAlt: "Tidy up concept with foodstuff",
        },
        {
          id: "c3",
          title: "Beleza",
          tags: [
            "💄",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/open-drawers-kitchen-ergonomics-functional-space_169016-68869.jpg",
          imageAlt: "Tidy up concept with foodstuff",
        },
        {
          id: "c4",
          title: "Utilidades",
          tags: [
            "🧺",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-little-girl-combing-her-hair-bathroom-front-mirror-enjoying-looking-her-reflection-wearing-home-clothing-doing-beauty-procedures_176532-15718.jpg",
          imageAlt: "Tidy up concept with foodstuff",
        },
        {
          id: "c5",
          title: "Decoração",
          tags: [
            "🛋️",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-supplies-composition-with-pink-background_23-2149491460.jpg",
          imageAlt: "Tidy up concept with foodstuff",
        },
        {
          id: "c6",
          title: "Moda",
          tags: [
            "👗",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/collection-various-makeup-brushes_23-2147878868.jpg",
          imageAlt: "Tidy up concept with foodstuff",
        },
      ]}
      title="Categorias em Destaque"
      description="Navegue pelas seleções mais amadas da nossa curadoria."
    />
  </div>

  <div id="destaques" data-section="destaques">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "d1",
          title: "Favoritos da Semana",
          tags: [
            "💖",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/functional-kitchen-pullout-drawers-matte-blue-fronts_169016-68941.jpg",
          imageAlt: "Functional kitchen pullout drawers matte blue fronts",
        },
        {
          id: "d2",
          title: "Achadinhos Premium",
          tags: [
            "✨",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/roses-shopping-bag-laptop-pink-background_23-2147940438.jpg",
          imageAlt: "Functional kitchen pullout drawers matte blue fronts",
        },
        {
          id: "d3",
          title: "Ofertas Relâmpago",
          tags: [
            "⚡",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/open-drawers-kitchen-ergonomics-functional-space_169016-68869.jpg",
          imageAlt: "Functional kitchen pullout drawers matte blue fronts",
        },
      ]}
      title="🔥 Mais Procurados"
      description="Os favoritos da semana que estão voando das prateleiras."
    />
  </div>

  <div id="produtos" data-section="produtos">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Organizador de Pia Luxo",
          price: "R$ 49,90",
          imageSrc: "http://img.b2bpic.net/free-photo/open-drawers-kitchen-ergonomics-functional-space_169016-68869.jpg",
        },
        {
          id: "p2",
          name: "Espelho LED Moderno",
          price: "R$ 129,90",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-little-girl-combing-her-hair-bathroom-front-mirror-enjoying-looking-her-reflection-wearing-home-clothing-doing-beauty-procedures_176532-15718.jpg",
        },
        {
          id: "p3",
          name: "Kit Utensílios Silicone",
          price: "R$ 89,90",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-supplies-composition-with-pink-background_23-2149491460.jpg",
        },
        {
          id: "p4",
          name: "Pincéis Maquiagem Profissional",
          price: "R$ 65,00",
          imageSrc: "http://img.b2bpic.net/free-photo/collection-various-makeup-brushes_23-2147878868.jpg",
        },
        {
          id: "p5",
          name: "Cortina Blackout Elegante",
          price: "R$ 150,00",
          imageSrc: "http://img.b2bpic.net/free-photo/bedroom-decor-with-potted-plants_23-2149428016.jpg",
        },
        {
          id: "p6",
          name: "Difusor de Aromas Bluetooth",
          price: "R$ 110,00",
          imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037558.jpg",
        },
      ]}
      title="Achadinhos do Dia"
      description="Seleção especial com descontos exclusivos."
    />
  </div>

  <div id="prova-social" data-section="prova-social">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "10k+",
          description: "Compradores Satisfeitos",
        },
        {
          id: "m2",
          value: "500+",
          description: "Ofertas Postadas",
        },
        {
          id: "m3",
          value: "24/7",
          description: "Atualização Diária",
        },
      ]}
      title="Comunidade Froees"
      description="Junte-se a milhares de pessoas que economizam todos os dias."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Como funcionam as indicações?",
          content: "Indicamos produtos verificados da Shopee.",
        },
        {
          id: "f2",
          title: "Preciso pagar taxa?",
          content: "Não, o serviço é gratuito.",
        },
        {
          id: "f3",
          title: "Os links são seguros?",
          content: "Sim, links oficiais Shopee.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-looking-shop-online_23-2148577146.jpg"
      mediaAnimation="slide-up"
      title="Dúvidas Frequentes"
      description="Como aproveitar as melhores promoções."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="grupo-vip" data-section="grupo-vip">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Entre no Grupo VIP!"
      description="Receba ofertas antecipadas, cupons exclusivos e produtos virais antes de todo mundo."
      inputs={[
        {
          name: "nome",
          type: "text",
          placeholder: "Seu nome",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Seu WhatsApp",
          required: true,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-woman-excited-about-present-red-wall_114579-55955.jpg"
      buttonText="Entrar no WhatsApp"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Achadinhos da Froees"
      leftLink={{
        text: "Privacidade",
        href: "#",
      }}
      rightLink={{
        text: "Termos de Uso",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
