Merge version_1 into main #2
237
src/app/page.tsx
237
src/app/page.tsx
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Welcome",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Approach",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Resources",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Welcome", id: "hero" },
|
||||
{ name: "Approach", id: "about" },
|
||||
{ name: "Resources", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dr. Sera"
|
||||
/>
|
||||
@@ -51,113 +39,40 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Set things down, don't carry them alone."
|
||||
description="I'm Dr. Sera. A quiet space to observe what you're holding, and gently learn to set it down. Psychological Detachment Therapy for those seeking spaciousness."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png?_wi=1",
|
||||
imageAlt: "Calm reflection",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png?_wi=2",
|
||||
imageAlt: "Calm reflection 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png?_wi=3",
|
||||
imageAlt: "Calm reflection 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png?_wi=4",
|
||||
imageAlt: "Calm reflection 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png?_wi=5",
|
||||
imageAlt: "Calm reflection 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png?_wi=6",
|
||||
imageAlt: "Calm reflection 6",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png", imageAlt: "Calm reflection" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png", imageAlt: "Calm reflection 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png", imageAlt: "Calm reflection 3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png", imageAlt: "Calm reflection 4" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png", imageAlt: "Calm reflection 5" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png", imageAlt: "Calm reflection 6" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png?_wi=7",
|
||||
imageAlt: "Calm reflection 7",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png?_wi=8",
|
||||
imageAlt: "Calm reflection 8",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png?_wi=9",
|
||||
imageAlt: "Calm reflection 9",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png?_wi=10",
|
||||
imageAlt: "Calm reflection 10",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png?_wi=11",
|
||||
imageAlt: "Calm reflection 11",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png?_wi=12",
|
||||
imageAlt: "Calm reflection 12",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Begin Session",
|
||||
href: "#contact",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png", imageAlt: "Calm reflection 7" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png", imageAlt: "Calm reflection 8" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png", imageAlt: "Calm reflection 9" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png", imageAlt: "Calm reflection 10" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png", imageAlt: "Calm reflection 11" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-calm-meditative-abstract-representatio-1775393297492-05fa21bd.png", imageAlt: "Calm reflection 12" }
|
||||
]}
|
||||
buttons={[{ text: "Begin Session", href: "#contact" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393296925-9da607f8.png",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393299853-c36d839d.png",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393297918-9bcaf589.png",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393297673-f51f83f7.png",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393298718-651b463c.png",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393296925-9da607f8.png", alt: "Client 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393299853-c36d839d.png", alt: "Client 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393297918-9bcaf589.png", alt: "Client 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393297673-f51f83f7.png", alt: "Client 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393298718-651b463c.png", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ individuals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Mindfulness",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ACT",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Stoicism",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Grounding",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Acceptance",
|
||||
},
|
||||
{ type: "text", text: "Mindfulness" },
|
||||
{ type: "text", text: "ACT" },
|
||||
{ type: "text", text: "Stoicism" },
|
||||
{ type: "text", text: "Grounding" },
|
||||
{ type: "text", text: "Acceptance" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,53 +81,19 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="A space for witness, not identification."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn about detachment",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn about detachment", href: "#features" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Cognitive Distancing",
|
||||
author: "Technique 01",
|
||||
description: "Learn to observe your thoughts as passing phenomena, like clouds in the sky, rather than absolute truths.",
|
||||
tags: [
|
||||
"ACT",
|
||||
"Mindfulness",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/minimalist-icon-illustration-of-an-open--1775393296841-7feb4d6e.png",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Emotional Reframing",
|
||||
author: "Technique 02",
|
||||
description: "Externalize problems and reactive parts of yourself to create space for genuine self-discovery.",
|
||||
tags: [
|
||||
"Narrative",
|
||||
"IFS",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/minimalist-icon-illustration-of-a-cloud--1775393296528-77d3c414.png",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Grounding Practices",
|
||||
author: "Technique 03",
|
||||
description: "Anchoring in the present moment through breath and awareness to regain your agency.",
|
||||
tags: [
|
||||
"MBCT",
|
||||
"Grounding",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/minimalist-icon-illustration-of-a-compas-1775393296421-d6782a2f.png",
|
||||
},
|
||||
{ id: "f1", title: "Cognitive Distancing", author: "Technique 01", description: "Learn to observe your thoughts as passing phenomena, like clouds in the sky, rather than absolute truths.", tags: ["ACT", "Mindfulness"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/minimalist-icon-illustration-of-an-open--1775393296841-7feb4d6e.png" },
|
||||
{ id: "f2", title: "Emotional Reframing", author: "Technique 02", description: "Externalize problems and reactive parts of yourself to create space for genuine self-discovery.", tags: ["Narrative", "IFS"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/minimalist-icon-illustration-of-a-cloud--1775393296528-77d3c414.png" },
|
||||
{ id: "f3", title: "Grounding Practices", author: "Technique 03", description: "Anchoring in the present moment through breath and awareness to regain your agency.", tags: ["MBCT", "Grounding"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/minimalist-icon-illustration-of-a-compas-1775393296421-d6782a2f.png" }
|
||||
]}
|
||||
title="Your Therapeutic Toolkit"
|
||||
description="Drawing from ACT, Stoicism, and Mindfulness to help you observe thoughts without becoming them."
|
||||
@@ -223,31 +104,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elias Thorne",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393296925-9da607f8.png",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Jenkins",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393299853-c36d839d.png",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus Vane",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393297918-9bcaf589.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena Rossi",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393297673-f51f83f7.png",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julianne Moore",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393298718-651b463c.png",
|
||||
},
|
||||
{ id: "t1", name: "Elias Thorne", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393296925-9da607f8.png" },
|
||||
{ id: "t2", name: "Sarah Jenkins", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393299853-c36d839d.png" },
|
||||
{ id: "t3", name: "Marcus Vane", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393297918-9bcaf589.png" },
|
||||
{ id: "t4", name: "Elena Rossi", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393297673-f51f83f7.png" },
|
||||
{ id: "t5", name: "Julianne Moore", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/a-serene-portrait-of-a-person-in-deep-pe-1775393298718-651b463c.png" }
|
||||
]}
|
||||
cardTitle="What others are saying"
|
||||
cardTag="Quiet Reflections"
|
||||
@@ -261,24 +122,10 @@ export default function LandingPage() {
|
||||
title="Ready to set things down?"
|
||||
description="A quiet space is waiting for you. No pressure, just conversation."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "What's weighing on you today?",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "What's weighing on you today?", required: true }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF1mEnkRRJPC1cz1CR3VrHxGf/abstract-minimalist-wave-pattern-in-soft-1775393296349-2bbbaaa3.png"
|
||||
/>
|
||||
</div>
|
||||
@@ -292,4 +139,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user