Update src/app/page.tsx
This commit is contained in:
160
src/app/page.tsx
160
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre", id: "about"},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "treatments",
|
||||
},
|
||||
name: "Serviços", id: "treatments"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contato", id: "contact"},
|
||||
]}
|
||||
brandName="Dra. Fernanda Carrilho"
|
||||
/>
|
||||
@@ -54,19 +46,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Referência em Dermatologia Clínica e Estética"
|
||||
description="Protocolos personalizados para cada rosto, tecnologia avançada e resultados naturais. Experiência de mais de 20 anos."
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar Avaliação",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Agendar Avaliação", href: "#contact"},
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/5511994271687",
|
||||
},
|
||||
text: "WhatsApp", href: "https://wa.me/5511994271687"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-girl-is-looking-camera-by-holding-hand-chin-white-background_176474-118406.jpg"
|
||||
/>
|
||||
@@ -78,9 +65,7 @@ export default function LandingPage() {
|
||||
title="Excelência médica, experiência e atualização constante"
|
||||
buttons={[
|
||||
{
|
||||
text: "Conheça minha trajetória",
|
||||
href: "#",
|
||||
},
|
||||
text: "Conheça minha trajetória", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -92,29 +77,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Dermatologia Clínica",
|
||||
descriptions: [
|
||||
"Tratamento de acne, melasma e rosácea.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-eye-patches_23-2148934194.jpg",
|
||||
},
|
||||
id: "t1", title: "Dermatologia Clínica", descriptions: [
|
||||
"Tratamento de acne, melasma e rosácea."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-eye-patches_23-2148934194.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Toxina Botulínica",
|
||||
descriptions: [
|
||||
"Suavização de rugas com aspecto natural.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-botox-injection-forehead_651396-830.jpg",
|
||||
},
|
||||
id: "t2", title: "Toxina Botulínica", descriptions: [
|
||||
"Suavização de rugas com aspecto natural."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-botox-injection-forehead_651396-830.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Preenchimento Facial",
|
||||
descriptions: [
|
||||
"Contorno facial e harmonização sutil.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-wearing-medical-mask-while-working-client_23-2148694602.jpg",
|
||||
},
|
||||
id: "t3", title: "Preenchimento Facial", descriptions: [
|
||||
"Contorno facial e harmonização sutil."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-wearing-medical-mask-while-working-client_23-2148694602.jpg"},
|
||||
]}
|
||||
title="Nossas Especialidades"
|
||||
description="Tratamentos baseados em evidência científica com foco em naturalidade."
|
||||
@@ -123,30 +96,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "20+",
|
||||
title: "Anos de Experiência",
|
||||
description: "Histórico acadêmico e clínico sólido.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x7notb",
|
||||
},
|
||||
id: "m1", value: "20+", title: "Anos de Experiência", description: "Histórico acadêmico e clínico sólido.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x7notb"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Atendimento",
|
||||
description: "Foco total na individualidade.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lies-with-closed-eyes-cosmetologist-making-procedure_158595-4611.jpg",
|
||||
},
|
||||
id: "m2", value: "100%", title: "Atendimento", description: "Foco total na individualidade.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lies-with-closed-eyes-cosmetologist-making-procedure_158595-4611.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Referência",
|
||||
title: "Segurança Médica",
|
||||
description: "Normas rígidas de ética médica.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-injection-filler-female-client_23-2148875441.jpg",
|
||||
},
|
||||
id: "m3", value: "Referência", title: "Segurança Médica", description: "Normas rígidas de ética médica.", imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-injection-filler-female-client_23-2148875441.jpg"},
|
||||
]}
|
||||
title="Nossos Diferenciais"
|
||||
description="Compromisso com a sua saúde e autoestima."
|
||||
@@ -160,40 +119,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Silva",
|
||||
handle: "@anasilva",
|
||||
testimonial: "Profissional extremamente competente e atenciosa.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-working-covid-concept_23-2148616718.jpg",
|
||||
},
|
||||
id: "1", name: "Ana Silva", handle: "@anasilva", testimonial: "Profissional extremamente competente e atenciosa.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-working-covid-concept_23-2148616718.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Beatriz Oliveira",
|
||||
handle: "@bioliveira",
|
||||
testimonial: "Resultados naturais e atendimento impecável.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-years-old-sitting-her-kitchen-alone-express-candid-happiness_1258-186556.jpg",
|
||||
},
|
||||
id: "2", name: "Beatriz Oliveira", handle: "@bioliveira", testimonial: "Resultados naturais e atendimento impecável.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-years-old-sitting-her-kitchen-alone-express-candid-happiness_1258-186556.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Camila Souza",
|
||||
handle: "@camilasouza",
|
||||
testimonial: "Referência absoluta em dermatologia.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133185.jpg",
|
||||
},
|
||||
id: "3", name: "Camila Souza", handle: "@camilasouza", testimonial: "Referência absoluta em dermatologia.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133185.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Daniela Mendes",
|
||||
handle: "@danimendes",
|
||||
testimonial: "Minha pele nunca esteve tão saudável e iluminada.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-bald-male-doctor-wearing-medical-robe-stethoscope-sitting-work-desk-with-medical-tools-holding-direction-mark-isolated-orange-background_141793-63226.jpg",
|
||||
},
|
||||
id: "4", name: "Daniela Mendes", handle: "@danimendes", testimonial: "Minha pele nunca esteve tão saudável e iluminada.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-bald-male-doctor-wearing-medical-robe-stethoscope-sitting-work-desk-with-medical-tools-holding-direction-mark-isolated-orange-background_141793-63226.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Costa",
|
||||
handle: "@elenacosta",
|
||||
testimonial: "O cuidado clínico faz toda a diferença.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-examining-female-patients-face-clinic_107420-73984.jpg",
|
||||
},
|
||||
id: "5", name: "Elena Costa", handle: "@elenacosta", testimonial: "O cuidado clínico faz toda a diferença.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-examining-female-patients-face-clinic_107420-73984.jpg"},
|
||||
]}
|
||||
title="O que dizem nossas pacientes"
|
||||
description="Confiança construída através de resultados impecáveis."
|
||||
@@ -205,20 +139,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Como agendar uma consulta?",
|
||||
content: "Entre em contato via WhatsApp ou telefone em uma de nossas unidades.",
|
||||
},
|
||||
id: "f1", title: "Como agendar uma consulta?", content: "Entre em contato via WhatsApp ou telefone em uma de nossas unidades."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "A Dra. Fernanda realiza cirurgias?",
|
||||
content: "Sim, a Dra. possui ampla experiência em cirurgia dermatológica.",
|
||||
},
|
||||
id: "f2", title: "A Dra. Fernanda realiza cirurgias?", content: "Sim, a Dra. possui ampla experiência em cirurgia dermatológica."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Quais os convênios atendidos?",
|
||||
content: "Consulte nossa equipe administrativa para verificar o atendimento atual.",
|
||||
},
|
||||
id: "f3", title: "Quais os convênios atendidos?", content: "Consulte nossa equipe administrativa para verificar o atendimento atual."},
|
||||
]}
|
||||
sideTitle="Dúvidas Frequentes"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -229,8 +154,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Agende agora"
|
||||
title="Sua pele merece cuidado especializado"
|
||||
description="Entre em contato para agendar sua avaliação em São Paulo, Campinas ou São Bento do Sul."
|
||||
@@ -243,33 +167,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "São Paulo (Moema)",
|
||||
href: "#",
|
||||
},
|
||||
label: "São Paulo (Moema)", href: "#"},
|
||||
{
|
||||
label: "Campinas (Cambuí)",
|
||||
href: "#",
|
||||
},
|
||||
label: "Campinas (Cambuí)", href: "#"},
|
||||
{
|
||||
label: "São Bento do Sul",
|
||||
href: "#",
|
||||
},
|
||||
label: "São Bento do Sul", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/5511994271687",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/5511994271687"},
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidade", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user