Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a30edb08ad | |||
| e64bd1f610 | |||
| 2f5e3fdef4 | |||
| 5da6778ddd | |||
| ac4d6257dc | |||
| ba4b3278a6 |
329
src/app/page.tsx
329
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Heart } from "lucide-react";
|
||||
@@ -32,26 +32,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Preços",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Serviços", id: "services" },
|
||||
{ name: "Produtos", id: "products" },
|
||||
{ name: "Preços", id: "pricing" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="ClinVet"
|
||||
/>
|
||||
@@ -59,61 +45,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Cuidado e Dedicação para o seu Pet"
|
||||
description="Na ClinVet, tratamos seu companheiro com o carinho que ele merece. Saúde, prevenção e bem-estar em um só lugar."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-lovely-golden-retriever-handsome-man-cafe-cute-dog-gives-paw-takes-picture_1258-314009.jpg",
|
||||
alt: "Dono 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dark-skinned-lady-keeps-lips-rounded-wants-kiss-adorable-pet-plays-with-small-puppy_273609-34287.jpg",
|
||||
alt: "Dono 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-with-cute-dog_23-2149304309.jpg",
|
||||
alt: "Dono 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-walking-with-dog-autumn-park_1321-4494.jpg",
|
||||
alt: "Dono 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-dog_23-2149047318.jpg",
|
||||
alt: "Cliente satisfeito",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar Consulta",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Atendimento 24h",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Equipe Especializada",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tecnologia de Ponta",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Amor por Pets",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bem-estar Garantido",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-lovely-golden-retriever-handsome-man-cafe-cute-dog-gives-paw-takes-picture_1258-314009.jpg", alt: "Dono 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dark-skinned-lady-keeps-lips-rounded-wants-kiss-adorable-pet-plays-with-small-puppy_273609-34287.jpg", alt: "Dono 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-people-with-cute-dog_23-2149304309.jpg", alt: "Dono 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-walking-with-dog-autumn-park_1321-4494.jpg", alt: "Dono 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-dog_23-2149047318.jpg", alt: "Cliente satisfeito" },
|
||||
]}
|
||||
buttons={[{ text: "Agendar Consulta Agora", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -130,153 +72,45 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
title="Nossos Produtos e Serviços"
|
||||
description="Desde farmácia pet até serviços especializados de estética e saúde."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "r1", name: "Ração Premium", price: "R$ 180", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pet-food-composition-with-copy-space_23-2148943482.jpg" },
|
||||
{ id: "r2", name: "Vermífugo", price: "R$ 45", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-dog-indoors_23-2149267878.jpg" },
|
||||
{ id: "s1", name: "Banho & Tosa", price: "R$ 120", imageSrc: "http://img.b2bpic.net/free-photo/groomer-washing-dog-pet-salon_23-2149100155.jpg" },
|
||||
{ id: "s2", name: "Vacinação Completa", price: "R$ 150", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-holding-cat_23-2149078322.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "24h",
|
||||
title: "Plantão Emergencial",
|
||||
items: [
|
||||
"Atendimento ágil",
|
||||
"Equipe disponível",
|
||||
"Emergências 24h",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Exames",
|
||||
title: "Diagnóstico Preciso",
|
||||
items: [
|
||||
"Raio-X digital",
|
||||
"Ultrassonografia",
|
||||
"Laboratório próprio",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Banho",
|
||||
title: "Bem-Estar Completo",
|
||||
items: [
|
||||
"Estética pet",
|
||||
"Produtos suaves",
|
||||
"Ambiente relaxante",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "24h", title: "Plantão Emergencial", items: ["Atendimento ágil", "Equipe disponível", "Emergências 24h"] },
|
||||
{ id: "f2", label: "Exames", title: "Diagnóstico Preciso", items: ["Raio-X digital", "Ultrassonografia", "Laboratório próprio"] },
|
||||
]}
|
||||
title="Nossos Diferenciais"
|
||||
description="Por que escolher a ClinVet para o cuidado do seu melhor amigo?"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Consulta Geral",
|
||||
price: "R$ 150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-veterinarian-examining-cat-ear-infection-with-otoscope-vet-clinic_613910-21567.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Vacinação Anual",
|
||||
price: "R$ 120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-doctor-holding-cat-with-leg-injury_23-2148302205.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Castração",
|
||||
price: "R$ 450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-veterinarian-taking-care-cat_23-2149100165.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Limpeza de Tártaro",
|
||||
price: "R$ 300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-examining-domestic-cat_329181-10393.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Check-up Sênior",
|
||||
price: "R$ 250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-veterinary-doctor-taking-care-pet_23-2149267855.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Exame de Sangue",
|
||||
price: "R$ 90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-injects-gray-cat-table-woman-doctor_496169-195.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nossos Serviços"
|
||||
description="Confira as opções de cuidados e saúde para o seu pet."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "pl1",
|
||||
badge: "Básico",
|
||||
price: "R$ 50/mês",
|
||||
subtitle: "Para rotina leve",
|
||||
features: [
|
||||
"Consultas ilimitadas",
|
||||
"Vacinas inclusas",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Assinar",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pl2",
|
||||
badge: "Premium",
|
||||
price: "R$ 120/mês",
|
||||
subtitle: "Cobertura completa",
|
||||
features: [
|
||||
"Exames inclusos",
|
||||
"Descontos em cirurgias",
|
||||
"Banho incluso",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Assinar",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pl3",
|
||||
badge: "Sênior",
|
||||
price: "R$ 180/mês",
|
||||
subtitle: "Cuidados avançados",
|
||||
features: [
|
||||
"Monitoramento cardíaco",
|
||||
"Acompanhamento frequente",
|
||||
"Prioridade",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Assinar",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "pl1", badge: "Básico", price: "R$ 50/mês", subtitle: "Para rotina leve", features: ["Consultas ilimitadas", "Vacinas inclusas"], buttons: [{ text: "Assinar", href: "#" }] },
|
||||
{ id: "pl2", badge: "Premium", price: "R$ 120/mês", subtitle: "Cobertura completa", features: ["Exames inclusos", "Descontos em cirurgias", "Banho incluso"], buttons: [{ text: "Assinar", href: "#" }] },
|
||||
]}
|
||||
title="Planos de Saúde"
|
||||
description="Escolha o melhor plano preventivo para o seu companheiro."
|
||||
@@ -289,41 +123,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ana Souza",
|
||||
handle: "@aninha",
|
||||
testimonial: "Atendimento incrível, trataram meu cão com muito amor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-hugging-her-bulldog-beach-sunset-light-summer-vacation-stylish-girl-with-funny-dog-resting-hugging-having-fun-cute-moments_273443-2582.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Carlos Lima",
|
||||
handle: "@carlinhos",
|
||||
testimonial: "Os melhores veterinários da cidade, nota 10!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-curly-female-host-happy-pose-with-two-pedigree-puppies-has-good-mood-smiles-broadly-expresses-love-animals_273609-34425.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Beatriz Mendes",
|
||||
handle: "@bia_mendes",
|
||||
testimonial: "Minha gatinha sempre bem tratada aqui.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-hispanic-veterinarians-smiling-while-examining-beagle-dog-exam-table-happy-vets-with-stethoscopes-working-healthy-pet_662251-2222.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ricardo Alves",
|
||||
handle: "@ricardinho",
|
||||
testimonial: "Equipe muito profissional e atenciosa.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-people-with-dog-home_23-2149613968.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Fernanda Costa",
|
||||
handle: "@nanda_costa",
|
||||
testimonial: "Preço justo e qualidade impecável no atendimento.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-holding-cat_23-2149078322.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Ana Souza", handle: "@aninha", testimonial: "Atendimento incrível, trataram meu cão com muito amor.", imageSrc: "http://img.b2bpic.net/free-photo/woman-hugging-her-bulldog-beach-sunset-light-summer-vacation-stylish-girl-with-funny-dog-resting-hugging-having-fun-cute-moments_273443-2582.jpg" },
|
||||
{ id: "t2", name: "Carlos Lima", handle: "@carlinhos", testimonial: "Os melhores veterinários da cidade, nota 10!", imageSrc: "http://img.b2bpic.net/free-photo/positive-curly-female-host-happy-pose-with-two-pedigree-puppies-has-good-mood-smiles-broadly-expresses-love-animals_273609-34425.jpg" },
|
||||
]}
|
||||
title="O que Dizem sobre Nós"
|
||||
description="Clientes satisfeitos que confiam na ClinVet."
|
||||
@@ -334,21 +135,8 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Atendem 24h?",
|
||||
content: "Sim, temos plantão 24 horas para emergências veterinárias.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Preciso agendar?",
|
||||
content: "Para consultas de rotina recomendamos agendamento prévio.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Aceitam plano de saúde?",
|
||||
content: "Aceitamos os principais planos de saúde pet do mercado.",
|
||||
},
|
||||
{ id: "q1", title: "Atendem 24h?", content: "Sim, temos plantão 24 horas para emergências veterinárias." },
|
||||
{ id: "q2", title: "Preciso agendar?", content: "Para consultas de rotina recomendamos agendamento prévio." },
|
||||
]}
|
||||
sideTitle="Dúvidas Frequentes"
|
||||
sideDescription="Alguma dúvida sobre nossos serviços? Confira as perguntas mais comuns."
|
||||
@@ -359,46 +147,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Pronto para cuidar da saúde do seu pet? Entre em contato agora mesmo e agende uma consulta."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp ClinVet",
|
||||
href: "https://wa.me/550000000000",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "WhatsApp ClinVet", href: "https://wa.me/550000000000" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Início",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Serviços",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Início", href: "#hero" }, { label: "Produtos", href: "#products" }] },
|
||||
{ items: [{ label: "Contato", href: "#contact" }, { label: "Instagram", href: "#" }] },
|
||||
]}
|
||||
logoText="ClinVet"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user