Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
432
src/app/page.tsx
432
src/app/page.tsx
@@ -29,304 +29,158 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Dr. Fábio Tosta"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Serviços", id: "features" },
|
||||
{ name: "Depoimentos", id: "testimonials" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Dr. Fábio Tosta"
|
||||
button={{ text: "Agendar", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Dr. Fábio Tosta: Sorrisos com Excelência"
|
||||
description="Atendimento odontológico humanizado e de alta qualidade em Araci-BA. Sua saúde bucal em boas mãos."
|
||||
tag="Referência em Odontologia"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-spacious-office-dentist_8353-9976.jpg?_wi=1",
|
||||
imageAlt: "Dr. Fábio Tosta atendendo",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-nurse-hospital_23-2150796684.jpg",
|
||||
imageAlt: "Clínica Dr. Fábio Tosta",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg",
|
||||
imageAlt: "Cadeira odontológica com raio-x moderno",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-stomatology-orthodontist-bright-office-room-with-nobody-it_482257-15349.jpg",
|
||||
imageAlt: "Consultório odontológico brilhante e moderno",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-dentist-standing-with-arms-crossed_107420-73977.jpg",
|
||||
imageAlt: "Dentista confiante aguardando pacientes",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Avaliado com 5 estrelas por nossos pacientes"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Dr. Fábio Tosta: Sorrisos com Excelência"
|
||||
description="Atendimento odontológico humanizado e de alta qualidade em Araci-BA. Sua saúde bucal em boas mãos."
|
||||
tag="Referência em Odontologia"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-spacious-office-dentist_8353-9976.jpg", imageAlt: "Dr. Fábio Tosta atendendo" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-nurse-hospital_23-2150796684.jpg", imageAlt: "Clínica Dr. Fábio Tosta" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Avaliado com 5 estrelas por nossos pacientes"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Compromisso com sua Saúde e Conforto"
|
||||
description="No consultório do Dr. Fábio Tosta, priorizamos o acolhimento e a excelência técnica. Nosso ambiente foi pensado para que você se sinta à vontade, garantindo tratamentos de qualidade com humanização."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dentist-showing-set-model-teeth-patient_107420-73947.jpg?_wi=1"
|
||||
imageAlt="Ambiente do consultório odontológico"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Compromisso com sua Saúde e Conforto"
|
||||
description="No consultório do Dr. Fábio Tosta, priorizamos o acolhimento e a excelência técnica. Nosso ambiente foi pensado para que você se sinta à vontade, garantindo tratamentos de qualidade com humanização."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dentist-showing-set-model-teeth-patient_107420-73947.jpg"
|
||||
imageAlt="Ambiente do consultório odontológico"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Tratamentos Gerais",
|
||||
description: "Limpeza, restauração e manutenção da saúde bucal com máxima precisão.",
|
||||
icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/canal-beauty-caries-assistant-background-chair_1303-2736.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-fillings-dental-fillings-with-ultraviolet-light-female-dentist-treating-girls-tooth_169016-67160.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-spacious-office-dentist_8353-9976.jpg?_wi=2",
|
||||
imageAlt: "tratamento de canal odontologia",
|
||||
},
|
||||
{
|
||||
title: "Estética Dental",
|
||||
description: "Clareamento e procedimentos estéticos para um sorriso mais iluminado e saudável.",
|
||||
icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-taking-female-patients-tooth-x-ray_107420-73923.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-thinks_93675-133075.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-set-model-teeth-patient_107420-73947.jpg?_wi=2",
|
||||
imageAlt: "tratamento de canal odontologia",
|
||||
},
|
||||
{
|
||||
title: "Odontologia Restauradora",
|
||||
description: "Implantes e próteses utilizando tecnologias modernas para devolver sua funcionalidade.",
|
||||
icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-businesswoman-drawing-graph-glass_1262-1995.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053322.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-looking-mirror-after-dental-procedure_23-2148985823.jpg?_wi=1",
|
||||
imageAlt: "tratamento de canal odontologia",
|
||||
},
|
||||
]}
|
||||
title="Serviços Odontológicos"
|
||||
description="Oferecemos uma gama completa de tratamentos para cuidar da sua saúde bucal."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Tratamentos Gerais", description: "Limpeza, restauração e manutenção da saúde bucal com máxima precisão.", icon: Shield,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/canal-beauty-caries-assistant-background-chair_1303-2736.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dental-fillings-dental-fillings-with-ultraviolet-light-female-dentist-treating-girls-tooth_169016-67160.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Estética Dental", description: "Clareamento e procedimentos estéticos para um sorriso mais iluminado e saudável.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dentist-taking-female-patients-tooth-x-ray_107420-73923.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-girl-thinks_93675-133075.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Odontologia Restauradora", description: "Implantes e próteses utilizando tecnologias modernas para devolver sua funcionalidade.", icon: Award,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-businesswoman-drawing-graph-glass_1262-1995.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053322.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Serviços Odontológicos"
|
||||
description="Oferecemos uma gama completa de tratamentos para cuidar da sua saúde bucal."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Nubia Ribeiro",
|
||||
handle: "@paciente",
|
||||
testimonial: "Consultório acolhedor com profissionais especializados, gostei muito do atendimento.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-looking-mirror-after-dental-procedure_23-2148985823.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Andrade Ribeiro",
|
||||
handle: "@paciente",
|
||||
testimonial: "Melhor clínica da região. Profissionais competentes, educados e atenciosos.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-looking-her-face-mirror_107420-73968.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Neide Braga",
|
||||
handle: "@paciente",
|
||||
testimonial: "Tinha medo de dentista, mas o Dr. Fábio me deixou super à vontade. Amei!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-dentist-wearing-surgical-gloves_107420-74190.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Babi Sampaio",
|
||||
handle: "@paciente",
|
||||
testimonial: "Excelente profissional. Atendimento de qualidade e preço acessível.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Michelle Braga",
|
||||
handle: "@paciente",
|
||||
testimonial: "Atendimento profissional e lugar excelente, vale muito a pena conferir!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-workwear-uniform-holding-pliers-looking-happy-front-view_176474-64864.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="O que dizem nossos pacientes"
|
||||
description="A satisfação de quem cuida do sorriso conosco."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Nubia Ribeiro", handle: "@paciente", testimonial: "Consultório acolhedor com profissionais especializados, gostei muito do atendimento.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-patient-looking-mirror-after-dental-procedure_23-2148985823.jpg" },
|
||||
{ id: "2", name: "Andrade Ribeiro", handle: "@paciente", testimonial: "Melhor clínica da região. Profissionais competentes, educados e atenciosos.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/patient-looking-her-face-mirror_107420-73968.jpg" },
|
||||
{ id: "3", name: "Neide Braga", handle: "@paciente", testimonial: "Tinha medo de dentista, mas o Dr. Fábio me deixou super à vontade. Amei!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-dentist-wearing-surgical-gloves_107420-74190.jpg" },
|
||||
{ id: "4", name: "Babi Sampaio", handle: "@paciente", testimonial: "Excelente profissional. Atendimento de qualidade e preço acessível.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg" },
|
||||
{ id: "5", name: "Michelle Braga", handle: "@paciente", testimonial: "Atendimento profissional e lugar excelente, vale muito a pena conferir!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-workwear-uniform-holding-pliers-looking-happy-front-view_176474-64864.jpg" }
|
||||
]}
|
||||
title="O que dizem nossos pacientes"
|
||||
description="A satisfação de quem cuida do sorriso conosco."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Como agendar uma consulta?",
|
||||
content: "Você pode entrar em contato conosco pelo telefone (75) 99250-9425 ou enviar uma mensagem.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Quais horários de atendimento?",
|
||||
content: "Atendemos de segunda a sexta, das 08:00 às 12:00 e das 14:00 às 17:00, e aos sábados das 08:30 às 11:00.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "O consultório possui estacionamento?",
|
||||
content: "Estamos localizados na R. José Pinheiro, em Araci, com fácil acesso na região.",
|
||||
},
|
||||
]}
|
||||
title="Dúvidas Frequentes"
|
||||
description="Respondemos as principais perguntas sobre nossos serviços."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Como agendar uma consulta?", content: "Você pode entrar em contato conosco pelo telefone (75) 99250-9425 ou enviar uma mensagem." },
|
||||
{ id: "2", title: "Quais horários de atendimento?", content: "Atendemos de segunda a sexta, das 08:00 às 12:00 e das 14:00 às 17:00, e aos sábados das 08:30 às 11:00." },
|
||||
{ id: "3", title: "O consultório possui estacionamento?", content: "Estamos localizados na R. José Pinheiro, em Araci, com fácil acesso na região." }
|
||||
]}
|
||||
title="Dúvidas Frequentes"
|
||||
description="Respondemos as principais perguntas sobre nossos serviços."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Excelência",
|
||||
"Confiança",
|
||||
"Qualidade",
|
||||
"Pontualidade",
|
||||
"Acolhimento",
|
||||
"Tecnologia",
|
||||
"Atendimento",
|
||||
]}
|
||||
title="Nossos Pilares"
|
||||
description="Valores que guiam nosso atendimento odontológico."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Excelência", "Confiança", "Qualidade", "Pontualidade", "Acolhimento", "Tecnologia", "Atendimento"]}
|
||||
title="Nossos Pilares"
|
||||
description="Valores que guiam nosso atendimento odontológico."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Números que refletem cuidado"
|
||||
tag="Nossa trajetória"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10+",
|
||||
description: "Anos de experiência",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100%",
|
||||
description: "Pacientes satisfeitos",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "5.0",
|
||||
description: "Nota em avaliações",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Números que refletem cuidado"
|
||||
tag="Nossa trajetória"
|
||||
metrics={[
|
||||
{ id: "1", value: "10+", description: "Anos de experiência" },
|
||||
{ id: "2", value: "100%", description: "Pacientes satisfeitos" },
|
||||
{ id: "3", value: "5.0", description: "Nota em avaliações" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Agende sua Consulta"
|
||||
description="Estamos prontos para atender você. Entre em contato e cuide do seu sorriso hoje mesmo."
|
||||
inputs={[
|
||||
{
|
||||
name: "nome",
|
||||
type: "text",
|
||||
placeholder: "Seu nome",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "telefone",
|
||||
type: "tel",
|
||||
placeholder: "Seu telefone/WhatsApp",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "mensagem",
|
||||
placeholder: "Como podemos ajudar?",
|
||||
rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/assistant-caries-canal-chair-care_1303-1851.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Agende sua Consulta"
|
||||
description="Estamos prontos para atender você. Entre em contato e cuide do seu sorriso hoje mesmo."
|
||||
inputs={[
|
||||
{ name: "nome", type: "text", placeholder: "Seu nome", required: true },
|
||||
{ name: "telefone", type: "tel", placeholder: "Seu telefone/WhatsApp", required: true }
|
||||
]}
|
||||
textarea={{ name: "mensagem", placeholder: "Como podemos ajudar?", rows: 4, required: false }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/assistant-caries-canal-chair-care_1303-1851.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Dr. Fábio Tosta"
|
||||
leftLink={{
|
||||
text: "R. José Pinheiro, Araci - BA",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "(75) 99250-9425",
|
||||
href: "tel:75992509425",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Dr. Fábio Tosta"
|
||||
leftLink={{ text: "R. José Pinheiro, Araci - BA", href: "#" }}
|
||||
rightLink={{ text: "(75) 99250-9425", href: "tel:75992509425" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user