Update src/app/page.tsx
This commit is contained in:
197
src/app/page.tsx
197
src/app/page.tsx
@@ -20,27 +20,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sintomas",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Tratamentos",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Sintomas", id: "features" },
|
||||
{ name: "Tratamentos", id: "faq" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Saúde Mental"
|
||||
/>
|
||||
@@ -48,20 +43,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Compreendendo a Ansiedade e a Depressão"
|
||||
description="Informações essenciais para identificar sintomas e buscar caminhos de tratamento humanizados e eficazes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Saiba mais",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
text: "Ajuda Imediata",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Saiba mais", href: "#about" },
|
||||
{ text: "Ajuda Imediata", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-background-water-wave-texture_53876-145212.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -81,21 +68,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Palpitações constantes",
|
||||
description: "Sentir o coração acelerado sem motivo aparente pode ser um sinal de ansiedade.",
|
||||
},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
title: "Fadiga persistente",
|
||||
description: "O cansaço que não passa após o descanso é comum na depressão.",
|
||||
},
|
||||
{
|
||||
icon: Cloud,
|
||||
title: "Pensamentos intrusivos",
|
||||
description: "Preocupação excessiva com o futuro ou pensamentos negativos recorrentes.",
|
||||
},
|
||||
{ icon: Heart, title: "Palpitações constantes", description: "Sentir o coração acelerado sem motivo aparente pode ser um sinal de ansiedade." },
|
||||
{ icon: Lightbulb, title: "Fadiga persistente", description: "O cansaço que não passa após o descanso é comum na depressão." },
|
||||
{ icon: Cloud, title: "Pensamentos intrusivos", description: "Preocupação excessiva com o futuro ou pensamentos negativos recorrentes." },
|
||||
]}
|
||||
title="Principais Sintomas"
|
||||
description="Identificar os sinais é o primeiro passo para o acolhimento."
|
||||
@@ -108,24 +83,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Pessoas impactadas",
|
||||
value: "Milhões",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: CheckCircle,
|
||||
title: "Taxa de recuperação",
|
||||
value: "Alta",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Activity,
|
||||
title: "Tratamentos eficazes",
|
||||
value: "Variados",
|
||||
},
|
||||
{ id: "m1", icon: Users, title: "Pessoas impactadas", value: "Milhões" },
|
||||
{ id: "m2", icon: CheckCircle, title: "Taxa de recuperação", value: "Alta" },
|
||||
{ id: "m3", icon: Activity, title: "Tratamentos eficazes", value: "Variados" },
|
||||
]}
|
||||
title="Dados Importantes"
|
||||
description="A conscientização ajuda a reduzir o estigma."
|
||||
@@ -139,26 +99,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Ana Silva"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-doctor-speaking-with-patient_23-2147896697.jpg",
|
||||
alt: "Ana",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-doctor-checking-patient_23-2149726926.jpg",
|
||||
alt: "Carlos",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-european-businessman-dark-suit-isolated-begging-praying-with-hands-together-with-hope-expression-face-very-emotional-worried_343596-4969.jpg",
|
||||
alt: "Beatriz",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-breathing-seaside_839833-24701.jpg",
|
||||
alt: "Daniel",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-woman_23-2149207171.jpg",
|
||||
alt: "Elisa",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-doctor-speaking-with-patient_23-2147896697.jpg", alt: "Ana" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-smiley-doctor-checking-patient_23-2149726926.jpg", alt: "Carlos" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bearded-european-businessman-dark-suit-isolated-begging-praying-with-hands-together-with-hope-expression-face-very-emotional-worried_343596-4969.jpg", alt: "Beatriz" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-breathing-seaside_839833-24701.jpg", alt: "Daniel" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-woman_23-2149207171.jpg", alt: "Elisa" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -170,21 +115,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "O que fazer em crise?",
|
||||
content: "Procure um lugar calmo, foque na respiração lenta e, se necessário, busque ajuda médica de emergência.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Terapia ajuda?",
|
||||
content: "Sim, a psicoterapia é um dos pilares mais importantes no tratamento da depressão e ansiedade.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Medicação é necessária?",
|
||||
content: "Depende de cada caso. A avaliação com um psiquiatra é fundamental para decidir o melhor caminho.",
|
||||
},
|
||||
{ id: "q1", title: "O que fazer em crise?", content: "Procure um lugar calmo, foque na respiração lenta e, se necessário, busque ajuda médica de emergência." },
|
||||
{ id: "q2", title: "Terapia ajuda?", content: "Sim, a psicoterapia é um dos pilares mais importantes no tratamento da depressão e ansiedade." },
|
||||
{ id: "q3", title: "Medicação é necessária?", content: "Depende de cada caso. A avaliação com um psiquiatra é fundamental para decidir o melhor caminho." },
|
||||
]}
|
||||
title="Dúvidas Frequentes"
|
||||
description="Encontre respostas para as perguntas mais comuns sobre tratamento."
|
||||
@@ -200,36 +133,9 @@ export default function LandingPage() {
|
||||
title="Artigos Recentes"
|
||||
description="Conteúdos informativos para promover o bem-estar mental."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Dicas",
|
||||
title: "5 hábitos para reduzir o estresse",
|
||||
excerpt: "Pequenas mudanças no cotidiano podem aliviar a carga emocional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-steel-blue-watercolor-background_53876-101917.jpg",
|
||||
authorName: "Dra. Luiza",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg",
|
||||
date: "12 Out 2023",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Acolhimento",
|
||||
title: "Como conversar com alguém",
|
||||
excerpt: "Escuta ativa é a chave para apoiar amigos em depressão.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-light-steel-blue-wallpaper-image_53876-94665.jpg",
|
||||
authorName: "Dr. Pedro",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-health-worker-supervising-patient_23-2148894856.jpg",
|
||||
date: "15 Out 2023",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Tratamento",
|
||||
title: "O papel do autocuidado",
|
||||
excerpt: "O autocuidado não substitui a terapia, mas é um excelente aliado.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-mindfulness-leisure-art-activity_53876-133706.jpg",
|
||||
authorName: "Dra. Marta",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-freckles-straight-hair-keeping-her-eyes-closed-smiling-dreaming-about-vacations-thinking-something-pleasant_343059-4033.jpg",
|
||||
date: "18 Out 2023",
|
||||
},
|
||||
{ id: "b1", category: "Dicas", title: "5 hábitos para reduzir o estresse", excerpt: "Pequenas mudanças no cotidiano podem aliviar a carga emocional.", imageSrc: "http://img.b2bpic.net/free-photo/light-steel-blue-watercolor-background_53876-101917.jpg", authorName: "Dra. Luiza", authorAvatar: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg", date: "12 Out 2023" },
|
||||
{ id: "b2", category: "Acolhimento", title: "Como conversar com alguém", excerpt: "Escuta ativa é a chave para apoiar amigos em depressão.", imageSrc: "http://img.b2bpic.net/free-photo/watercolor-light-steel-blue-wallpaper-image_53876-94665.jpg", authorName: "Dr. Pedro", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-health-worker-supervising-patient_23-2148894856.jpg", date: "15 Out 2023" },
|
||||
{ id: "b3", category: "Tratamento", title: "O papel do autocuidado", excerpt: "O autocuidado não substitui a terapia, mas é um excelente aliado.", imageSrc: "http://img.b2bpic.net/free-photo/illustration-mindfulness-leisure-art-activity_53876-133706.jpg", authorName: "Dra. Marta", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-freckles-straight-hair-keeping-her-eyes-closed-smiling-dreaming-about-vacations-thinking-something-pleasant_343059-4033.jpg", date: "18 Out 2023" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -237,18 +143,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Entre em contato"
|
||||
title="Precisa de ajuda ou orientação?"
|
||||
description="Estamos aqui para oferecer suporte e informações confiáveis."
|
||||
buttons={[
|
||||
{
|
||||
text: "Falar com suporte",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Falar com suporte", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -257,36 +156,12 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-105182.jpg"
|
||||
logoText="Saúde Mental"
|
||||
columns={[
|
||||
{
|
||||
title: "Navegação",
|
||||
items: [
|
||||
{
|
||||
label: "Início",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Sintomas",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Termos",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navegação", items: [{ label: "Início", href: "#hero" }, { label: "Sintomas", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacidade", href: "#" }, { label: "Termos", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user