Compare commits
13 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 182d8419a0 | |||
| e3aa681385 | |||
| 5de5b18c33 | |||
| 3bd566c16a | |||
| 66551614f4 | |||
| 60d2dad704 | |||
| 374a487463 | |||
| 80dca5ecfe | |||
| 10a6b0b890 | |||
| ea69ae6810 | |||
| 1b7946569c | |||
| 1b318f6cbb | |||
| 372f59cf11 |
137
src/app/page.tsx
137
src/app/page.tsx
@@ -3,16 +3,16 @@
|
||||
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 { Sparkles } from "lucide-react";
|
||||
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 (
|
||||
@@ -39,128 +39,135 @@ 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: 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" }}
|
||||
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"
|
||||
<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">
|
||||
<FeatureCardMedia
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
title="Por que a Pet Feliz?"
|
||||
description="O cuidado que seu pet merece, perto de você."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Diferenciais da Pet Feliz"
|
||||
description="Por que escolher o nosso espaço em Campina Grande?"
|
||||
textboxLayout="split"
|
||||
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: "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">
|
||||
<ProductCardFour
|
||||
<ProductCardTwo
|
||||
title="Planos e Preços"
|
||||
description="Qualidade e carinho em cada etapa do cuidado."
|
||||
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$ 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">
|
||||
<TestimonialCardThirteen
|
||||
<TestimonialCardSix
|
||||
title="Histórias Felizes"
|
||||
description="Quem confia na gente recomenda!"
|
||||
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: "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">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
title="Números que comprovam"
|
||||
description="Resultados sólidos de dedicação."
|
||||
textboxLayout="default"
|
||||
<MetricCardFourteen
|
||||
title="Nossa Presença"
|
||||
tag="Resultados"
|
||||
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" }
|
||||
{ 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">
|
||||
<FaqSplitText
|
||||
sideTitle="Dúvidas Comuns"
|
||||
<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: "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: "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="Agende agora"
|
||||
description="Mande uma mensagem e garanta o horário do seu pet!"
|
||||
title="Pronto para agendar?"
|
||||
description="Estamos esperando por você em Campina Grande!"
|
||||
useInvertedBackground={false}
|
||||
inputs={[
|
||||
{ name: "nome", type: "text", placeholder: "Seu nome" },
|
||||
{ name: "pet", type: "text", placeholder: "Nome do seu Pet" }
|
||||
{ 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/groomer-woman-working-with-dog_23-2149174718.jpg"
|
||||
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">
|
||||
<FooterSimple
|
||||
<FooterBaseCard
|
||||
logoText="Pet Feliz"
|
||||
columns={[
|
||||
{ title: "Links", items: [{ label: "Início", href: "#" }, { label: "Contato", href: "#contato" }] },
|
||||
{ title: "Contato", items: [{ label: "WhatsApp", href: "#" }] }
|
||||
{ title: "Links", items: [{ label: "Início", href: "#hero" }, { 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"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user