Update src/app/page.tsx
This commit is contained in:
324
src/app/page.tsx
324
src/app/page.tsx
@@ -2,13 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Clock, Heart, Percent } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -26,214 +26,124 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Primeira Consulta",
|
||||
id: "/consulta",
|
||||
},
|
||||
{
|
||||
name: "Sobre Nós",
|
||||
id: "/sobre",
|
||||
},
|
||||
]}
|
||||
brandName="VetFamília"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Consulta", id: "/consulta" },
|
||||
{ name: "Sobre", id: "/sobre" }
|
||||
]}
|
||||
brandName="VetFamília"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="A veterinária de família do seu animal"
|
||||
description="Atendimento rápido, humano e acessível. A saúde do seu pet em boas mãos, aqui mesmo no seu bairro."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-owner-holding-cute-dog_23-2149143856.jpg",
|
||||
alt: "Cliente 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-veterinarian-using-syringe-put-vaccine-medicine-white-persian-cat-while-her-little-girl-owner-stands-exam-table-vet-clinic_662251-2382.jpg",
|
||||
alt: "Cliente 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-female-vet-smiling-petting-beautiful-beagle-dog-exam-table-professional-veterinarian-man-holding-pet-while-examining-healthy-pet-clinic_662251-2251.jpg",
|
||||
alt: "Cliente 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-doctor-checking-dog_23-2149271806.jpg",
|
||||
alt: "Cliente 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-doctor-checking-smiley-dog_23-2149304326.jpg",
|
||||
alt: "Cliente 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Mais de 1000 famílias atendidas"
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar via WhatsApp",
|
||||
href: "https://wa.me/message",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Consultas",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Vacinação",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exames",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bem-estar",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Emergências",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "plain" }}
|
||||
title="A veterinária de família do seu animal"
|
||||
description="Atendimento rápido, humano e acessível. A saúde do seu pet em boas mãos, aqui mesmo no seu bairro."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-owner-holding-cute-dog_23-2149143856.jpg", alt: "Cliente 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-veterinarian-using-syringe-put-vaccine-medicine-white-persian-cat-while-her-little-girl-owner-stands-exam-table-vet-clinic_662251-2382.jpg", alt: "Cliente 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-female-vet-smiling-petting-beautiful-beagle-dog-exam-table-professional-veterinarian-man-holding-pet-while-examining-healthy-pet-clinic_662251-2251.jpg", alt: "Cliente 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-doctor-checking-dog_23-2149271806.jpg", alt: "Cliente 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-doctor-checking-smiley-dog_23-2149304326.jpg", alt: "Cliente 5" }
|
||||
]}
|
||||
avatarText="Mais de 1000 famílias atendidas"
|
||||
buttons={[{ text: "Agendar via WhatsApp", href: "https://wa.me/message" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Consultas" },
|
||||
{ type: "text", text: "Vacinação" },
|
||||
{ type: "text", text: "Exames" },
|
||||
{ type: "text", text: "Bem-estar" },
|
||||
{ type: "text", text: "Emergências" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Consultas Rápidas",
|
||||
description: "Resposta em minutos via WhatsApp.",
|
||||
icon: Clock,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-hugging-dog_23-2149304336.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-dog-consultation_23-2149314337.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-talking-about-cat_23-2149304299.jpg",
|
||||
imageAlt: "veterinary consultation pet wellness check",
|
||||
},
|
||||
{
|
||||
title: "Preços Acessíveis",
|
||||
description: "Qualidade médica justa para todos.",
|
||||
icon: Percent,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-checking-cute-dog_23-2149271862.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-girl-waiting-vet-s-with-their-doberman-dog_329181-10375.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-owner-holding-cute-dog_23-2149143856.jpg",
|
||||
imageAlt: "veterinary consultation pet wellness check",
|
||||
},
|
||||
{
|
||||
title: "Atendimento Humanizado",
|
||||
description: "Tratamos como se fosse da família.",
|
||||
icon: Heart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazed-doctor-staring-camera-male-veterinarian-pointing-finger-cute-black-pug-dog-examinati_1258-180877.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-vet-checking-up-cute-dog_23-2149271822.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-veterinarian-using-syringe-put-vaccine-medicine-white-persian-cat-while-her-little-girl-owner-stands-exam-table-vet-clinic_662251-2382.jpg",
|
||||
imageAlt: "veterinary consultation pet wellness check",
|
||||
},
|
||||
]}
|
||||
title="Por que nos escolher?"
|
||||
description="Tudo o que seu pet precisa em um só lugar."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Por que nos escolher?"
|
||||
description="Tudo o que seu pet precisa em um só lugar."
|
||||
features={[
|
||||
{
|
||||
title: "Consultas Rápidas", description: "Resposta em minutos via WhatsApp.", icon: Clock,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-hugging-dog_23-2149304336.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cute-dog-consultation_23-2149314337.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Preços Acessíveis", description: "Qualidade médica justa para todos.", icon: Percent,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-checking-cute-dog_23-2149271862.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-girl-waiting-vet-s-with-their-doberman-dog_329181-10375.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Atendimento Humanizado", description: "Tratamos como se fosse da família.", icon: Heart,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/amazed-doctor-staring-camera-male-veterinarian-pointing-finger-cute-black-pug-dog-examinati_1258-180877.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-vet-checking-up-cute-dog_23-2149271822.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="A melhor veterinária da região. Preço justo e muito carinho com o meu cão."
|
||||
rating={5}
|
||||
author="Ana Silva"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-old-couple-with-cute-dog_23-2149614017.jpg",
|
||||
alt: "Ana",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cute-puppy_23-2149304303.jpg",
|
||||
alt: "Cliente 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-dog-consultation_23-2149314382.jpg",
|
||||
alt: "Cliente 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-women-playing-with-dog_23-2148977509.jpg",
|
||||
alt: "Cliente 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-with-cute-dog_23-2149304309.jpg",
|
||||
alt: "Cliente 4",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="A melhor veterinária da região. Preço justo e muito carinho com o meu cão."
|
||||
rating={5}
|
||||
author="Ana Silva"
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-old-couple-with-cute-dog_23-2149614017.jpg", alt: "Ana" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cute-puppy_23-2149304303.jpg", alt: "Cliente 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-dog-consultation_23-2149314382.jpg", alt: "Cliente 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-women-playing-with-dog_23-2148977509.jpg", alt: "Cliente 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-people-with-cute-dog_23-2149304309.jpg", alt: "Cliente 4" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Qual o valor da consulta?",
|
||||
content: "Oferecemos consultas a partir de 40€ com atendimento especializado.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Como agendar?",
|
||||
content: "Via WhatsApp, disponível 24h para emergências.",
|
||||
},
|
||||
]}
|
||||
title="Perguntas Frequentes"
|
||||
description="Tire suas dúvidas sobre nossos serviços."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Perguntas Frequentes"
|
||||
description="Tire suas dúvidas sobre nossos serviços."
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Qual o valor da consulta?", content: "Oferecemos consultas a partir de 40€ com atendimento especializado." },
|
||||
{ id: "f2", title: "Como agendar?", content: "Via WhatsApp, disponível 24h para emergências." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Dicas de Saúde Pet"
|
||||
description="Artigos recentes sobre bem-estar animal."
|
||||
blogs={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="VetFamília"
|
||||
copyrightText="© 2025 VetFamília. Todos os direitos reservados."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="VetFamília"
|
||||
copyrightText="© 2025 VetFamília. Todos os direitos reservados."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user