"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="noise"
        cardStyle="glass-depth"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "Início", id: "hero" },
        { name: "Sobre", id: "about" },
        { name: "Serviços", id: "services" },
        { name: "Depoimentos", id: "testimonials" },
        { name: "Contato", id: "contact" },
      ]}
      brandName="Zanza Pura Beleza"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      title="Zanza Pura Beleza"
      description="Onde a beleza encontra a elegância. Experimente tratamentos estéticos e de pele personalizados feitos especialmente para você."
      buttons={[{ text: "Agende Agora", href: "#contact" }]}
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/charming-curly-brunette-woman-with-blue-eyes-red-lips-pink-outfit-posing-isolated-space_197531-15295.jpg", imageAlt: "Client 1" },
        { imageSrc: "http://img.b2bpic.net/free-photo/face-close-up-happy-woman_1098-3047.jpg", imageAlt: "Client 2" },
        { imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-brunette-woman-holding-black-digital-tablet-smiling-gazing-gently_1258-200125.jpg", imageAlt: "Client 3" }
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      title="Nossa Filosofia"
      description="Combinando técnicas ancestrais com a tecnologia moderna para garantir resultados impecáveis em cada tratamento."
      imageSrc="http://img.b2bpic.net/free-photo/serene-spa-room_23-2151934180.jpg"
      useInvertedBackground={true}
      bulletPoints={[
        { title: "Excelência", description: "Profissionais certificados com anos de experiência." },
        { title: "Qualidade", description: "Produtos veganos e orgânicos premium." },
        { title: "Bem-estar", description: "Um ambiente pensado para o seu relaxamento absoluto." }
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardOne
      title="Destaques da Zanza"
      description="Conheça os diferenciais que tornam nossa clínica referência em beleza e bem-estar."
      animationType="slide-up"
      gridVariant="four-items-2x2-equal-grid"
      features={[
        { title: "Consultas Personalizadas", description: "Planos focados na necessidade da sua pele.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-face-treatment-her-client_23-2149037149.jpg" },
        { title: "Ambiente Zen", description: "Refúgio urbano para desconectar e recarregar.", imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-spa-interior-meditation-space_23-2151935113.jpg" },
        { title: "Tecnologia de Ponta", description: "Equipamentos modernos para melhores resultados.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg" },
        { title: "Equipe Especialista", description: "Expertise que realça o seu brilho natural.", imageSrc: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199479.jpg" }
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardOne
      animationType="slide-up"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      title="Nossos Serviços Signature"
      description="Explore nossa seleção de tratamentos de beleza."
      products={[
        { id: "1", name: "Brilho Facial", price: "R$ 80", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-face-treatment-her-client_23-2149037149.jpg" },
        { id: "2", name: "Massagem Signature", price: "R$ 120", imageSrc: "http://img.b2bpic.net/free-photo/lounge-lobby-area-library-sales-center_105762-1780.jpg" },
        { id: "3", name: "Hidratação Profunda", price: "R$ 95", imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-spa-interior-meditation-space_23-2151935113.jpg" }
      ]}
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      title="Planos de Tratamento"
      description="Escolha o plano que melhor atende à sua rotina de cuidados."
      animationType="slide-up"
      plans={[
        { id: "p1", badge: "Essential", price: "R$ 199", subtitle: "Para manutenção diária", features: ["Avaliação gratuita", "1 Hidratação facial", "Desconto em produtos"] },
        { id: "p2", badge: "Premium", price: "R$ 399", subtitle: "Tratamento completo", features: ["Todos do Essential", "2 Massagens", "Acesso à sauna", "Consultoria estética"] }
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{ variant: "plain" }}
      tag="Entre em Contato"
      title="Pronta para uma transformação?"
      description="Agende sua consulta hoje mesmo e descubra sua melhor versão. Visite-nos em R. Basílio Fazzi, 290 - Centro, Franco da Rocha - SP."
      buttons={[
        { text: "WhatsApp (11) 4444-6602", href: "https://wa.me/551144446602" },
        { text: "Ver Mapa", href: "https://share.google/9awEMaPsoCHpYd0wU" },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Links Rápidos",          items: [
            { label: "Sobre", href: "#about" },
            { label: "Serviços", href: "#services" },
          ],
        },
        {
          title: "Conecte-se",          items: [
            { label: "Instagram", href: "#" },
            { label: "Facebook", href: "#" },
          ],
        },
      ]}
      logoText="Zanza Pura Beleza"
      copyrightText="© 2025 Zanza Pura Beleza | Todos os direitos reservados"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}