Merge version_1 into main #2
215
src/app/page.tsx
215
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Sobre", id: "#about"},
|
||||
{
|
||||
name: "Especialidades",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Especialidades", id: "#features"},
|
||||
{
|
||||
name: "Equipe",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Equipe", id: "#team"},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Depoimentos", id: "#testimonials"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contato", id: "#contact"},
|
||||
]}
|
||||
brandName="Clínica Soler"
|
||||
/>
|
||||
@@ -59,71 +49,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Cuidado e Excelência em Saúde no Tatuapé"
|
||||
description="A Clínica Soler oferece atendimento médico humanizado e tecnologia de ponta para toda a família. Sua saúde é nossa prioridade."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Anos de Experiência",
|
||||
},
|
||||
value: "15+", label: "Anos de Experiência"},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Pacientes Atendidos",
|
||||
},
|
||||
value: "5k+", label: "Pacientes Atendidos"},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Especialidades",
|
||||
},
|
||||
value: "20+", label: "Especialidades"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/receptionist-working-hospital-waiting-area-offering-support-patients-checkup-visit-mother-with-child-having-medical-appointment-with-physician-reception-desk-healthcare-clinic_482257-48631.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/receptionist-working-hospital-waiting-area-offering-support-patients-checkup-visit-mother-with-child-having-medical-appointment-with-physician-reception-desk-healthcare-clinic_482257-48631.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-patient-filling-report-papers-talking-receptionist-hospital-reception-counter-woman-writing-medical-form-before-checkup-appointment-with-doctor-health-center_482257-51637.jpg",
|
||||
alt: "Paciente preenchendo formulário",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-patient-filling-report-papers-talking-receptionist-hospital-reception-counter-woman-writing-medical-form-before-checkup-appointment-with-doctor-health-center_482257-51637.jpg", alt: "Paciente preenchendo formulário"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-front-desk-receptionist-waiting-greet-patients-private-practice-clinic-lobby-professional-healthcare-worker-offering-support-hospital-appointments_482257-46746.jpg",
|
||||
alt: "Recepcionista sorridente",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-front-desk-receptionist-waiting-greet-patients-private-practice-clinic-lobby-professional-healthcare-worker-offering-support-hospital-appointments_482257-46746.jpg", alt: "Recepcionista sorridente"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nobody-cabinet-with-medical-equipment-checkup-visit-examination-close-up-desk-with-computer-documents-tools-consultation-empty-doctors-office-facility_482257-34811.jpg",
|
||||
alt: "Consultório moderno",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/nobody-cabinet-with-medical-equipment-checkup-visit-examination-close-up-desk-with-computer-documents-tools-consultation-empty-doctors-office-facility_482257-34811.jpg", alt: "Consultório moderno"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/watercolor-hospital-health-care-illustration_23-2151621085.jpg",
|
||||
alt: "Ilustração hospitalar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/watercolor-hospital-health-care-illustration_23-2151621085.jpg", alt: "Ilustração hospitalar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/clinic-office-with-viral-cell-display_482257-119489.jpg",
|
||||
alt: "Ambiente clínico",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/clinic-office-with-viral-cell-display_482257-119489.jpg", alt: "Ambiente clínico"},
|
||||
]}
|
||||
avatarText="Mais de 5.000 pacientes satisfeitos"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Atendimento Humanizado",
|
||||
},
|
||||
type: "text", text: "Atendimento Humanizado"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tecnologia de Ponta",
|
||||
},
|
||||
type: "text", text: "Tecnologia de Ponta"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unidade Tatuapé",
|
||||
},
|
||||
type: "text", text: "Unidade Tatuapé"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Equipe Multidisciplinar",
|
||||
},
|
||||
type: "text", text: "Equipe Multidisciplinar"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Agendamento Online",
|
||||
},
|
||||
type: "text", text: "Agendamento Online"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,64 +105,46 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Medicina Diagnóstica",
|
||||
description: "Exames rápidos e precisos com tecnologia de última geração.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-hands-checking-patient-health_23-2148396684.jpg",
|
||||
title: "Medicina Diagnóstica", description: "Exames rápidos e precisos com tecnologia de última geração.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-hands-checking-patient-health_23-2148396684.jpg", imageAlt: "medical technology diagnostic equipment"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Ultra-som",
|
||||
},
|
||||
text: "Ultra-som"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Laboratório",
|
||||
},
|
||||
text: "Laboratório"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/receptionist-working-hospital-waiting-area-offering-support-patients-checkup-visit-mother-with-child-having-medical-appointment-with-physician-reception-desk-healthcare-clinic_482257-48631.jpg?_wi=2",
|
||||
imageAlt: "medical technology diagnostic equipment",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Consultas Especializadas",
|
||||
description: "Atendimento focado nas necessidades individuais de cada paciente.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-treatment-room_181624-30807.jpg",
|
||||
title: "Consultas Especializadas", description: "Atendimento focado nas necessidades individuais de cada paciente.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-treatment-room_181624-30807.jpg", imageAlt: "medical technology diagnostic equipment"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Pediatria",
|
||||
},
|
||||
text: "Pediatria"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Clínica Geral",
|
||||
},
|
||||
text: "Clínica Geral"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vacant-hospital-room-with-laptop_482257-119789.jpg",
|
||||
imageAlt: "medical technology diagnostic equipment",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Infraestrutura Completa",
|
||||
description: "Ambiente confortável, acessível e seguro no coração do Tatuapé.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-laboratory-close-up_23-2148824210.jpg",
|
||||
title: "Infraestrutura Completa", description: "Ambiente confortável, acessível e seguro no coração do Tatuapé.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-laboratory-close-up_23-2148824210.jpg", imageAlt: "medical technology diagnostic equipment"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Acessibilidade",
|
||||
},
|
||||
text: "Acessibilidade"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Localização",
|
||||
},
|
||||
text: "Localização"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-surgeon-with-stethoscope-neck-arms-crossed_1291-6.jpg?_wi=1",
|
||||
imageAlt: "medical technology diagnostic equipment",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Nossas Especialidades"
|
||||
@@ -215,20 +160,11 @@ export default function LandingPage() {
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Dra. Ana Soler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-surgeon-with-stethoscope-neck-arms-crossed_1291-6.jpg?_wi=2",
|
||||
},
|
||||
id: "m1", name: "Dra. Ana Soler", imageSrc: "http://img.b2bpic.net/free-photo/smiling-surgeon-with-stethoscope-neck-arms-crossed_1291-6.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Dr. Ricardo Souza",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-nurse_23-2151061583.jpg",
|
||||
},
|
||||
id: "m2", name: "Dr. Ricardo Souza", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-nurse_23-2151061583.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Dra. Beatriz Lima",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-blue-uniform-smiling-looking-glad-space-text_176474-19584.jpg",
|
||||
},
|
||||
id: "m3", name: "Dra. Beatriz Lima", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-blue-uniform-smiling-looking-glad-space-text_176474-19584.jpg"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -241,40 +177,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maria Silva",
|
||||
handle: "@mariasilva",
|
||||
testimonial: "Excelente atendimento e profissionais muito atenciosos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-doctor-speaking-with-patient_23-2147896697.jpg",
|
||||
},
|
||||
id: "1", name: "Maria Silva", handle: "@mariasilva", testimonial: "Excelente atendimento e profissionais muito atenciosos.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-doctor-speaking-with-patient_23-2147896697.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carlos Oliveira",
|
||||
handle: "@carlosol",
|
||||
testimonial: "Estrutura impecável e rapidez no agendamento.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-pediatrician-doctor-giving-high-five-young-girl-clinical-appointment-therapist-man-explaining-healthcare-treatment-working-hospital-office-medical-service_482257-31847.jpg",
|
||||
},
|
||||
id: "2", name: "Carlos Oliveira", handle: "@carlosol", testimonial: "Estrutura impecável e rapidez no agendamento.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-pediatrician-doctor-giving-high-five-young-girl-clinical-appointment-therapist-man-explaining-healthcare-treatment-working-hospital-office-medical-service_482257-31847.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fernanda Souza",
|
||||
handle: "@fernandas",
|
||||
testimonial: "Tive um ótimo acompanhamento médico aqui.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-colleague_1098-14876.jpg",
|
||||
},
|
||||
id: "3", name: "Fernanda Souza", handle: "@fernandas", testimonial: "Tive um ótimo acompanhamento médico aqui.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-colleague_1098-14876.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "João Santos",
|
||||
handle: "@joaosantos",
|
||||
testimonial: "Recomendo muito a unidade do Tatuapé.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-greeting-mature-patient-shaking-hands-with-him-medical-clinic_637285-1443.jpg",
|
||||
},
|
||||
id: "4", name: "João Santos", handle: "@joaosantos", testimonial: "Recomendo muito a unidade do Tatuapé.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-greeting-mature-patient-shaking-hands-with-him-medical-clinic_637285-1443.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Patrícia Lima",
|
||||
handle: "@patricial",
|
||||
testimonial: "Médicos experientes e muito humanos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-woman-waits-medical-checkup_482257-119632.jpg",
|
||||
},
|
||||
id: "5", name: "Patrícia Lima", handle: "@patricial", testimonial: "Médicos experientes e muito humanos.", imageSrc: "http://img.b2bpic.net/free-photo/old-woman-waits-medical-checkup_482257-119632.jpg"},
|
||||
]}
|
||||
title="O que Nossos Pacientes Dizem"
|
||||
description="Sua confiança é o nosso maior reconhecimento."
|
||||
@@ -286,20 +197,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Como agendar uma consulta?",
|
||||
content: "Você pode agendar pelo telefone ou pelo WhatsApp.",
|
||||
},
|
||||
id: "f1", title: "Como agendar uma consulta?", content: "Você pode agendar pelo telefone ou pelo WhatsApp."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Quais convênios são aceitos?",
|
||||
content: "Atendemos diversos planos. Consulte nossa recepção.",
|
||||
},
|
||||
id: "f2", title: "Quais convênios são aceitos?", content: "Atendemos diversos planos. Consulte nossa recepção."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Qual o horário de funcionamento?",
|
||||
content: "Segunda a sexta das 8h às 19h.",
|
||||
},
|
||||
id: "f3", title: "Qual o horário de funcionamento?", content: "Segunda a sexta das 8h às 19h."},
|
||||
]}
|
||||
sideTitle="Dúvidas Frequentes"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -310,8 +212,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contato"
|
||||
title="Entre em Contato"
|
||||
description="Estamos localizados na Unidade Tatuapé. Mande uma mensagem e agende seu horário."
|
||||
@@ -324,29 +225,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Clínica Soler",
|
||||
items: [
|
||||
title: "Clínica Soler", items: [
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Sobre", href: "#about"},
|
||||
{
|
||||
label: "Especialidades",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Especialidades", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Unidade Tatuapé",
|
||||
items: [
|
||||
title: "Unidade Tatuapé", items: [
|
||||
{
|
||||
label: "Endereço",
|
||||
href: "#",
|
||||
},
|
||||
label: "Endereço", href: "#"},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contato", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user