|
|
|
|
@@ -4,10 +4,8 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
|
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
|
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
|
|
|
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
|
|
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
|
|
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
|
|
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
|
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
@@ -31,19 +29,17 @@ export default function LandingPage() {
|
|
|
|
|
{ name: "Sobre", id: "about" },
|
|
|
|
|
{ name: "Especialidades", id: "specialties" },
|
|
|
|
|
{ name: "Avaliações", id: "testimonials" },
|
|
|
|
|
{ name: "Contato", id: "contact" },
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboard
|
|
|
|
|
title="Cuidado Visual de Excelência"
|
|
|
|
|
description="Cuidado completo para a saúde dos seus olhos com tecnologia moderna e atendimento humanizado."
|
|
|
|
|
title="O Melhor de Seu Olhar"
|
|
|
|
|
description="Cuidado completo para a saúde dos seus olhos com tecnologia moderna e atendimento humanizado. ☎️ (65) 99919-0657"
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "📞 Agendar Consulta", href: "#contact" },
|
|
|
|
|
{ text: "💬 WhatsApp", href: "https://wa.me/5565999190657" },
|
|
|
|
|
{ text: "Agendar Consulta via WhatsApp", href: "https://wa.me/5565999190657" },
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARFztSxKGawKofg6qXWL5p5C2j/uploaded-1772725751716-5637zce4.webp"
|
|
|
|
|
imageAlt="consultório oftalmologia médico exame olhos"
|
|
|
|
|
@@ -58,39 +54,55 @@ export default function LandingPage() {
|
|
|
|
|
description={[
|
|
|
|
|
"O Dr. Alexandre Nascimento é um oftalmologista experiente e comprometido com o bem-estar visual de seus pacientes. Com formação sólida em diagnóstico e tratamento de doenças oculares, oferece atendimento personalizado e humanizado.", "A clínica utiliza equipamentos modernos e tecnologia de última geração, permitindo diagnósticos precisos e tratamentos eficazes para diversas patologias oculares. Cada paciente é tratado com respeito, atenção e dedicação à excelência.", "Localizada em Nova Mutum, a clínica é referência em oftalmologia, com mais de 200 avaliações positivas de pacientes satisfeitos (4.9 ⭐)."
|
|
|
|
|
]}
|
|
|
|
|
buttons={[{ text: "Saiba Mais", href: "#specialties" }]}
|
|
|
|
|
showBorder={true}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="specialties" data-section="specialties">
|
|
|
|
|
<FeatureCardOne
|
|
|
|
|
title="Especialidades e Serviços"
|
|
|
|
|
description="Oferecemos uma gama completa de serviços oftalmológicos com diagnóstico preciso e tratamento eficaz."
|
|
|
|
|
tag="Serviços"
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
title: "Consulta Oftalmológica", description: "Avaliação completa da saúde ocular com anamnese detalhada e testes de visão.", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-eye-problem-pain-doctor-working-office-listening-patient-she-is-explaining-her-symptoms-healtcare-assistance-concept_657921-837.jpg", imageAlt: "consulta médico paciente consultório oftalmologia"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Exame de Vista", description: "Diagnóstico para correção visual adequada e prescrição de óculos ou lentes de contato.", imageSrc: "http://img.b2bpic.net/free-photo/eye-doctor-with-female-patient-examination-modern-clinic-ophthalmologist-is-using-special-medical-equipment-eye-health_657921-161.jpg", imageAlt: "exame vista oftalmológico óptico tecnologia"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Diagnóstico de Doenças Oculares", description: "Identificação e tratamento de glaucoma, catarata, inflamações e outras patologias.", imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check_23-2149082434.jpg", imageAlt: "diagnóstico doença oftalmologia catarata glaucoma"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Acompanhamento Visual", description: "Monitoramento contínuo da saúde ocular ao longo do tempo para prevenção e controle.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-testing-patient-eyesight_23-2149230018.jpg", imageAlt: "monitoramento saúde visual acompanhamento médico"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Avaliação para Óculos", description: "Determinação precisa da receita ideal com conforto visual máximo.", imageSrc: "http://img.b2bpic.net/free-photo/glasses-male-hands-workplace-front-computer_169016-18822.jpg", imageAlt: "óculos receita prescrição eyewear ótica"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="two-columns-alternating-heights"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
/>
|
|
|
|
|
<div style={{ padding: "var(--vw-3) var(--vw-1_5)", textAlign: "center", backgroundColor: "var(--background-accent)" }}>
|
|
|
|
|
<h2 style={{ fontSize: "2rem", marginBottom: "1.5rem", fontWeight: "bold" }}>Tabela de Exames e Serviços</h2>
|
|
|
|
|
<div style={{ overflowX: "auto", margin: "0 auto", maxWidth: "100%" }}>
|
|
|
|
|
<table style={{
|
|
|
|
|
width: "100%", borderCollapse: "collapse", backgroundColor: "var(--card)", borderRadius: "8px", overflow: "hidden", boxShadow: "0 2px 4px rgba(0,0,0,0.1)"
|
|
|
|
|
}}>
|
|
|
|
|
<thead>
|
|
|
|
|
<tr style={{ backgroundColor: "var(--primary-cta)", color: "var(--primary-cta-text)" }}>
|
|
|
|
|
<th style={{ padding: "1rem", textAlign: "left", borderRight: "1px solid var(--accent)" }}>Exame/Serviço</th>
|
|
|
|
|
<th style={{ padding: "1rem", textAlign: "left", borderRight: "1px solid var(--accent)" }}>Descrição</th>
|
|
|
|
|
<th style={{ padding: "1rem", textAlign: "left" }}>Indicação</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr style={{ borderBottom: "1px solid var(--accent)" }}>
|
|
|
|
|
<td style={{ padding: "1rem", fontWeight: "bold", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Consulta Oftalmológica</td>
|
|
|
|
|
<td style={{ padding: "1rem", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Avaliação completa da saúde ocular com anamnese detalhada e testes de visão.</td>
|
|
|
|
|
<td style={{ padding: "1rem", color: "var(--foreground)" }}>Para todos que desejam verificar a saúde dos olhos</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr style={{ borderBottom: "1px solid var(--accent)" }}>
|
|
|
|
|
<td style={{ padding: "1rem", fontWeight: "bold", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Exame de Vista</td>
|
|
|
|
|
<td style={{ padding: "1rem", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Diagnóstico para correção visual adequada e prescrição de óculos ou lentes de contato.</td>
|
|
|
|
|
<td style={{ padding: "1rem", color: "var(--foreground)" }}>Dificuldade para enxergar, visão borrada ou embaçada</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr style={{ borderBottom: "1px solid var(--accent)" }}>
|
|
|
|
|
<td style={{ padding: "1rem", fontWeight: "bold", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Diagnóstico de Doenças Oculares</td>
|
|
|
|
|
<td style={{ padding: "1rem", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Identificação e tratamento de glaucoma, catarata, inflamações e outras patologias.</td>
|
|
|
|
|
<td style={{ padding: "1rem", color: "var(--foreground)" }}>Suspeita de glaucoma, catarata ou outras doenças oculares</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr style={{ borderBottom: "1px solid var(--accent)" }}>
|
|
|
|
|
<td style={{ padding: "1rem", fontWeight: "bold", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Acompanhamento Visual</td>
|
|
|
|
|
<td style={{ padding: "1rem", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Monitoramento contínuo da saúde ocular ao longo do tempo para prevenção e controle.</td>
|
|
|
|
|
<td style={{ padding: "1rem", color: "var(--foreground)" }}>Pacientes com histórico de doenças oculares ou idosos</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td style={{ padding: "1rem", fontWeight: "bold", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Avaliação para Óculos</td>
|
|
|
|
|
<td style={{ padding: "1rem", borderRight: "1px solid var(--accent)", color: "var(--foreground)" }}>Determinação precisa da receita ideal com conforto visual máximo.</td>
|
|
|
|
|
<td style={{ padding: "1rem", color: "var(--foreground)" }}>Necessidade de correção visual ou atualização de prescrição</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
@@ -140,23 +152,6 @@ export default function LandingPage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactSplit
|
|
|
|
|
tag="Agendamento"
|
|
|
|
|
title="Agende sua Consulta Agora"
|
|
|
|
|
description="Entre em contato conosco para marcar sua consulta. Estamos localizados em Nova Mutum, com horários convenientes para você cuidar da saúde dos seus olhos."
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARFztSxKGawKofg6qXWL5p5C2j/uploaded-1772725758205-uzon5gw5.webp"
|
|
|
|
|
imageAlt="consultório interior clínica moderno acolhedor"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
mediaPosition="right"
|
|
|
|
|
inputPlaceholder="seu@email.com"
|
|
|
|
|
buttonText="Enviar"
|
|
|
|
|
termsText="Você receberá informações sobre agendamento conforme enviado. Respeitamos sua privacidade."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterBaseCard
|
|
|
|
|
logoText="Dr. Alexandre Nascimento"
|
|
|
|
|
@@ -174,18 +169,13 @@ export default function LandingPage() {
|
|
|
|
|
{
|
|
|
|
|
label: "📍 Av. das Águias, 668 W - Parque dos Ingás - Nova Mutum, MT", href: "https://maps.google.com/?q=Av+das+Águias+668+W+Parque+dos+Ingás+Nova+Mutum+MT"
|
|
|
|
|
},
|
|
|
|
|
{ label: "💬 WhatsApp", href: "https://wa.me/5565999190657" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Horários", items: [
|
|
|
|
|
{ label: "Seg-Qui: 8h - 12h | 13h30 - 18h", href: "#" },
|
|
|
|
|
{ label: "Sexta: 8h - 12h | 13h30 - 17h", href: "#" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Redes Sociais", items: [
|
|
|
|
|
{ label: "WhatsApp", href: "https://wa.me/5565999190657" },
|
|
|
|
|
{ label: "Google", href: "#" },
|
|
|
|
|
{ label: "Seg-Qui: 8h - 11h30 | 13h30 - 18h", href: "#" },
|
|
|
|
|
{ label: "Sexta: 8h - 11h30 | 13h30 - 17h", href: "#" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
@@ -194,4 +184,4 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
