17 Commits

Author SHA1 Message Date
182d8419a0 Merge version_4 into main
Merge version_4 into main
2026-05-23 21:04:33 +00:00
e3aa681385 Update src/app/page.tsx 2026-05-23 21:04:27 +00:00
5de5b18c33 Merge version_4 into main
Merge version_4 into main
2026-05-23 21:04:01 +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
60d2dad704 Update src/app/page.tsx 2026-05-23 21:02:55 +00:00
374a487463 Merge version_3 into main
Merge version_3 into main
2026-05-23 21:02:34 +00:00
80dca5ecfe Update src/app/page.tsx 2026-05-23 21:02:31 +00:00
10a6b0b890 Merge version_3 into main
Merge version_3 into main
2026-05-23 21:02:06 +00:00
ea69ae6810 Update src/app/page.tsx 2026-05-23 21:01:59 +00:00
1b7946569c Merge version_2 into main
Merge version_2 into main
2026-05-23 20:51:46 +00:00
ea33831d92 Update src/app/page.tsx 2026-05-23 20:51:43 +00:00
1b318f6cbb Merge version_2 into main
Merge version_2 into main
2026-05-23 20:51:23 +00:00
1c29ea320b Update src/app/page.tsx 2026-05-23 20:51:17 +00:00
372f59cf11 Merge version_2 into main
Merge version_2 into main
2026-05-23 20:50:51 +00:00
e5fc0bf0b0 Update src/app/page.tsx 2026-05-23 20:50:48 +00:00
5d1050c22d Merge version_1 into main
Merge version_1 into main
2026-05-23 14:42:15 +00:00

View File

@@ -2,17 +2,17 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Star, Users } from "lucide-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 (
@@ -30,367 +30,144 @@ export default function LandingPage() {
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
<NavbarStyleFullscreen
navItems={[
{
name: "Início",
id: "hero",
},
{
name: "Serviços",
id: "servicos",
},
{
name: "Diferenciais",
id: "diferenciais",
},
{
name: "Depoimentos",
id: "depoimentos",
},
{
name: "Contato",
id: "contato",
},
{ name: "Início", id: "hero" },
{ name: "Serviços", id: "servicos" },
{ name: "Diferenciais", id: "diferenciais" },
{ name: "Depoimentos", id: "depoimentos" },
{ name: "Contato", id: "contato" }
]}
button={{
text: "Agendar via WhatsApp",
href: "https://wa.me/5583988767413",
}}
brandName="Kathyenne Morais"
brandName="Pet Feliz"
button={{ text: "WhatsApp", href: "https://wa.me/5583999999999" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
title="Realce sua beleza natural com segurança e excelência."
description="Na Kathyenne Morais Estética Avançada, unimos tecnologia de ponta e cuidado personalizado para transformar sua autoestima em Campina Grande/PB."
buttons={[
{
text: "Agendar Consulta via WhatsApp",
href: "https://wa.me/5583988767413",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16780.jpg?_wi=1"
imageAlt="Clínica de Estética em Campina Grande"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16786.jpg",
alt: "Cliente feliz 1",
},
{
src: "http://img.b2bpic.net/free-photo/beautician-spa-beauty-salon-applies-cream-client-s-face-girl-lies-cosmetology-table_343596-4278.jpg",
alt: "Cliente feliz 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-getting-face-skin-treatment-spa_23-2148825379.jpg",
alt: "Cliente feliz 3",
},
{
src: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16756.jpg",
alt: "Cliente feliz 4",
},
{
src: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16783.jpg",
alt: "Cliente feliz 5",
},
]}
avatarText="Mais de 1000 transformações realizadas"
marqueeItems={[
{
type: "text",
text: "Bioestimuladores",
},
{
type: "text",
text: "Preenchimento Labial",
},
{
type: "text",
text: "Toxina Botulínica",
},
{
type: "text",
text: "Peeling Profundo",
},
{
type: "text",
text: "Harmonização Facial",
},
<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">
<InlineImageSplitTextAbout
<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}
heading={[
{
type: "text",
content: "Sobre a Kathyenne Morais",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/side-view-asian-doctor-with-lab-coat_23-2149870311.jpg",
alt: "Clínica de Estética",
},
{
type: "text",
content: "Nossa missão é oferecer tratamentos de alta performance, focados na harmonia facial e corporal. Atendemos no coração de Campina Grande com a qualidade que você merece.",
},
]}
/>
</div>
<div id="diferenciais" data-section="diferenciais">
<FeatureCardSeven
<FeatureCardTwentySeven
animationType="slide-up"
title="Diferenciais da Pet Feliz"
description="Por que escolher o nosso espaço em Campina Grande?"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Tecnologia de Ponta",
description: "Tratamentos modernos com segurança máxima.",
imageSrc: "http://img.b2bpic.net/free-photo/male-patient-receiving-massage-from-doctor_107420-65172.jpg?_wi=1",
},
{
title: "Atendimento Humanizado",
description: "Cuidado personalizado para cada necessidade.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-going-through-microblading-treatment_23-2149102659.jpg?_wi=1",
},
{
title: "Localização Privilegiada",
description: "No bairro Estação Velha, fácil acesso.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-doctor-cosmetology-studio_1157-33838.jpg?_wi=1",
},
{ 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" }
]}
title="Por que nos escolher?"
description="Compromisso com resultados reais, ética e excelência clínica."
useInvertedBackground={false}
/>
</div>
<div id="servicos-catalog" data-section="servicos-catalog">
<ProductCardThree
<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"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Preenchimento Facial",
price: "Consulte",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage-using-oil_343596-4184.jpg",
},
{
id: "p2",
name: "Aplicação de Toxina",
price: "Consulte",
imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-procedures_1157-34029.jpg",
},
{
id: "p3",
name: "Bioestimuladores",
price: "Consulte",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-lip-filler-procedure_23-2149315536.jpg",
},
{
id: "p4",
name: "Peeling Químico",
price: "Consulte",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-face-treatment-her-client_23-2149037158.jpg",
},
{
id: "p5",
name: "Limpeza de Pele Profunda",
price: "Consulte",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-botox-injection-female-forehead_651396-832.jpg",
},
{
id: "p6",
name: "Harmonização Corporal",
price: "Consulte",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-lip-filler-procedure_23-2149315552.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: "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" }
]}
title="Nossos Principais Procedimentos"
description="Soluções completas para sua saúde e beleza."
/>
</div>
<div id="depoimentos" data-section="depoimentos">
<TestimonialCardFive
textboxLayout="default"
<TestimonialCardSix
title="Histórias Felizes"
description="Quem confia na gente recomenda!"
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Ana Silva",
date: "15/09/2023",
title: "Excelente atendimento!",
quote: "Melhor clínica de Campina Grande. Profissionais muito atenciosas.",
tag: "Nota 5/5",
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-lash-curler_23-2149453530.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16780.jpg?_wi=2",
imageAlt: "happy woman smile after facial treatment",
},
{
id: "t2",
name: "Mariana Souza",
date: "10/10/2023",
title: "Resultados incríveis",
quote: "Fiz a harmonização e amei o resultado. Muito natural.",
tag: "Nota 5/5",
avatarSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-asian-doctor-with-lab-coat_23-2149870311.jpg",
imageAlt: "happy woman smile after facial treatment",
},
{
id: "t3",
name: "Camila Dias",
date: "22/11/2023",
title: "Confiança total",
quote: "Clínica muito limpa e organizada. Indico muito!",
tag: "Nota 5/5",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-applying-cream_23-2148389885.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/male-patient-receiving-massage-from-doctor_107420-65172.jpg?_wi=2",
imageAlt: "happy woman smile after facial treatment",
},
{
id: "t4",
name: "Fernanda Lima",
date: "05/12/2023",
title: "Atendimento nota 10",
quote: "A Kathyenne é uma profissional exemplar.",
tag: "Nota 5/5",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-makeup-with-thick-eyebrows_23-2150512475.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-going-through-microblading-treatment_23-2149102659.jpg?_wi=2",
imageAlt: "happy woman smile after facial treatment",
},
{
id: "t5",
name: "Juliana Reis",
date: "12/01/2024",
title: "Recomendo muito",
quote: "Atendimento humanizado e resultados fantásticos.",
tag: "Nota 5/5",
avatarSrc: "http://img.b2bpic.net/free-photo/lovely-mixed-race-women-pout-lips-stretch-hands-as-going-embrace-someone-express-their-good-feeling-pose-together-against-white-wall-interracial-female-friends-indoor_273609-16476.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-doctor-cosmetology-studio_1157-33838.jpg?_wi=2",
imageAlt: "happy woman smile after facial treatment",
},
{ 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 }
]}
title="Resultados Comprovados"
description="O que nossas clientes dizem sobre a experiência na Kathyenne Morais."
/>
</div>
<div id="metricas" data-section="metricas">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
<MetricCardFourteen
title="Nossa Presença"
tag="Resultados"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Star,
title: "Nota Google",
value: "5.0",
},
{
id: "m2",
icon: Users,
title: "Avaliações Reais",
value: "24+",
},
{
id: "m3",
icon: Award,
title: "Anos de Confiança",
value: "Referência",
},
{ 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" }
]}
title="Nossos Números"
description="Confiança que gera resultados."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Como agendar?",
content: "Pelo nosso WhatsApp oficial (83) 98876-7413.",
},
{
id: "f2",
title: "Onde fica?",
content: "R. Paulo de Frontin, 55 - Estação Velha, Campina Grande.",
},
{
id: "f3",
title: "Aceitam cartões?",
content: "Sim, facilitamos o pagamento em diversas condições.",
},
]}
<FaqSplitMedia
title="Perguntas Frequentes"
description="Tire suas dúvidas antes de agendar."
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">
<ContactCenter
<ContactSplitForm
title="Pronto para agendar?"
description="Estamos esperando por você em Campina Grande!"
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Entre em Contato"
title="Pronta para transformar sua autoestima?"
description="Fale com nossa equipe agora mesmo e agende sua consulta."
buttonText="Falar no WhatsApp"
onSubmit={(e) => window.open('https://wa.me/5583988767413')}
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">
<FooterLogoEmphasis
<FooterBaseCard
logoText="Pet Feliz"
columns={[
{
items: [
{
label: "Sobre nós",
href: "#servicos",
},
{
label: "Serviços",
href: "#servicos-catalog",
},
],
},
{
items: [
{
label: "WhatsApp",
href: "https://wa.me/5583988767413",
},
{
label: "Localização",
href: "#contato",
},
],
},
{ title: "Links", items: [{ label: "Início", href: "#hero" }, { label: "Serviços", href: "#servicos" }] },
{ title: "Contato", items: [{ label: "WhatsApp", href: "https://wa.me/5583999999999" }] }
]}
logoText="Kathyenne Morais"
copyrightText="© 2025 Pet Feliz"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}