"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Sparkles } 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: "Agendar via WhatsApp", href: "https://wa.me/5583999999999" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      logoText="Pet Feliz Campina Grande"
      description="Cuidado premium para o seu melhor amigo. Oferecemos banho, tosa e tratamentos especializados com todo o amor que eles merecem."
      buttons={[{ text: "Agendar Banho e Tosa", href: "https://wa.me/5583999999999" }]}
      background={{ variant: "sparkles-gradient" }}
      imageSrc="http://img.b2bpic.net/free-photo/dog-grooming-salon_23-2149174697.jpg?_wi=1"
    />
  </div>

  <div id="servicos" data-section="servicos">
      <TestimonialAboutCard
      tag="Nossa Missão"
      icon={Sparkles}
      title="Amor e Dedicação ao Seu Pet"
      description="Na Pet Feliz, entendemos que seu animal de estimação é parte da família. Nossa equipe em Campina Grande é treinada para proporcionar um ambiente tranquilo e higiênico."
      subdescription="Desde 2015 transformando a experiência de cuidado pet com profissionalismo e carinho."
      imageSrc="http://img.b2bpic.net/free-photo/groomer-trimming-dog-hair_23-2149174706.jpg"
      useInvertedBackground={false}
    />
  </div>

  <div id="diferenciais" data-section="diferenciais">
      <FeatureCardMedia
      animationType="slide-up"
      title="Por que a Pet Feliz?"
      description="O cuidado que seu pet merece, perto de você."
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { id: "1", title: "Ambiente sem Estresse", description: "Espaços projetados para o conforto e calma do seu pet.", tag: "Bem-estar", imageSrc: "http://img.b2bpic.net/free-photo/dog-getting-grooming-service_23-2149174688.jpg" },
        { id: "2", title: "Equipe Qualificada", description: "Profissionais experientes em diversas raças e temperamentos.", tag: "Expertise", imageSrc: "http://img.b2bpic.net/free-photo/professional-groomer-working-with-dog_23-2149174712.jpg" },
        { id: "3", title: "Localização Central", description: "Estamos no coração de Campina Grande para facilitar o seu dia.", tag: "Praticidade", imageSrc: "http://img.b2bpic.net/free-photo/dog-on-grooming-table_23-2149174699.jpg" }
      ]}
    />
  </div>

  <div id="servicos-catalog" data-section="servicos-catalog">
      <ProductCardFour
      gridVariant="three-columns-all-equal-width"
      animationType="slide-up"
      title="Nossos Serviços"
      description="Conheça nossos planos e serviços especiais."
      textboxLayout="default"
      useInvertedBackground={true}
      products={[
        { id: "s1", name: "Banho & Tosa Completo", price: "R$ XX", variant: "Essencial", imageSrc: "http://img.b2bpic.net/free-photo/dog-bath-time_23-2149174715.jpg" },
        { id: "s2", name: "Hidratação Profunda", price: "R$ XX", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/dog-groomer-care_23-2149174720.jpg?_wi=1" },
        { id: "s3", name: "Tosa Higiênica", price: "R$ XX", variant: "Básico", imageSrc: "http://img.b2bpic.net/free-photo/dog-grooming-tools_23-2149174701.jpg" }
      ]}
    />
  </div>

  <div id="depoimentos" data-section="depoimentos">
      <TestimonialCardThirteen
      animationType="slide-up"
      showRating={true}
      textboxLayout="split"
      title="O que dizem os clientes"
      description="Relatos de quem confia no nosso trabalho."
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Maria Oliveira", handle: "@maria.pet", testimonial: "Meus cachorros saem sempre lindos e cheirosos!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-dog_23-2149174725.jpg" },
        { id: "t2", name: "João Silva", handle: "@joao.dogs", testimonial: "Serviço impecável e atendimento muito carinhoso.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-playing-with-dog_23-2149174730.jpg" }
      ]}
    />
  </div>

  <div id="metricas" data-section="metricas">
      <MetricCardEleven
      animationType="slide-up"
      title="Números que comprovam"
      description="Resultados sólidos de dedicação."
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "1000+", title: "Pets atendidos", description: "Experiência acumulada.", imageSrc: "http://img.b2bpic.net/free-photo/dog-grooming-salon_23-2149174697.jpg?_wi=2" },
        { id: "m2", value: "5.0", title: "Avaliação média", description: "Clientes satisfeitos.", imageSrc: "http://img.b2bpic.net/free-photo/dog-groomer-care_23-2149174720.jpg?_wi=2" }
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      sideTitle="Dúvidas Comuns"
      faqsAnimation="slide-up"
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "Como agendar?", content: "Pelo nosso WhatsApp, direto com nossos consultores." },
        { id: "f2", title: "Aceitam cartão?", content: "Sim, aceitamos todas as bandeiras." }
      ]}
    />
  </div>

  <div id="contato" data-section="contato">
      <ContactSplitForm
      title="Agende agora"
      description="Mande uma mensagem e garanta o horário do seu pet!"
      useInvertedBackground={false}
      inputs={[
        { name: "nome", type: "text", placeholder: "Seu nome" },
        { name: "pet", type: "text", placeholder: "Nome do seu Pet" }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/groomer-woman-working-with-dog_23-2149174718.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        { title: "Links", items: [{ label: "Início", href: "#" }, { label: "Contato", href: "#contato" }] },
        { title: "Contato", items: [{ label: "WhatsApp", href: "#" }] }
      ]}
      bottomLeftText="© 2024 Pet Feliz"
      bottomRightText="Todos os direitos reservados"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
