"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Bell, MapPin, Smartphone, Tag } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="fluid"
        cardStyle="layered-gradient"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Como Funciona",
          id: "#como-funciona",
        },
        {
          name: "Produtos",
          id: "#produtos",
        },
        {
          name: "Para Quem É",
          id: "#para-quem-e",
        },
        {
          name: "Benefícios",
          id: "#beneficios",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
      ]}
      brandName="Smart Tag GPS"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDoubleCarousel
      background={{
        variant: "plain",
      }}
      title="Nunca Mais Perca o Que Você Ama"
      description="Rastreador inteligente compatível com Find Hub (Google) e Find My (Apple) – sem mensalidade. Mantenha pets, chaves, malas e itens pessoais sempre localizáveis, com tecnologia e carinho."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-man-with-dog-garden_23-2147986156.jpg?_wi=1",
          imageAlt: "Smart Tag em coleira de pet",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tag-cyber-monday-with-copy-space_23-2148657700.jpg",
          imageAlt: "Smart Tag em chaves",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/ethnic-teen-laying-ground-with-book_23-2148208903.jpg",
          imageAlt: "Smart Tag em mala de viagem",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/faq-customer-service-help-support-exclamation-graphic_53876-124369.jpg",
          imageAlt: "Smart Tag com celular e mapa",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cool-traveler-woman-with-yellow-backpack-wearing-mask_179666-33877.jpg",
          imageAlt: "Smart Tag em mochila infantil",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-notebook-watch_23-2148128821.jpg",
          imageAlt: "Vários Smart Tags e itens pessoais",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/lady-with-blonde-hair-striped-blouse-jeans-making-photo-dog-sitting-grass-with-old-man-white-shirt-park_197531-19118.jpg",
          imageAlt: "Família com pet usando Smart Tag",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-messy-office-workspace-with-tablet_23-2150282032.jpg",
          imageAlt: "Smart Tag acoplado a uma carteira",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/pile-colorful-black-friday-labels_23-2147930864.jpg",
          imageAlt: "Smart Tag em mochila urbana",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-pack-top-view_23-2148837319.jpg",
          imageAlt: "Itens de viagem com Smart Tag",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cute-chihuahua-dog-reading-book-while-having-glasses_23-2149880014.jpg",
          imageAlt: "Gato com Smart Tag na coleira",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-young-woman-holding-cellphone_23-2147841140.jpg",
          imageAlt: "Smartphone mostrando o app de rastreamento",
        },
      ]}
      buttons={[
        {
          text: "Proteja Seu Pet Hoje",
          href: "#produtos",
        },
        {
          text: "Comprar Agora",
          href: "#produtos",
        },
      ]}
      carouselPosition="right"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiley-woman-wearing-smartwatch_23-2148770368.jpg",
          alt: "Usuário satisfeito com Smart Tag",
        },
        {
          src: "http://img.b2bpic.net/free-photo/trendy-young-woman-looking-funny-pointing-with-her-finger_1298-565.jpg",
          alt: "Cliente feliz com Smart Tag",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-with-speech-bubble-showing-smiling-face-cold-sweat-emoji_23-2147842250.jpg",
          alt: "Depoimento de cliente Smart Tag",
        },
        {
          src: "http://img.b2bpic.net/free-photo/cool-darkskinned-bearded-man-white-tshirt-orange-jacket-smiles-sincerely-outside-charming-guy-sunglasses-shows-ok-signs-near-white-wall_197531-28765.jpg",
          alt: "Usuário Smart Tag satisfeito",
        },
        {
          src: "http://img.b2bpic.net/free-photo/contemplated-man-pointing-upward-while-holding-winking-emoji-speech-bubble_23-2147849453.jpg",
          alt: "Feedback positivo sobre Smart Tag",
        },
      ]}
      avatarText="+100 Mil Clientes Felizes"
      marqueeItems={[
        {
          type: "text",
          text: "Tecnologia de Ponta",
        },
        {
          type: "text",
          text: "Rastreamento Global",
        },
        {
          type: "text",
          text: "Sem Mensalidade",
        },
        {
          type: "text",
          text: "Bateria de Longa Duração",
        },
        {
          type: "text",
          text: "Fácil de Usar",
        },
      ]}
    />
  </div>

  <div id="como-funciona" data-section="como-funciona">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          icon: Smartphone,
          title: "1. Conecte o App",
          description: "Baixe o aplicativo e emparelhe seu Smart Tag em segundos com seu smartphone.",
        },
        {
          icon: Tag,
          title: "2. Prenda no Objeto",
          description: "Acople facilmente o Smart Tag na coleira do seu pet, chaves, mochila ou mala.",
        },
        {
          icon: MapPin,
          title: "3. Acompanhe em Tempo Real",
          description: "Visualize a localização exata do seu item ou pet diretamente no mapa do seu celular.",
        },
        {
          icon: Bell,
          title: "4. Receba Alertas",
          description: "Configure zonas seguras e receba notificações instantâneas se o Smart Tag sair da área.",
        },
      ]}
      title="Como Funciona o Smart Tag?"
      description="É simples, rápido e intuitivo para você ter total controle e tranquilidade em cada passo."
    />
  </div>

  <div id="produtos" data-section="produtos">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "smart-tag-white-1",
          name: "Smart Tag Branco (1 Unidade)",
          price: "R$ 99,90",
          imageSrc: "http://img.b2bpic.net/free-photo/sale-tag-two-color-background_23-2148285073.jpg",
          imageAlt: "Smart Tag Branco",
          priceButtonProps: {
            text: "Adicionar ao Carrinho",
          },
        },
        {
          id: "smart-tag-black-1",
          name: "Smart Tag Preto (1 Unidade)",
          price: "R$ 99,90",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-back-grey-round-clock_187299-47267.jpg",
          imageAlt: "Smart Tag Preto",
          priceButtonProps: {
            text: "Adicionar ao Carrinho",
          },
        },
        {
          id: "smart-tag-kit-white-2",
          name: "Kit Smart Tag Branco (2 Unidades)",
          price: "R$ 189,90",
          imageSrc: "http://img.b2bpic.net/free-vector/phone-lost-icon_632498-19749.jpg",
          imageAlt: "Kit Smart Tag Branco",
          priceButtonProps: {
            text: "Adicionar ao Carrinho",
          },
        },
        {
          id: "smart-tag-kit-black-2",
          name: "Kit Smart Tag Preto (2 Unidades)",
          price: "R$ 189,90",
          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-template-with-business-elements_23-2147986540.jpg",
          imageAlt: "Kit Smart Tag Preto",
          priceButtonProps: {
            text: "Adicionar ao Carrinho",
          },
        },
        {
          id: "smart-tag-kit-mixed-5",
          name: "Kit Família Smart Tag (5 Unidades Misto)",
          price: "R$ 449,90",
          imageSrc: "http://img.b2bpic.net/free-photo/two-young-teenage-girls-sitting-floor-near-bed-wearing-virtual-reality-glasses_1157-52047.jpg",
          imageAlt: "Kit Família Smart Tag Misto",
          priceButtonProps: {
            text: "Adicionar ao Carrinho",
          },
        },
        {
          id: "smart-tag-white-collar",
          name: "Smart Tag Branco + Coleira Premium",
          price: "R$ 149,90",
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-style-adorable-dog_23-2151107686.jpg",
          imageAlt: "Smart Tag Branco com Coleira Premium",
          priceButtonProps: {
            text: "Adicionar ao Carrinho",
          },
        },
      ]}
      title="Nossos Smart Tags"
      description="Escolha o Smart Tag ideal para a sua necessidade. Disponível em diferentes cores e kits para sua conveniência."
    />
  </div>

  <div id="para-quem-e" data-section="para-quem-e">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      groups={[
        {
          id: "use-cases",
          groupTitle: "Para Qualquer Momento",
          members: [
            {
              id: "pets",
              title: "Pets 🐾",
              subtitle: "Segurança Garantida",
              detail: "Mantenha seu melhor amigo sempre por perto. Localize seu cão ou gato em tempo real com facilidade.",
              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-woman-with-cat-home_23-2150557977.jpg",
              imageAlt: "Cachorro e gato brincando, com Smart Tag na coleira do cão",
            },
            {
              id: "chaves",
              title: "Chaves 🔑",
              subtitle: "Nunca Mais Perca",
              detail: "Encontre suas chaves perdidas rapidamente com um toque no aplicativo, acabando com a preocupação.",
              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-house-model-near-spiral-notepad-with-keys-pen-white-background_23-2148183096.jpg",
              imageAlt: "Mão pegando chaves com Smart Tag na mesa",
            },
            {
              id: "malas-viagem",
              title: "Malas/Viagem 🧳",
              subtitle: "Viagens Tranquilas",
              detail: "Mantenha sua bagagem sob controle em qualquer destino, seja no aeroporto ou em novas aventuras.",
              imageSrc: "http://img.b2bpic.net/free-photo/woman-lying-down-hammock-listening-music-with-tablet_1150-6073.jpg",
              imageAlt: "Viajante com mala e Smart Tag em aeroporto",
            },
            {
              id: "mochilas-bolsas",
              title: "Mochilas/Bolsas 🎒",
              subtitle: "Proteção Diária",
              detail: "Proteja seus pertences em todos os lugares, desde o dia a dia na cidade até trilhas e passeios.",
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-face-mask_23-2149155178.jpg",
              imageAlt: "Pessoa com mochila e Smart Tag em um parque urbano",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/modern-man-with-dog-garden_23-2147986156.jpg?_wi=2",
          imageAlt: "pets playing smart tag home",
        },
      ]}
      title="Smart Tag: Perfeito Para Quem Você Ama"
      description="Nosso rastreador é a solução ideal para manter todos os seus bens e entes queridos sempre seguros e por perto."
    />
  </div>

  <div id="beneficios" data-section="beneficios">
      <TextAbout
      useInvertedBackground={false}
      title="Por Que Escolher o Smart Tag?"
      description="Tecnologia Smart Tag: paz de espírito. Bateria de até 1 ano, alarme sonoro, app intuitivo. Rede global (Apple/Google), resistente e sem mensalidade. Proteção total!"
    />
  </div>

  <div id="prova-social" data-section="prova-social">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="O Smart Tag é a melhor aquisição que fiz para a segurança do meu pet! Consigo rastrear meu cãozinho em tempo real e sei que ele está sempre protegido. A bateria dura muito e a configuração foi super simples. Recomendo a todos os pais de pets!"
      rating={5}
      author="Ana Clara, tutora da Luna"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-attractive-shocked-girl-cozy-sweater-amazedly-looking-camera-colorful-background_574295-3842.jpg",
          alt: "Foto de perfil de Ana Clara",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-man_23-2149207223.jpg",
          alt: "Foto de perfil de Pedro Silva",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-young-blonde-woman-talking-by-phone_171337-8883.jpg",
          alt: "Foto de perfil de Camila Souza",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-looking-camera-close-up_23-2148230205.jpg",
          alt: "Foto de perfil de José Oliveira",
        },
        {
          src: "http://img.b2bpic.net/free-photo/glamour-portrait-beautiful-woman-model-with-hair-wind_268835-1492.jpg",
          alt: "Foto de perfil de Mariana Costa",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "O Smart Tag é compatível com quais dispositivos?",
          content: "Funciona perfeitamente com a rede Find My da Apple e com a rede Find Hub do Google, utilizando smartphones Android e iOS. Basta ter o aplicativo compatível instalado.",
        },
        {
          id: "faq-2",
          title: "Qual é o alcance do rastreador?",
          content: "Graças à rede colaborativa global de milhões de dispositivos Apple e Google, o Smart Tag não tem limite de alcance, permitindo que você localize seus itens em praticamente qualquer lugar do mundo onde haja dispositivos compatíveis.",
        },
        {
          id: "faq-3",
          title: "Como é feita a troca da bateria?",
          content: "A bateria CR2032 do Smart Tag tem duração de até um ano e pode ser facilmente substituída em casa, sem a necessidade de ferramentas especiais. Um alerta no aplicativo indica quando a troca é necessária.",
        },
        {
          id: "faq-4",
          title: "O produto possui garantia?",
          content: "Sim, todos os Smart Tags vêm com garantia de 1 ano contra defeitos de fabricação, garantindo sua total tranquilidade e confiança na compra.",
        },
        {
          id: "faq-5",
          title: "Qual o prazo de entrega?",
          content: "O prazo de entrega varia de acordo com a sua localidade e o tipo de frete escolhido. Você pode calcular o prazo exato e as opções disponíveis inserindo seu CEP na página do produto antes de finalizar a compra.",
        },
        {
          id: "faq-6",
          title: "É preciso pagar mensalidade para usar?",
          content: "Não! O Smart Tag não exige nenhuma assinatura ou mensalidade. Uma única compra garante tranquilidade vitalícia e o uso completo de todas as funcionalidades, sem taxas ocultas.",
        },
      ]}
      title="Perguntas Frequentes"
      description="Tire suas dúvidas sobre o Smart Tag e descubra como ele pode simplificar sua vida e a segurança de quem você ama."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Institucional",
          items: [
            {
              label: "Sobre Nós",
              href: "#",
            },
            {
              label: "Política de Privacidade",
              href: "#",
            },
            {
              label: "Termos de Uso",
              href: "#",
            },
          ],
        },
        {
          title: "Ajuda",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Rastrear Pedido",
              href: "#",
            },
            {
              label: "Contato",
              href: "#",
            },
          ],
        },
        {
          title: "Redes Sociais",
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com",
            },
            {
              label: "Facebook",
              href: "https://facebook.com",
            },
            {
              label: "TikTok",
              href: "https://tiktok.com",
            },
          ],
        },
      ]}
      bottomLeftText="Smart Tag GPS © 2024. Todos os direitos reservados."
      bottomRightText="Desenvolvido com ❤️"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
