5 Commits

Author SHA1 Message Date
e3aa681385 Update src/app/page.tsx 2026-05-23 21:04:27 +00:00
3bd566c16a Update src/app/page.tsx 2026-05-23 21:03:58 +00:00
66551614f4 Merge version_3 into main
Merge version_3 into main
2026-05-23 21:03:01 +00:00
374a487463 Merge version_3 into main
Merge version_3 into main
2026-05-23 21:02:34 +00:00
10a6b0b890 Merge version_3 into main
Merge version_3 into main
2026-05-23 21:02:06 +00:00

View File

@@ -12,7 +12,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix'; import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Sparkles } from "lucide-react"; import { Sparkles, MapPin, CheckCircle, PawPrint } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -45,13 +45,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardGallery
title="Pet Feliz Campina Grande" title="Pet Feliz: O melhor para seu amigo"
description="Cuidado premium, banho, tosa e muito amor para o seu pet. Agende seu horário pelo nosso WhatsApp agora mesmo." description="Cuidado premium, banho, tosa e muito carinho em Campina Grande. Agende o momento de beleza do seu pet via WhatsApp."
buttons={[{ text: "Chamar no WhatsApp", href: "https://wa.me/5583999999999" }]} buttons={[{ text: "Agendar no WhatsApp", href: "https://wa.me/5583999999999" }]}
mediaItems={[ mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/dog-grooming-salon_23-2149174697.jpg?_wi=1" }, { 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" }, { 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" } { imageSrc: "http://img.b2bpic.net/free-photo/professional-groomer-working-with-dog_23-2149174712.jpg", imageAlt: "Happy Dog" }
]} ]}
background={{ variant: "sparkles-gradient" }} background={{ variant: "sparkles-gradient" }}
/> />
@@ -59,100 +59,101 @@ export default function LandingPage() {
<div id="servicos" data-section="servicos"> <div id="servicos" data-section="servicos">
<MediaAbout <MediaAbout
tag="Nossa Missão" tag="Nossos Serviços"
tagIcon={Sparkles} tagIcon={PawPrint}
title="Amor e Dedicação ao Seu Pet" title="Cuidado e Dedicação Completa"
description="Na Pet Feliz, entendemos que seu animal é parte da família. Oferecemos um ambiente seguro, higiênico e acolhedor em Campina Grande." 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" imageSrc="http://img.b2bpic.net/free-photo/dog-groomer-care_23-2149174720.jpg"
buttons={[{ text: "Ver nossos serviços", href: "#servicos-catalog" }]}
useInvertedBackground={false} useInvertedBackground={false}
buttons={[{ text: "Saiba mais", href: "https://wa.me/5583999999999" }]}
/> />
</div> </div>
<div id="diferenciais" data-section="diferenciais"> <div id="diferenciais" data-section="diferenciais">
<FeatureCardTwentySeven <FeatureCardTwentySeven
animationType="slide-up" animationType="slide-up"
title="Por que a Pet Feliz?" title="Diferenciais da Pet Feliz"
description="O cuidado que seu pet merece com o conforto que você procura." description="Por que escolher o nosso espaço em Campina Grande?"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false}
features={[ features={[
{ 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: "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: "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: "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 Central", descriptions: ["Estamos no coração de Campina Grande."], imageSrc: "http://img.b2bpic.net/free-photo/dog-on-grooming-table_23-2149174699.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>
<div id="servicos-catalog" data-section="servicos-catalog"> <div id="servicos-catalog" data-section="servicos-catalog">
<ProductCardTwo <ProductCardTwo
title="Nossos Serviços" title="Planos e Preços"
description="Planos e cuidados especiais para o bem-estar do seu pet." description="Qualidade e carinho em cada etapa do cuidado."
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ 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: "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: "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: "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$ XX", rating: 4, reviewCount: "120+ avaliações", imageSrc: "http://img.b2bpic.net/free-photo/dog-grooming-salon_23-2149174697.jpg?_wi=2" } { 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>
<div id="depoimentos" data-section="depoimentos"> <div id="depoimentos" data-section="depoimentos">
<TestimonialCardSix <TestimonialCardSix
title="O que nossos clientes dizem" title="Histórias Felizes"
description="A confiança de centenas de famílias de Campina Grande." description="Quem confia na gente recomenda!"
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ id: "t1", name: "Maria Oliveira", handle: "@mariapet", testimonial: "Serviço incrível e muito amor com meu cachorro!" }, { 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: "Atendimento nota 10, super recomendo a Pet Feliz." } { id: "t2", name: "João Silva", handle: "@joaodogs", testimonial: "Equipe atenciosa, meu cachorro se sente em casa na Pet Feliz.", icon: CheckCircle }
]} ]}
/> />
</div> </div>
<div id="metricas" data-section="metricas"> <div id="metricas" data-section="metricas">
<MetricCardFourteen <MetricCardFourteen
title="Nossa Trajetória" title="Nossa Presença"
tag="Excelência" tag="Resultados"
metrics={[
{ 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} 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>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitMedia <FaqSplitMedia
title="Dúvidas Comuns" title="Perguntas Frequentes"
description="Estamos aqui para responder suas perguntas sobre o agendamento." description="Tire suas dúvidas e venha nos conhecer."
faqsAnimation="slide-up" faqsAnimation="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/happy-woman-holding-dog_23-2149174725.jpg" imageSrc="http://img.b2bpic.net/free-photo/happy-woman-holding-dog_23-2149174725.jpg"
faqs={[ faqs={[
{ id: "f1", title: "Como agendar?", content: "Você pode agendar rapidamente via nosso botão de WhatsApp no topo." }, { id: "f1", title: "Como agendar?", content: "Clique no botão do WhatsApp e fale diretamente conosco." },
{ id: "f2", title: "Quais formas de pagamento?", content: "Aceitamos cartões, PIX e dinheiro." } { 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>
<div id="contato" data-section="contato"> <div id="contato" data-section="contato">
<ContactSplitForm <ContactSplitForm
title="Agende agora pelo WhatsApp" title="Pronto para agendar?"
description="Estamos prontos para atender você e seu pet. Mande uma mensagem!" description="Estamos esperando por você em Campina Grande!"
inputs={[
{ name: "nome", type: "text", placeholder: "Seu nome" },
{ name: "pet", type: "text", placeholder: "Nome do Pet" }
]}
useInvertedBackground={false} 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" imageSrc="http://img.b2bpic.net/free-photo/man-playing-with-dog_23-2149174730.jpg"
buttonText="Agendar via WhatsApp" buttonText="Enviar via WhatsApp"
/> />
</div> </div>
@@ -160,10 +161,10 @@ export default function LandingPage() {
<FooterBaseCard <FooterBaseCard
logoText="Pet Feliz" logoText="Pet Feliz"
columns={[ columns={[
{ title: "Institucional", items: [{ label: "Início", href: "#" }, { label: "Serviços", href: "#servicos" }] }, { title: "Links", items: [{ label: "Início", href: "#hero" }, { label: "Serviços", href: "#servicos" }] },
{ title: "Contato", items: [{ label: "WhatsApp", href: "https://wa.me/5583999999999" }] } { title: "Contato", items: [{ label: "WhatsApp", href: "https://wa.me/5583999999999" }] }
]} ]}
copyrightText="© 2025 Pet Feliz - Campina Grande" copyrightText="© 2025 Pet Feliz"
/> />
</div> </div>
</ReactLenis> </ReactLenis>