Switch to version 7: modified src/app/page.tsx
This commit is contained in:
131
src/app/page.tsx
131
src/app/page.tsx
@@ -2,28 +2,27 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
||||
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
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";
|
||||
import { Target, Zap, Eye, Microscope, Users, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="fluid"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
@@ -38,73 +37,56 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
<HeroBillboard
|
||||
title="Cuidado Visual de Excelência"
|
||||
description="Cuidado completo para a saúde dos seus olhos com tecnologia moderna e atendimento humanizado."
|
||||
background={{ variant: "plain" }}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg", alt: "Paciente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Paciente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-mother-daughter-embracing-each-other_1170-2701.jpg", alt: "Paciente satisfeito"},
|
||||
]}
|
||||
avatarText="Trusted by 200+ satisfied patients"
|
||||
buttons={[
|
||||
{ text: "📞 Agendar Consulta", href: "#contact" },
|
||||
{ text: "💬 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"
|
||||
mediaAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
<TextSplitAbout
|
||||
title="Sobre o Dr. Alexandre Nascimento"
|
||||
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 para diagnósticos precisos e tratamentos eficazes."
|
||||
tag="About Us"
|
||||
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" }]}
|
||||
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"
|
||||
showBorder={true}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="specialties" data-section="specialties">
|
||||
<FeatureCardTwentyFive
|
||||
<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.", icon: Eye,
|
||||
mediaItems: [
|
||||
{
|
||||
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?_wi=1", imageAlt: "consulta médico paciente consultório oftalmologia"},
|
||||
{
|
||||
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: "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.", icon: Microscope,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-eye-sight-check_23-2149082434.jpg", imageAlt: "diagnóstico doença oftalmologia catarata glaucoma"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-testing-patient-eyesight_23-2149230018.jpg", imageAlt: "monitoramento saúde visual acompanhamento médico"},
|
||||
],
|
||||
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.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-male-hands-workplace-front-computer_169016-18822.jpg", imageAlt: "óculos receita prescrição eyewear ótica"},
|
||||
{
|
||||
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?_wi=2", imageAlt: "consulta médico paciente consultório oftalmologia"},
|
||||
],
|
||||
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}
|
||||
@@ -112,58 +94,64 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
<TestimonialCardTen
|
||||
title="Avaliações dos Pacientes"
|
||||
description="Veja o que nossos pacientes dizem sobre o atendimento e resultados."
|
||||
tag="Depoimentos"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Maria Silva", role: "Paciente", testimonial: "O Dr. Alexandre é muito atencioso e competente. Realizei meu exame de vista e recebi todo o suporte necessário. Recomendo para todos!", imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg", imageAlt: "mulher retrato paciente feliz sorriso"},
|
||||
id: "1", title: "Excelente diagnóstico e atendimento humanizado", quote: "O Dr. Alexandre é muito atencioso e competente. Realizei meu exame de vista e recebi todo o suporte necessário. Recomendo para todos!", name: "Maria Silva", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg", imageAlt: "mulher retrato paciente feliz sorriso"
|
||||
},
|
||||
{
|
||||
id: "2", name: "João Santos", role: "Paciente", testimonial: "Fiz acompanhamento para glaucoma e fiquei impressionado com os equipamentos e a precisão do diagnóstico. Muito profissional!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1", imageAlt: "homem retrato paciente satisfeito profissional"},
|
||||
id: "2", title: "Tecnologia moderna e precisão no diagnóstico", quote: "Fiz acompanhamento para glaucoma e fiquei impressionado com os equipamentos e a precisão do diagnóstico. Muito profissional!", name: "João Santos", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1", imageAlt: "homem retrato paciente satisfeito profissional"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Ana Costa", role: "Mãe", testimonial: "Levei minha filha para avaliação oftalmológica. O Dr. Alexandre foi muito paciente e explicou tudo com clareza. Ótima experiência!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mother-daughter-embracing-each-other_1170-2701.jpg", imageAlt: "mulher mãe retrato sorriso positivo"},
|
||||
id: "3", title: "Atendimento que faz a diferença", quote: "Levei minha filha para avaliação oftalmológica. O Dr. Alexandre foi muito paciente e explicou tudo com clareza. Ótima experiência!", name: "Ana Costa", role: "Mãe", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mother-daughter-embracing-each-other_1170-2701.jpg", imageAlt: "mulher mãe retrato sorriso positivo"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Roberto Oliveira", role: "Paciente", testimonial: "Sou idoso e fui avaliar problema de catarata. Recebi diagnóstico completo e orientação excelente. Voltarei com certeza!", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-athlete-listening-music-earphones-while-running-nature-copy-space_637285-3843.jpg", imageAlt: "homem idoso retrato confiança saúde"},
|
||||
id: "4", title: "Referência em oftalmologia em Nova Mutum", quote: "Sou idoso e fui avaliar problema de catarata. Recebi diagnóstico completo e orientação excelente. Voltarei com certeza!", name: "Roberto Oliveira", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-athlete-listening-music-earphones-while-running-nature-copy-space_637285-3843.jpg", imageAlt: "homem idoso retrato confiança saúde"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Carla Ferreira", role: "Paciente", testimonial: "Dr. Alexandre combina precisão técnica com um atendimento genuinamente humanizado. Senti-me verdadeiramente cuidado.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "mulher retrato profissional confiante sorriso"},
|
||||
id: "5", title: "Precisão e humanização no atendimento", quote: "Dr. Alexandre combina precisão técnica com um atendimento genuinamente humanizado. Senti-me verdadeiramente cuidado.", name: "Carla Ferreira", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "mulher retrato profissional confiante sorriso"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Paulo Mendes", role: "Paciente", testimonial: "Recomendo fortemente! O atendimento é de excelência, os equipamentos são modernos e os resultados são garantidos.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2", imageAlt: "homem retrato paciente recomendação positivo"},
|
||||
id: "6", title: "Melhor oftalmologista de Nova Mutum", quote: "Recomendo fortemente! O atendimento é de excelência, os equipamentos são modernos e os resultados são garantidos.", name: "Paulo Mendes", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2", imageAlt: "homem retrato paciente recomendação positivo"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
<MetricCardFourteen
|
||||
title="Somos reconhecidos pela qualidade e dedicação ao cuidado visual de nossos pacientes."
|
||||
description="Resultados que falam por si"
|
||||
tag="Resultados"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "4.9", title: "★ Rating", description: "Avaliação média de mais de 200 pacientes satisfeitos", icon: TrendingUp,
|
||||
id: "1", value: "4.9★", description: "Avaliação média de mais de 200 pacientes satisfeitos no Google"
|
||||
},
|
||||
{
|
||||
id: "2", value: "200", title: "+ Reviews", description: "Avaliações positivas de pacientes em todo Mato Grosso", icon: Users,
|
||||
id: "2", value: "200+", description: "Avaliações positivas de pacientes em todo o estado de Mato Grosso"
|
||||
},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
<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}
|
||||
inputPlaceholder="seu@email.com"
|
||||
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="(65) 99919-0657"
|
||||
buttonText="Enviar"
|
||||
termsText="Você receberá informações sobre agendamento conforme enviado. Respeitamos sua privacidade."
|
||||
/>
|
||||
@@ -184,7 +172,8 @@ export default function LandingPage() {
|
||||
title: "Contato", items: [
|
||||
{ label: "📞 (65) 99919-0657", href: "tel:+5565999190657" },
|
||||
{
|
||||
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: "📍 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" },
|
||||
],
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user