Merge version_1 into main #1
371
src/App.tsx
371
src/App.tsx
@@ -10,224 +10,181 @@ import TestimonialAvatarCard from '@/components/sections/testimonial/Testimonial
|
||||
export default function App() {
|
||||
return (
|
||||
<>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="ZENSA"
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Science",
|
||||
id: "science",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Get Started",
|
||||
href: "#download",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
tag="Mindfulness Simplified"
|
||||
title="Find Your Inner Calm with ZENSA"
|
||||
description="Science-backed meditation, sleep, and breathwork designed to help you thrive in a busy world."
|
||||
primaryButton={{
|
||||
text: "Download App",
|
||||
href: "#download",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#science",
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-serene-and-calming-image-representing--1776156696546-60af4110.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesRevealCards
|
||||
tag="Core Pillars"
|
||||
title="Wellness for Every Moment"
|
||||
description="Evidence-based tools designed to support your mental health journey."
|
||||
items={[
|
||||
{
|
||||
title: "Deep Sleep",
|
||||
description: "Drift into restorative sleep with our curated soundscapes and guided sleep journeys.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-conceptual-icon-representing-sleep-wel-1776156703546-8ed3629e.png",
|
||||
},
|
||||
{
|
||||
title: "Daily Meditation",
|
||||
description: "Short, guided sessions designed to reduce stress and improve daily focus and clarity.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-conceptual-icon-representing-deep-medi-1776156711988-b762b54e.png",
|
||||
},
|
||||
{
|
||||
title: "Calm Breathwork",
|
||||
description: "Master your nervous system with guided breathing exercises tailored for immediate anxiety relief.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-conceptual-icon-representing-breathwor-1776156718784-bba32f5c.png",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialAvatarCard
|
||||
tag="Our Community"
|
||||
title="Voices of Calm"
|
||||
avatars={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-professional-avatar-of-a-happy-user-na-1776156728420-694d57bf.png",
|
||||
},
|
||||
{
|
||||
name: "Mark D.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-professional-avatar-of-a-calm-user-nat-1776156737192-620e9c16.png",
|
||||
},
|
||||
{
|
||||
name: "Elena R.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-professional-avatar-of-a-peaceful-user-1776156745029-c4fcc9a6.png",
|
||||
},
|
||||
{
|
||||
name: "James K.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-professional-avatar-of-a-happy-user-na-1776156764070-61d13f68.png",
|
||||
},
|
||||
{
|
||||
name: "Lisa M.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-professional-portrait-of-a-calm-and-co-1776156779859-43f77f77.png",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="science" data-section="science">
|
||||
<MetricsMinimalCards
|
||||
tag="Backed by Science"
|
||||
title="Proven Results"
|
||||
metrics={[
|
||||
{
|
||||
value: "85%",
|
||||
description: "Reported lower stress levels after 2 weeks",
|
||||
},
|
||||
{
|
||||
value: "92%",
|
||||
description: "Users report improved sleep quality",
|
||||
},
|
||||
{
|
||||
value: "15k+",
|
||||
description: "Active daily mindful sessions",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingLayeredCards
|
||||
tag="Choose Your Path"
|
||||
title="Simple Pricing"
|
||||
description="Start for free or unlock the full ZENSA experience."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essential",
|
||||
price: "Free",
|
||||
description: "Perfect for getting started with basics.",
|
||||
primaryButton: {
|
||||
text: "Get Started",
|
||||
href: "#download",
|
||||
},
|
||||
features: [
|
||||
"Daily mindfulness basics",
|
||||
"Sleep soundscapes",
|
||||
"Basic breathing",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Premium",
|
||||
price: "$12/mo",
|
||||
description: "Unlocking deep calm for your daily life.",
|
||||
primaryButton: {
|
||||
text: "Go Premium",
|
||||
href: "#",
|
||||
},
|
||||
features: [
|
||||
"Unlimited meditation",
|
||||
"Advanced breathwork",
|
||||
"Sleep journeys",
|
||||
"Progress tracking",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="download" data-section="download">
|
||||
<ContactSplitEmail
|
||||
tag="Get ZENSA"
|
||||
title="Start Your Journey Today"
|
||||
description="Download the app on iOS or Android and reclaim your calm."
|
||||
inputPlaceholder="Enter email for invite link..."
|
||||
buttonText="Send Link"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-modern-smartphone-showing-a-sleek-ment-1776156754693-a4a719e5.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimpleReveal
|
||||
brand="ZENSA"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="ZENSA"
|
||||
navItems={[
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
name: "Features", href: "#features"
|
||||
},
|
||||
{
|
||||
label: "Science",
|
||||
href: "#science",
|
||||
name: "Science", href: "#science"
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
name: "Pricing", href: "#pricing"
|
||||
}
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Get Started", href: "#download"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
tag="Mindfulness Simplified"
|
||||
title="Find Your Inner Calm with ZENSA"
|
||||
description="Science-backed meditation, sleep, and breathwork designed to help you thrive in a busy world."
|
||||
primaryButton={{
|
||||
text: "Download App", href: "#download"
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Learn More", href: "#science"
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-serene-and-calming-image-representing--1776156696546-60af4110.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesRevealCards
|
||||
tag="Core Pillars"
|
||||
title="Wellness for Every Moment"
|
||||
description="Evidence-based tools designed to support your mental health journey."
|
||||
items={[
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
title: "Deep Sleep", description: "Drift into restorative sleep with our curated soundscapes and guided sleep journeys.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-conceptual-icon-representing-sleep-wel-1776156703546-8ed3629e.png"
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
title: "Daily Meditation", description: "Short, guided sessions designed to reduce stress and improve daily focus and clarity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-conceptual-icon-representing-deep-medi-1776156711988-b762b54e.png"
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
title: "Calm Breathwork", description: "Master your nervous system with guided breathing exercises tailored for immediate anxiety relief.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-conceptual-icon-representing-breathwor-1776156718784-bba32f5c.png"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialAvatarCard
|
||||
tag="Our Community"
|
||||
title="Voices of Calm"
|
||||
avatars={[
|
||||
{
|
||||
name: "Sarah J.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-professional-avatar-of-a-happy-user-na-1776156728420-694d57bf.png"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyright="© 2024 ZENSA Wellness. All rights reserved."
|
||||
links={[
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
{
|
||||
name: "Mark D.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-professional-avatar-of-a-calm-user-nat-1776156737192-620e9c16.png"
|
||||
},
|
||||
{
|
||||
name: "Elena R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-professional-avatar-of-a-peaceful-user-1776156745029-c4fcc9a6.png"
|
||||
},
|
||||
{
|
||||
name: "James K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-professional-avatar-of-a-happy-user-na-1776156764070-61d13f68.png"
|
||||
},
|
||||
{
|
||||
name: "Lisa M.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-professional-portrait-of-a-calm-and-co-1776156779859-43f77f77.png"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="science" data-section="science">
|
||||
<MetricsMinimalCards
|
||||
tag="Backed by Science"
|
||||
title="Proven Results"
|
||||
metrics={[
|
||||
{
|
||||
value: "85%", description: "Reported lower stress levels after 2 weeks"
|
||||
},
|
||||
{
|
||||
value: "92%", description: "Users report improved sleep quality"
|
||||
},
|
||||
{
|
||||
value: "15k+", description: "Active daily mindful sessions"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingLayeredCards
|
||||
tag="Choose Your Path"
|
||||
title="Simple Pricing"
|
||||
description="Start for free or unlock the full ZENSA experience."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essential", price: "Free", description: "Perfect for getting started with basics.", primaryButton: {
|
||||
text: "Get Started", href: "#download"
|
||||
},
|
||||
features: [
|
||||
"Daily mindfulness basics", "Sleep soundscapes", "Basic breathing"
|
||||
]
|
||||
},
|
||||
{
|
||||
tag: "Premium", price: "$12/mo", description: "Unlocking deep calm for your daily life.", primaryButton: {
|
||||
text: "Go Premium", href: "#"
|
||||
},
|
||||
features: [
|
||||
"Unlimited meditation", "Advanced breathwork", "Sleep journeys", "Progress tracking"
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="download" data-section="download">
|
||||
<ContactSplitEmail
|
||||
tag="Get ZENSA"
|
||||
title="Start Your Journey Today"
|
||||
description="Download the app on iOS or Android and reclaim your calm."
|
||||
inputPlaceholder="Enter email for invite link..."
|
||||
buttonText="Send Link"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-modern-smartphone-showing-a-sleek-ment-1776156754693-a4a719e5.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimpleReveal
|
||||
brand="ZENSA"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features", href: "#features"
|
||||
},
|
||||
{
|
||||
label: "Science", href: "#science"
|
||||
},
|
||||
{
|
||||
label: "Pricing", href: "#pricing"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Blog", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Contact", href: "#"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyright="© 2024 ZENSA Wellness. All rights reserved."
|
||||
links={[
|
||||
{
|
||||
label: "Privacy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Terms", href: "#"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user