"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 FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Sparkles, MapPin, CheckCircle, PawPrint } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmall"
        background="circleGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "Início", id: "hero" },
        { name: "Serviços", id: "servicos" },
        { name: "Diferenciais", id: "diferenciais" },
        { name: "Depoimentos", id: "depoimentos" },
        { name: "Contato", id: "contato" }
      ]}
      brandName="Pet Feliz"
      button={{ text: "WhatsApp", href: "https://wa.me/5583999999999" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      title="Pet Feliz: O melhor para seu amigo"
      description="Cuidado premium, banho, tosa e muito carinho em Campina Grande. Agende o momento de beleza do seu pet via WhatsApp."
      buttons={[{ text: "Agendar no WhatsApp", href: "https://wa.me/5583999999999" }]}
      mediaItems={[
          { imageSrc: "http://img.b2bpic.net/free-photo/dog-grooming-salon_23-2149174697.jpg?_wi=1", imageAlt: "Pet Grooming" },
          { imageSrc: "http://img.b2bpic.net/free-photo/groomer-trimming-dog-hair_23-2149174706.jpg", imageAlt: "Dog Tosa" },
          { imageSrc: "http://img.b2bpic.net/free-photo/professional-groomer-working-with-dog_23-2149174712.jpg", imageAlt: "Happy Dog" }
      ]}
      background={{ variant: "sparkles-gradient" }}
    />
  </div>

  <div id="servicos" data-section="servicos">
      <MediaAbout
      tag="Nossos Serviços"
      tagIcon={PawPrint}
      title="Cuidado e Dedicação Completa"
      description="Oferecemos serviços especializados: banho terapêutico, tosa personalizada, hidratação profunda e atendimento domiciliar com todo o conforto para o seu pet."
      imageSrc="http://img.b2bpic.net/free-photo/dog-groomer-care_23-2149174720.jpg"
      buttons={[{ text: "Ver nossos serviços", href: "#servicos-catalog" }]}
      useInvertedBackground={false}
    />
  </div>

  <div id="diferenciais" data-section="diferenciais">
      <FeatureCardTwentySeven
      animationType="slide-up"
      title="Diferenciais da Pet Feliz"
      description="Por que escolher o nosso espaço em Campina Grande?"
      textboxLayout="split"
      features={[
        { id: "1", title: "Atendimento Personalizado", descriptions: ["Tratamento individualizado respeitando a personalidade do seu pet."], imageSrc: "http://img.b2bpic.net/free-photo/dog-getting-grooming-service_23-2149174688.jpg" },
        { id: "2", title: "Segurança e Higiene", descriptions: ["Ambiente climatizado e desinfetado seguindo normas rigorosas."], imageSrc: "http://img.b2bpic.net/free-photo/groomer-woman-working-with-dog_23-2149174718.jpg" },
        { id: "3", title: "Localização de Fácil Acesso", descriptions: ["Localizados no centro de Campina Grande com estacionamento."], imageSrc: "http://img.b2bpic.net/free-photo/dog-on-grooming-table_23-2149174699.jpg" }
      ]}
      useInvertedBackground={false}
    />
  </div>

  <div id="servicos-catalog" data-section="servicos-catalog">
      <ProductCardTwo
      title="Planos e Preços"
      description="Qualidade e carinho em cada etapa do cuidado."
      gridVariant="three-columns-all-equal-width"
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      products={[
          { id: "p1", brand: "Essencial", name: "Banho & Tosa", price: "R$ Consultar", rating: 5, reviewCount: "150+ avaliações", imageSrc: "http://img.b2bpic.net/free-photo/dog-bath-time_23-2149174715.jpg" },
          { id: "p2", brand: "Luxo", name: "Hidratação Spa", price: "R$ Consultar", rating: 5, reviewCount: "80+ avaliações", imageSrc: "http://img.b2bpic.net/free-photo/dog-grooming-tools_23-2149174701.jpg" },
          { id: "p3", brand: "Básico", name: "Tosa Higiênica", price: "R$ Consultar", rating: 4, reviewCount: "120+ avaliações", imageSrc: "http://img.b2bpic.net/free-photo/dog-grooming-salon_23-21491697.jpg" }
      ]}
    />
  </div>

  <div id="depoimentos" data-section="depoimentos">
      <TestimonialCardSix
      title="Histórias Felizes"
      description="Quem confia na gente recomenda!"
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
          { id: "t1", name: "Maria Oliveira", handle: "@mariapet", testimonial: "Meu pet sai sempre radiante e super cheiroso. Melhor lugar de Campina Grande!", icon: CheckCircle },
          { id: "t2", name: "João Silva", handle: "@joaodogs", testimonial: "Equipe atenciosa, meu cachorro se sente em casa na Pet Feliz.", icon: CheckCircle }
      ]}
    />
  </div>

  <div id="metricas" data-section="metricas">
      <MetricCardFourteen
      title="Nossa Presença"
      tag="Resultados"
      useInvertedBackground={false}
      metrics={[
          { id: "m1", value: "2.000+", description: "Pets cuidados" },
          { id: "m2", value: "99%", description: "Clientes satisfeitos" },
          { id: "m3", value: "Campina", description: "No coração da cidade" }
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      title="Perguntas Frequentes"
      description="Tire suas dúvidas e venha nos conhecer."
      faqsAnimation="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      imageSrc="http://img.b2bpic.net/free-photo/happy-woman-holding-dog_23-2149174725.jpg"
      faqs={[
          { id: "f1", title: "Como agendar?", content: "Clique no botão do WhatsApp e fale diretamente conosco." },
          { id: "f2", title: "Quanto tempo dura o banho?", content: "Em média 2 horas, dependendo do porte e tipo de pelagem." },
          { id: "f3", title: "Vocês fazem táxi-dog?", content: "Sim, entre em contato e consulte a disponibilidade para o seu bairro." }
      ]}
    />
  </div>

  <div id="contato" data-section="contato">
      <ContactSplitForm
      title="Pronto para agendar?"
      description="Estamos esperando por você em Campina Grande!"
      useInvertedBackground={false}
      inputs={[
          { name: "nome", type: "text", placeholder: "Seu nome", required: true },
          { name: "pet", type: "text", placeholder: "Nome do seu pet", required: true }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-playing-with-dog_23-2149174730.jpg"
      buttonText="Enviar via WhatsApp"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Pet Feliz"
      columns={[
          { title: "Links", items: [{ label: "Início", href: "#hero" }, { label: "Serviços", href: "#servicos" }] },
          { title: "Contato", items: [{ label: "WhatsApp", href: "https://wa.me/5583999999999" }] }
      ]}
      copyrightText="© 2025 Pet Feliz"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}