"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Diamond, Droplet, Gift, Sparkles, Truck } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmall"
        background="grid"
        cardStyle="outline"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Início",          id: "#hero"},
        {
          name: "Sobre",          id: "#about"},
        {
          name: "Produtos",          id: "#products"},
        {
          name: "Depoimentos",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contato",          id: "#contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=76euyd"
      logoAlt="Só Perfumes e Fragrâncias Logo"
      brandName="Só Perfumes e Fragrâncias"
      bottomLeftText="Beleza e Bem-Estar"
      bottomRightText="contato@soperfumes.com.br"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      title="Descubra o Mundo da Beleza e Bem-Estar"
      description="Na Só Perfumes e Fragrâncias, você encontra os mais requintados perfumes e produtos de skin care para realçar sua beleza natural. Uma seleção exclusiva para você."
      testimonials={[
        {
          name: "Maria Silva",          handle: "@marias.beauty",          testimonial: "Produtos incríveis e atendimento impecável! Minha pele nunca esteve tão radiante.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-posing-with-lily-flower_651396-1317.jpg"},
        {
          name: "João Santos",          handle: "@joao.perfumes",          testimonial: "A melhor seleção de perfumes que já vi. Encontrei meu novo favorito aqui!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-doing-her-make-up_23-2148837522.jpg"},
        {
          name: "Ana Clara",          handle: "@anaclara.skin",          testimonial: "Qualidade superior e entrega rápida. Recomendo a todos que buscam excelência.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/professional-model-with-bright-evening-makeup-striped-jacket_132075-11915.jpg"},
        {
          name: "Pedro Lima",          handle: "@pedro.essencias",          testimonial: "Atendimento super atencioso e produtos de altíssima qualidade. Virei cliente!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-ginger-woman-laughing-outside_197531-15668.jpg"},
        {
          name: "Sofia Mendes",          handle: "@sofia.charme",          testimonial: "Perfumes duradouros e embalagens lindíssimas. A melhor escolha para presentear.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/morning-bride-preparting-ceremony_1303-10537.jpg"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-cream-flowers_23-2148419401.jpg"
      imageAlt="Luxuosos perfumes e produtos de skin care"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/fashion-portrait-european-blonde-woman-silk-white-summer-romantic-dress-golden-bracelet-earrings_343596-1776.jpg",          alt: "Fashion portrait of european blonde woman in silk white summer romantic dress golden bracelet and earrings"},
        {
          src: "http://img.b2bpic.net/free-photo/fashion-portrait-european-blonde-woman-silk-white-summer-romantic-dress-golden-bracelet-earrings_343596-1773.jpg",          alt: "Fashion portrait of european blonde woman in silk white summer romantic dress golden bracelet and earrings"},
        {
          src: "http://img.b2bpic.net/free-photo/sensual-glamour-beautiful-woman-model-with-fresh-daily-makeup-with-nude-lips-color-clean-healthy-skin-face_158538-13996.jpg",          alt: "sensual glamour beautiful woman model with fresh daily makeup with nude lips color and clean healthy skin face"},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-bride-posing-daylight_1153-7230.jpg",          alt: "Beautiful bride posing in daylight"},
        {
          src: "http://img.b2bpic.net/free-photo/mockup-cosmetics-woman-products-makeup_197531-32395.jpg",          alt: "Mockup of cosmetics for woman products for makeup"},
      ]}
      avatarText="Mais de 1000 clientes satisfeitos"
      marqueeItems={[
        {
          type: "text-icon",          text: "Qualidade Premium",          icon: Diamond,
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238252.jpg",          alt: "Close up on elegant beauty selfcare treatment"},
        {
          type: "text-icon",          text: "Entrega Rápida",          icon: Truck,
        },
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/pink-cosmetic-containers-flowers_23-2149270088.jpg",          alt: "Pink cosmetic containers and flowers"},
        {
          type: "text",          text: "Atendimento VIP"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Nossa Paixão pela Beleza"
      description="Somos apaixonados por trazer o que há de melhor no universo da perfumaria e do skin care. Nossa curadoria rigorosa garante produtos de alta qualidade, de marcas renomadas e inovadoras, para que você possa se sentir confiante e radiante todos os dias. Acreditamos que a beleza é uma jornada, e estamos aqui para acompanhá-lo em cada passo."
      imageSrc="http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338306.jpg"
      imageAlt="Ingredientes naturais e beleza"
    />
  </div>

  <div id="categories" data-section="categories">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Perfumes Exclusivos",          description: "Fragrâncias que marcam presença, desde clássicos atemporais a lançamentos modernos.",          icon: Sparkles,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/bouquet-various-flowers_23-2147758148.jpg",              imageAlt: "Ícone de frasco de perfume"},
            {
              imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-cruelty-free-vegan-concept_23-2148816080.jpg",              imageAlt: "Ícone de frasco de perfume"},
          ]
        },
        {
          title: "Skincare Essencial",          description: "Cuide da sua pele com a linha completa de produtos para uma rotina saudável e eficaz.",          icon: Droplet,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-vector/labels-collection-women-s-beauty-care_23-2150495917.jpg",              imageAlt: "Ícone de gota de água"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-arrangement_23-2149047718.jpg",              imageAlt: "Ícone de gota de água"},
          ]
        },
        {
          title: "Kits e Presentes",          description: "Opções perfeitas para presentear quem você ama, com combos exclusivos e sofisticados.",          icon: Gift,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-vector/flat-christmas-sale-with-discount_23-2148379832.jpg",              imageAlt: "Ícone de caixa de presente"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/christmas-gift-pattern-blue-background_1220-7793.jpg",              imageAlt: "Ícone de caixa de presente"},
          ]
        }
      ]}
      title="Explore Nossas Categorias"
      description="Encontre o que você procura em nossa vasta gama de produtos."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "perfume-rose",          name: "Essência Floral Rosé",          price: "R$ 299,90",          variant: "50ml EDP",          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-shaking-bottle-champagne_23-2147987970.jpg",          imageAlt: "Frasco de perfume floral rosé",          onProductClick: () => window.open('https://wa.me/5511999999999?text=Ol%C3%A1%2C%20gostaria%20de%20saber%20mais%20sobre%20a%20Ess%C3%AAncia%20Floral%20Ros%C3%A9%2050ml%20EDP%20-%20R%24%20299%2C90.', '_blank')
        },
        {
          id: "perfume-noir",          name: "Elegância Noturna Noir",          price: "R$ 349,90",          variant: "100ml EDT",          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307313.jpg",          imageAlt: "Frasco de perfume masculino preto",          onProductClick: () => window.open('https://wa.me/5511999999999?text=Ol%C3%A1%2C%20gostaria%20de%20saber%20mais%20sobre%20a%20Eleg%C3%Aância%20Noturna%20Noir%20100ml%20EDT%20-%20R%24%20349%2C90.', '_blank')
        },
        {
          id: "perfume-fresh",          name: "Frescor Matinal",          price: "R$ 249,90",          variant: "75ml EDP",          imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669155.jpg",          imageAlt: "Frasco de perfume unissex transparente",          onProductClick: () => window.open('https://wa.me/5511999999999?text=Ol%C3%A1%2C%20gostaria%20de%20saber%20mais%20sobre%20o%20Frescor%20Matinal%2075ml%20EDP%20-%20R%24%20249%2C90.', '_blank')
        },
        {
          id: "skincare-cream",          name: "Creme Hidratante Revitalizante",          price: "R$ 159,90",          variant: "50g",          imageSrc: "http://img.b2bpic.net/free-photo/cream-with-flower-table_140725-2070.jpg",          imageAlt: "Pote de creme hidratante",          onProductClick: () => window.open('https://wa.me/5511999999999?text=Ol%C3%A1%2C%20gostaria%20de%20saber%20mais%20sobre%20o%20Creme%20Hidratante%20Revitalizante%2050g%20-%20R%24%20159%2C90.', '_blank')
        },
        {
          id: "skincare-cleanser",          name: "Gel de Limpeza Facial",          price: "R$ 99,90",          variant: "150ml",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hydro-alcoholic-gel_23-2148775332.jpg",          imageAlt: "Frasco de gel de limpeza facial",          onProductClick: () => window.open('https://wa.me/5511999999999?text=Ol%C3%A1%2C%20gostaria%20de%20saber%20mais%20sobre%20o%20Gel%20de%20Limpeza%20Facial%20150ml%20-%20R%24%2099%2C90.', '_blank')
        },
        {
          id: "skincare-eye",          name: "Sérum Contorno dos Olhos",          price: "R$ 189,90",          variant: "15ml",          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-packaging_187299-47221.jpg",          imageAlt: "Frasco de sérum para os olhos",          onProductClick: () => window.open('https://wa.me/5511999999999?text=Ol%C3%A1%2C%20gostaria%20de%20saber%20mais%20sobre%20o%20S%C3%A9rum%20Contorno%20dos%20Olhos%2015ml%20-%20R%24%20189%2C90.', '_blank')
        }
      ]}
      title="Nossos Produtos em Destaque"
      description="Conheça nossa seleção premium de perfumes e produtos de skin care."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Beleza Essencial",        "Aroma Divino",        "Skin Glow Labs",        "Pura Essência",        "Luxo e Pele",        "Sentidos Únicos",        "Harmonia Cosméticos"]}
      title="Confiado pelas Melhores Marcas"
      description="Trabalhamos apenas com parceiros que compartilham nosso compromisso com a qualidade e inovação."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Isabela Costa",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-model-dressed-summer-hipster-clothes-trendy-girl-posing-street-background-funny-positive-woman_158538-5479.jpg",          imageAlt: "Isabela Costa"},
        {
          id: "2",          name: "Ricardo Almeida",          imageSrc: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9888.jpg",          imageAlt: "Ricardo Almeida"},
        {
          id: "3",          name: "Fernanda Lima",          imageSrc: "http://img.b2bpic.net/free-photo/indoor-side-view-amazing-happy-young-african-american-female-with-afro-hairstyle-smiling-broadly-keeping-arms-her-chest-listening-nice-music-radio-baking-pie-cozy-kitchen_343059-2650.jpg",          imageAlt: "Fernanda Lima"},
        {
          id: "4",          name: "Gustavo Pereira",          imageSrc: "http://img.b2bpic.net/free-photo/happy-surprised-young-woman-stares-with-eyes-full-interest-keeps-hand-chin-glad-shocked-hear-good-news-wears-black-t-shirt-isolated-red-background-human-reactions-concept_273609-61436.jpg",          imageAlt: "Gustavo Pereira"},
        {
          id: "5",          name: "Camila Nunes",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-enjoying-sunny-day-outdoor_197531-7647.jpg",          imageAlt: "Camila Nunes"},
      ]}
      cardTitle="O Que Nossos Clientes Dizem"
      cardTag="Clientes Satisfeitos"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Como faço para comprar?",          content: "Para comprar, basta clicar no botão 'Pedir no WhatsApp' em qualquer produto. Você será direcionado para o nosso WhatsApp com uma mensagem pré-preenchida com o produto que você deseja."},
        {
          id: "q2",          title: "Quais as formas de pagamento?",          content: "Aceitamos diversas formas de pagamento, que serão detalhadas durante o atendimento via WhatsApp."},
        {
          id: "q3",          title: "Vocês entregam para todo o Brasil?",          content: "Sim, realizamos entregas para todo o território nacional. O prazo e custo de envio serão informados no WhatsApp."},
        {
          id: "q4",          title: "Posso trocar ou devolver um produto?",          content: "Nossa política de troca e devolução é flexível e visa a sua satisfação. Entre em contato conosco pelo WhatsApp para mais informações."},
      ]}
      title="Perguntas Frequentes"
      description="Tire suas dúvidas sobre nossos produtos e serviços."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars"}}
      text="Ficou com alguma dúvida ou precisa de ajuda? Entre em contato conosco!"
      buttons={[
        {
          text: "Falar no WhatsApp",          href: "https://wa.me/5511999999999?text=Ol%C3%A1%2C%20gostaria%20de%20saber%20mais%20sobre%20a%20S%C3%B3%20Perfumes%20e%20Fragr%C3%Aâncias.",          onClick: () => console.log('WhatsApp button clicked')
        },
        {
          text: "Enviar um e-mail",          href: "mailto:contato@soperfumes.com.br",          onClick: () => console.log('Email button clicked')
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Navegação",          items: [
            {
              label: "Início",              href: "#hero"},
            {
              label: "Sobre",              href: "#about"},
            {
              label: "Produtos",              href: "#products"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contato",              href: "#contact"},
          ],
        },
        {
          title: "Produtos",          items: [
            {
              label: "Perfumes",              href: "#products"},
            {
              label: "Skincare",              href: "#products"},
            {
              label: "Kits",              href: "#products"},
            {
              label: "Novidades",              href: "#products"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Política de Privacidade",              href: "#"},
            {
              label: "Termos de Serviço",              href: "#"},
          ],
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=76euyd"
      logoAlt="Só Perfumes e Fragrâncias Logo"
      logoText="Só Perfumes e Fragrâncias"
      copyrightText="© 2024 Só Perfumes e Fragrâncias. Todos os direitos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
