From ea69ae68102dd335422286a8b9fbd4cacf3afca1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 23 May 2026 21:01:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 129 ++++++++++++++++++++++++-----------------------
 1 file changed, 67 insertions(+), 62 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 77ae8bf..429864e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,15 +3,15 @@
 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 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 ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import { Sparkles } from "lucide-react";
 
 export default function LandingPage() {
@@ -39,128 +39,133 @@ export default function LandingPage() {
         { name: "Contato", id: "contato" }
       ]}
       brandName="Pet Feliz"
-      button={{ text: "Agendar via WhatsApp", href: "https://wa.me/5583999999999" }}
+      button={{ text: "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" }]}
+      <HeroBillboardGallery
+      title="Pet Feliz Campina Grande"
+      description="Cuidado premium, banho, tosa e muito amor para o seu pet. Agende seu horário pelo nosso WhatsApp agora mesmo."
+      buttons={[{ text: "Chamar no WhatsApp", href: "https://wa.me/5583999999999" }]}
+      mediaItems={[
+          { imageSrc: "http://img.b2bpic.net/free-photo/dog-grooming-salon_23-2149174697.jpg" },
+          { imageSrc: "http://img.b2bpic.net/free-photo/groomer-trimming-dog-hair_23-2149174706.jpg" },
+          { imageSrc: "http://img.b2bpic.net/free-photo/professional-groomer-working-with-dog_23-2149174712.jpg" }
+      ]}
       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
+      <MediaAbout
       tag="Nossa Missão"
-      icon={Sparkles}
+      tagIcon={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"
+      description="Na Pet Feliz, entendemos que seu animal é parte da família. Oferecemos um ambiente seguro, higiênico e acolhedor em Campina Grande."
+      imageSrc="http://img.b2bpic.net/free-photo/dog-groomer-care_23-2149174720.jpg"
       useInvertedBackground={false}
+      buttons={[{ text: "Saiba mais", href: "https://wa.me/5583999999999" }]}
     />
   </div>
 
   <div id="diferenciais" data-section="diferenciais">
-      <FeatureCardMedia
+      <FeatureCardTwentySeven
       animationType="slide-up"
       title="Por que a Pet Feliz?"
-      description="O cuidado que seu pet merece, perto de você."
-      textboxLayout="default"
+      description="O cuidado que seu pet merece com o conforto que você procura."
+      textboxLayout="split"
       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" }
+        { id: "1", title: "Ambiente sem Estresse", descriptions: ["Espaços planejados para o conforto do seu animal."], imageSrc: "http://img.b2bpic.net/free-photo/dog-getting-grooming-service_23-2149174688.jpg" },
+        { id: "2", title: "Equipe Especializada", descriptions: ["Profissionais experientes em diversas raças."], imageSrc: "http://img.b2bpic.net/free-photo/groomer-woman-working-with-dog_23-2149174718.jpg" },
+        { id: "3", title: "Localização Central", descriptions: ["Estamos no coração de Campina Grande."], imageSrc: "http://img.b2bpic.net/free-photo/dog-on-grooming-table_23-2149174699.jpg" }
       ]}
     />
   </div>
 
   <div id="servicos-catalog" data-section="servicos-catalog">
-      <ProductCardFour
+      <ProductCardTwo
+      title="Nossos Serviços"
+      description="Planos e cuidados especiais para o bem-estar do seu pet."
       gridVariant="three-columns-all-equal-width"
       animationType="slide-up"
-      title="Nossos Serviços"
-      description="Conheça nossos planos e serviços especiais."
-      textboxLayout="default"
+      textboxLayout="split"
       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" }
+          { id: "p1", brand: "Essencial", name: "Banho & Tosa", price: "R$ XX", rating: 5, reviewCount: "150+ avaliações", imageSrc: "http://img.b2bpic.net/free-photo/dog-bath-time_23-2149174715.jpg" },
+          { id: "p2", brand: "Premium", name: "Hidratação", price: "R$ XX", 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$ XX", rating: 4, reviewCount: "120+ avaliações", imageSrc: "http://img.b2bpic.net/free-photo/dog-grooming-salon_23-2149174697.jpg" }
       ]}
     />
   </div>
 
   <div id="depoimentos" data-section="depoimentos">
-      <TestimonialCardThirteen
+      <TestimonialCardSix
+      title="O que nossos clientes dizem"
+      description="A confiança de centenas de famílias de Campina Grande."
       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" }
+          { id: "t1", name: "Maria Oliveira", handle: "@mariapet", testimonial: "Serviço incrível e muito amor com meu cachorro!" },
+          { id: "t2", name: "João Silva", handle: "@joaodogs", testimonial: "Atendimento nota 10, super recomendo a Pet Feliz." }
       ]}
     />
   </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}
+      <MetricCardFourteen
+      title="Nossa Trajetória"
+      tag="Excelência"
       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" }
+          { id: "m1", value: "1.500+", description: "Pets atendidos com carinho" },
+          { id: "m2", value: "5.0", description: "Avaliação média de satisfação" },
+          { id: "m3", value: "10+", description: "Anos de dedicação" }
       ]}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
-      sideTitle="Dúvidas Comuns"
+      <FaqSplitMedia
+      title="Dúvidas Comuns"
+      description="Estamos aqui para responder suas perguntas sobre o agendamento."
       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: "Pelo nosso WhatsApp, direto com nossos consultores." },
-        { id: "f2", title: "Aceitam cartão?", content: "Sim, aceitamos todas as bandeiras." }
+          { id: "f1", title: "Como agendar?", content: "Você pode agendar rapidamente via nosso botão de WhatsApp no topo." },
+          { id: "f2", title: "Quais formas de pagamento?", content: "Aceitamos cartões, PIX e dinheiro." }
       ]}
     />
   </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}
+      title="Agende agora pelo WhatsApp"
+      description="Estamos prontos para atender você e seu pet. Mande uma mensagem!"
       inputs={[
-        { name: "nome", type: "text", placeholder: "Seu nome" },
-        { name: "pet", type: "text", placeholder: "Nome do seu Pet" }
+          { name: "nome", type: "text", placeholder: "Seu nome" },
+          { name: "pet", type: "text", placeholder: "Nome do Pet" }
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/groomer-woman-working-with-dog_23-2149174718.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/man-playing-with-dog_23-2149174730.jpg"
+      buttonText="Agendar via WhatsApp"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBaseCard
+      logoText="Pet Feliz"
       columns={[
-        { title: "Links", items: [{ label: "Início", href: "#" }, { label: "Contato", href: "#contato" }] },
-        { title: "Contato", items: [{ label: "WhatsApp", href: "#" }] }
+          { title: "Institucional", items: [{ label: "Início", href: "#" }, { label: "Serviços", href: "#servicos" }] },
+          { title: "Contato", items: [{ label: "WhatsApp", href: "https://wa.me/5583999999999" }] }
       ]}
-      bottomLeftText="© 2024 Pet Feliz"
-      bottomRightText="Todos os direitos reservados"
+      copyrightText="© 2025 Pet Feliz - Campina Grande"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file