Files
254ea8ac-9da6-435e-b6a9-a01…/src/app/page.tsx
2026-05-30 15:04:59 +00:00

562 lines
22 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="largeSmallSizeLargeTitles"
background="blurBottom"
cardStyle="layered-gradient"
primaryButtonStyle="double-inset"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Especialidades",
id: "#specialties",
},
{
name: "Equipe",
id: "#team",
},
{
name: "Comunidade",
id: "#community",
},
{
name: "Relatos",
id: "#testimonials",
},
{
name: "Contato",
id: "#contact",
},
]}
button={{
text: "Agende sua Consulta",
href: "#contact",
}}
topBarButton={{
text: "Conheça nossa abordagem",
href: "#differential",
}}
brandName="Clínica Mulher Plena"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="Clínica Mulher Plena"
description="Viva a sua melhor versão em todas as idades. Especialmente após os 40. Uma clínica multidisciplinar com olhar integral para a saúde da mulher. Unimos medicina avançada e acolhimento para guiar você pela perimenopausa, menopausa e além, com vitalidade e equilíbrio."
buttons={[
{
text: "Agende sua Consulta",
href: "#contact",
},
{
text: "Conheça nossa abordagem",
href: "#differential",
},
]}
buttonAnimation="opacity"
imageSrc="http://img.b2bpic.net/free-photo/smiling-female-patient-writing-medical-file_107420-73985.jpg?_wi=1"
imageAlt="Mulher sorrindo, feliz e saudável, em ambiente acolhedor"
/>
</div>
<div id="differential" data-section="differential">
<TextSplitAbout
useInvertedBackground={true}
title="Você não é feita de partes isoladas. Seu tratamento também não deve ser."
description={[
"Aqui, você não precisa pular de consultório em consultório explicando sua história do zero. Nossa equipe conversa entre si para cuidar de você por inteiro.",
"Acreditamos na individualidade e no seguimento: criamos uma linha de cuidado contínua para acompanhar suas transformações hormonais, físicas e emocionais ao longo dos anos. Você no centro, acolhida e compreendida.",
]}
/>
</div>
<div id="focus-40" data-section="focus-40">
<TextSplitAbout
useInvertedBackground={false}
title="40+: O início de uma nova e potente fase."
description={[
"Ondas de calor, oscilações de humor, cansaço inexplicável, alterações no sono ou na libido? A perimenopausa e a menopausa não precisam ser sinônimos de perda de qualidade de vida.",
"Enxergamos esse momento como uma transição que merece cuidado especializado e preventivo. Atuamos na regulação metabólica, hormonal e emocional para que você viva a maturidade com energia, autoestima elevada e saúde plena.",
]}
/>
</div>
<div id="specialties" data-section="specialties">
<FeatureCardTwentyEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "ginecologia-endocrinologia",
title: "Ginecologia, Endocrinologia e Metabologia",
subtitle: "O equilíbrio hormonal e metabólico essencial para a longevidade.",
category: "Corpo Médico",
value: "",
buttons: [
{
text: "Saiba Mais",
},
],
},
{
id: "psiquiatria-psicologia",
title: "Psiquiatria, Psicologia e Neuropsicologia",
subtitle: "O suporte à saúde mental, foco, memória e oscilações emocionais.",
category: "Saúde Integrativa",
value: "",
buttons: [
{
text: "Saiba Mais",
},
],
},
{
id: "dermatologia-tricologia",
title: "Dermatologia e Tricologia",
subtitle: "O resgate da autoestima através da saúde da pele e dos cabelos nesta nova fase.",
category: "Corpo Médico",
value: "",
buttons: [
{
text: "Saiba Mais",
},
],
},
{
id: "nutricao",
title: "Nutrição",
subtitle: "Protocolos alimentares específicos para controle de peso e saúde na menopausa.",
category: "Saúde Integrativa",
value: "",
buttons: [
{
text: "Saiba Mais",
},
],
},
{
id: "fisioterapia",
title: "Fisioterapia e Fisioterapia Pélvica",
subtitle: "Longevidade física e cuidado com a musculatura íntima.",
category: "Saúde Integrativa",
value: "",
buttons: [
{
text: "Saiba Mais",
},
],
},
{
id: "terapeuta-sexual",
title: "Terapeuta Sexual",
subtitle: "Um espaço seguro para resgatar o desejo, a intimidade e o prazer.",
category: "Saúde Integrativa",
value: "",
buttons: [
{
text: "Saiba Mais",
},
],
},
]}
title="Cuidado 360°: Nossa Equipe Multidisciplinar"
description="Nossas especialidades trabalham em conjunto, compartilhando informações e traçando estratégias únicas para a sua biologia e momento de vida."
/>
</div>
<div id="team" data-section="team">
<TeamCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
groups={[
{
id: "corpo-medico",
groupTitle: "Corpo Médico",
members: [
{
id: "member-1",
title: "Dra. Ana Costa",
subtitle: "Ginecologia e Obstetrícia",
detail: "Especialista em climatério e menopausa, com foco em terapias hormonais bioidênticas e saúde feminina integral.",
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-three-doctors-nurses-standing-hospital-corridor-wearing-scrubs-coats-team-healthcare-workers-are-staring-camera-smiling_657921-78.jpg",
imageAlt: "Dra. Ana Costa, ginecologista",
},
{
id: "member-2",
title: "Dr. Carlos Almeida",
subtitle: "Endocrinologia e Metabologia",
detail: "Foco na regulação hormonal e metabólica, otimizando a saúde e prevenindo doenças crônicas na maturidade.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-medical-nurse-smiling-camera-hospital-office-wearing-blue-uniform-healthcare-practitioner-sitting-desk-using-computer-modern-clinic-looking-monitor-medicine_482257-15886.jpg",
imageAlt: "Dr. Carlos Almeida, endocrinologista",
},
{
id: "member-3",
title: "Dra. Sofia Lima",
subtitle: "Psiquiatria",
detail: "Suporte à saúde mental da mulher, abordando ansiedade, depressão e oscilações de humor ligadas às fases hormonais.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-dentist-standing-with-arms-crossed_107420-73978.jpg",
imageAlt: "Dra. Sofia Lima, psiquiatra",
},
{
id: "member-4",
title: "Dra. Laura Mendes",
subtitle: "Dermatologia e Tricologia",
detail: "Tratamentos regenerativos para pele e cabelos, combatendo os efeitos do envelhecimento e resgatando a autoestima.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230931.jpg",
imageAlt: "Dra. Laura Mendes, dermatologista",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-patient-writing-medical-file_107420-73985.jpg?_wi=2",
imageAlt: "retrato profissional médica ginecologista mulher",
},
{
id: "saude-integrativa",
groupTitle: "Saúde Integrativa",
members: [
{
id: "member-5",
title: "Nut. Camila Santos",
subtitle: "Nutricionista Funcional",
detail: "Protocolos alimentares personalizados para controle de peso, energia e bem-estar na menopausa e pós-menopausa.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-dietician-holding-green-apple_23-2147882183.jpg",
imageAlt: "Nut. Camila Santos, nutricionista",
},
{
id: "member-6",
title: "Psi. Bianca Ferreira",
subtitle: "Psicologia Clínica",
detail: "Acompanhamento emocional para lidar com as transições de vida, estresse e questões de relacionamento.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-radio-interview_23-2148808729.jpg",
imageAlt: "Psi. Bianca Ferreira, psicóloga",
},
{
id: "member-7",
title: "Neuropsi. Julia Oliveira",
subtitle: "Neuropsicologia",
detail: "Avaliação e reabilitação de funções cognitivas como memória e foco, frequentemente afetadas pelo climatério.",
imageSrc: "http://img.b2bpic.net/free-photo/freelance-woman-desk-with-agenda_23-2148604048.jpg",
imageAlt: "Neuropsi. Julia Oliveira, neuropsicóloga",
},
{
id: "member-8",
title: "Fisio. Renata Castro",
subtitle: "Fisioterapia Pélvica",
detail: "Fortalecimento do assoalho pélvico, melhora da incontinência e dor, com foco na saúde íntima feminina.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-osteopathic-therapist-checking-female-patient-s-abdomen_23-2148846617.jpg",
imageAlt: "Fisio. Renata Castro, fisioterapeuta pélvica",
},
{
id: "member-9",
title: "Terapeuta. Carla Duarte",
subtitle: "Terapeuta Sexual",
detail: "Espaço seguro para explorar e resgatar o desejo, a intimidade e a plenitude da vida sexual feminina.",
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-happy-women-day-guy-holding-bouquet-standing-sofa-with-girl-living-room_141793-122598.jpg",
imageAlt: "Terapeuta. Carla Duarte, terapeuta sexual",
},
],
imageSrc: "http://img.b2bpic.net/free-vector/health-infographic-template-flat-style_23-2148220674.jpg",
imageAlt: "retrato profissional médica ginecologista mulher",
},
]}
title="Conheça Nossos Especialistas"
description="Nossa equipe multidisciplinar de profissionais dedicados à saúde e bem-estar da mulher."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="opacity"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "metric-1",
value: "+15 anos",
title: "de Experiência em Saúde da Mulher",
items: [
"Equipe altamente qualificada",
"Protocolos baseados em evidências",
],
},
{
id: "metric-2",
value: "+500",
title: "Mulheres com Vitalidade Renovada",
items: [
"Aumento da qualidade de vida",
"Redução significativa de sintomas",
],
},
{
id: "metric-3",
value: "98%",
title: "de Satisfação em Atendimento Integrado",
items: [
"Acompanhamento contínuo e personalizado",
"Foco na individualidade da paciente",
],
},
]}
title="Sua Jornada de Bem-Estar em Números"
description="Resultados que transformam vidas e resgatam a vitalidade feminina, baseados na ciência e no acolhimento."
/>
</div>
<div id="community" data-section="community">
<BlogCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Uma jornada compartilhada."
description="Nenhuma mulher deve passar por suas transformações sozinha. Criamos mais do que uma clínica: um espaço de conexão entre mulheres. Aqui promovemos rodas de conversa, partilha de experiências e uma rede de apoio real. Porque ouvir a história de outra mulher nos fortalece e nos valida."
blogs={[
{
id: "blog-1",
category: "Comunidade",
title: "Rodas de Conversa: Menopausa Sem Tabus",
excerpt: "Participe de nossos encontros online e presenciais para compartilhar experiências e aprender com outras mulheres.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-meditating-full-shot_23-2148897907.jpg",
imageAlt: "Grupo de mulheres conversando e rindo",
authorName: "Equipe Mulher Plena",
authorAvatar: "http://img.b2bpic.net/free-photo/doctor-with-smile_1098-21962.jpg",
date: "22 de Agosto, 2024",
},
{
id: "blog-2",
category: "Conteúdo",
title: "Libido na Maturidade: Mitos e Verdades",
excerpt: "Desmistificamos as questões da sexualidade feminina após os 40, com dicas e informações baseadas em ciência.",
imageSrc: "http://img.b2bpic.net/free-photo/fairskinned-adult-women-discuss-latest-news-while-sitting-table-outdoor-cafe-drinking-latte-weekend-enjoyment-concept_197531-31204.jpg",
imageAlt: "Mulher sorrindo praticando yoga",
authorName: "Dr. Carlos Almeida",
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-beautiful-blonde-woman_23-2148471029.jpg",
date: "15 de Agosto, 2024",
},
{
id: "blog-3",
category: "Workshop",
title: "Saúde Mental e Hormônios: Workshop Prático",
excerpt: "Entenda a conexão entre suas emoções e a fisiologia. Ferramentas práticas para mais equilíbrio e bem-estar.",
imageSrc: "http://img.b2bpic.net/free-photo/home-lifestyle-concept-woman-teleworking_23-2148541291.jpg",
imageAlt: "Mulher participando de workshop online",
authorName: "Psi. Bianca Ferreira",
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg",
date: "10 de Agosto, 2024",
},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Recuperei meu sono e energia!",
quote: "\"Depois dos 45, achei que nunca mais teria uma boa noite de sono. A equipe da Clínica Mulher Plena me ajudou a entender meu corpo e a encontrar o equilíbrio. Hoje, durmo bem e tenho energia para tudo!\"",
name: "Sarah G.",
role: "Empresária, 48 anos",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-woman-posing_344912-2987.jpg",
imageAlt: "Sarah G. sorrindo",
},
{
id: "2",
title: "Autoestima renovada!",
quote: "\"As mudanças na pele e nos cabelos me abalaram muito. Com a dermatologia e nutrição integradas, me sinto mais bonita e confiante do que nunca. A Clínica Mulher Plena mudou minha forma de me ver!\"",
name: "Camila D.",
role: "Designer, 52 anos",
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
imageAlt: "Camila D. sorrindo",
},
{
id: "3",
title: "Minha libido voltou!",
quote: "\"Eu tinha vergonha de falar sobre a perda de libido, mas aqui fui acolhida. A fisioterapia pélvica e a terapia sexual me ajudaram a redescobrir o prazer e a intimidade. Sou grata!\"",
name: "Fernanda M.",
role: "Professora, 50 anos",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-brunette-girl-laughing-holding-her-head-looking-away-outdoors-holiday-life-concept_197531-32660.jpg",
imageAlt: "Fernanda M. feliz",
},
{
id: "4",
title: "Adeus, ondas de calor!",
quote: "\"As ondas de calor eram insuportáveis. Com o tratamento hormonal e acompanhamento da endocrinologia, hoje vivo sem esse desconforto. A qualidade de vida voltou de verdade.\"",
name: "Mariana P.",
role: "Contadora, 55 anos",
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-string-finger-reminder_23-2150939836.jpg",
imageAlt: "Mariana P. tranquila",
},
{
id: "5",
title: "Mais calma e equilíbrio emocional.",
quote: "\"As oscilações de humor me deixavam exausta. O apoio da psiquiatria e psicologia fez toda a diferença. Sinto que controlo minhas emoções novamente e vivo com mais paz.\"",
name: "Beatriz V.",
role: "Advogada, 49 anos",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-studio_23-2149304698.jpg",
imageAlt: "Beatriz V. serena",
},
{
id: "6",
title: "Os 45 anos podem ser os melhores da minha vida!",
quote: "\"Recuperei meu sono, minha libido e minha disposição. Descobri que os 45 anos podiam ser os melhores da minha vida, graças ao cuidado integral que recebi aqui.\"",
name: "Patrícia R.",
role: "Jornalista, 45 anos",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-look-away-white-shirt_197531-33555.jpg",
imageAlt: "Patrícia R. radiante",
},
]}
title="Voz às Pacientes: Histórias de Transformação"
description="Relatos reais de mulheres que recuperaram a qualidade de vida e descobriram a potência da maturidade com o nosso apoio."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Transforme Sua Saúde Hoje"
description="Agende sua consulta e comece sua jornada de vitalidade e bem-estar conosco. Estamos prontas para te acolher."
inputs={[
{
name: "name",
type: "text",
placeholder: "Seu Nome Completo",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Seu Melhor E-mail",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Seu Telefone (WhatsApp)",
required: true,
},
{
name: "subject",
type: "text",
placeholder: "Assunto",
required: false,
},
]}
textarea={{
name: "message",
placeholder: "Sua Mensagem",
rows: 4,
required: true,
}}
imageSrc="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"
imageAlt="Mulher preenchendo formulário de contato em um ambiente de clínica"
mediaAnimation="opacity"
mediaPosition="right"
buttonText="Enviar Mensagem"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navegação",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Diferencial",
href: "#differential",
},
{
label: "Especialidades",
href: "#specialties",
},
{
label: "Equipe",
href: "#team",
},
],
},
{
title: "Recursos",
items: [
{
label: "Comunidade",
href: "#community",
},
{
label: "Relatos de Pacientes",
href: "#testimonials",
},
{
label: "Blog",
href: "#community",
},
{
label: "FAQs",
href: "#",
},
],
},
{
title: "Contato",
items: [
{
label: "Agende sua Consulta",
href: "#contact",
},
{
label: "WhatsApp",
href: "#",
},
{
label: "Localização",
href: "#",
},
{
label: "E-mail",
href: "#",
},
],
},
]}
logoText="Clínica Mulher Plena"
copyrightText="© 2024 Clínica Mulher Plena. Todos os direitos reservados."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}