172 lines
7.6 KiB
TypeScript
172 lines
7.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/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 } 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: "WhatsApp", href: "https://wa.me/5583999999999" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<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" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="servicos" data-section="servicos">
|
|
<MediaAbout
|
|
tag="Nossa Missão"
|
|
tagIcon={Sparkles}
|
|
title="Amor e Dedicação ao Seu Pet"
|
|
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">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
title="Por que a Pet Feliz?"
|
|
description="O cuidado que seu pet merece com o conforto que você procura."
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
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: "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">
|
|
<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"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
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: "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">
|
|
<TestimonialCardSix
|
|
title="O que nossos clientes dizem"
|
|
description="A confiança de centenas de famílias de Campina Grande."
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ 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">
|
|
<MetricCardFourteen
|
|
title="Nossa Trajetória"
|
|
tag="Excelência"
|
|
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}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<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: "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 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 Pet" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
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">
|
|
<FooterBaseCard
|
|
logoText="Pet Feliz"
|
|
columns={[
|
|
{ title: "Institucional", items: [{ label: "Início", href: "#" }, { label: "Serviços", href: "#servicos" }] },
|
|
{ title: "Contato", items: [{ label: "WhatsApp", href: "https://wa.me/5583999999999" }] }
|
|
]}
|
|
copyrightText="© 2025 Pet Feliz - Campina Grande"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |