Merge version_1 into main #2
214
src/app/page.tsx
214
src/app/page.tsx
@@ -30,27 +30,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Spaces",
|
||||
id: "spaces",
|
||||
},
|
||||
name: "Spaces", id: "spaces"},
|
||||
{
|
||||
name: "Journal",
|
||||
id: "journal",
|
||||
},
|
||||
name: "Journal", id: "journal"},
|
||||
{
|
||||
name: "Pause",
|
||||
id: "pause",
|
||||
},
|
||||
name: "Pause", id: "pause"},
|
||||
]}
|
||||
brandName="Lunaire"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "/login",
|
||||
}}
|
||||
text: "Get Started", href: "/login"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,97 +48,51 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Where the tide turns within."
|
||||
description="Lunaire provides a safe, anonymous sanctuary for your thoughts, emotions, and personal healing journey."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Anon",
|
||||
handle: "@user1",
|
||||
testimonial: "Finally, a place where I feel understood.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bw40aqrpuy2x9h1v1XyjbQ5MIj/uploaded-1775386708128-ub1k7d3l.png?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
name: "Anon", handle: "@user1", testimonial: "Finally, a place where I feel understood.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bw40aqrpuy2x9h1v1XyjbQ5MIj/uploaded-1775386708128-ub1k7d3l.png", imageAlt: "User provided image"},
|
||||
{
|
||||
name: "Anon",
|
||||
handle: "@user2",
|
||||
testimonial: "The mood tracker helps me recognize my patterns.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunset-alpine-lake-surrounded-by-trees-swiss-alps-evening_181624-24778.jpg?_wi=1",
|
||||
imageAlt: "moonlit water reflection calm atmosphere",
|
||||
},
|
||||
name: "Anon", handle: "@user2", testimonial: "The mood tracker helps me recognize my patterns.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunset-alpine-lake-surrounded-by-trees-swiss-alps-evening_181624-24778.jpg", imageAlt: "moonlit water reflection calm atmosphere"},
|
||||
{
|
||||
name: "Anon",
|
||||
handle: "@user3",
|
||||
testimonial: "The pause feature is a literal lifesaver.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-boy-smiling_23-2149260611.jpg",
|
||||
imageAlt: "Portrait of a young boy smiling",
|
||||
},
|
||||
name: "Anon", handle: "@user3", testimonial: "The pause feature is a literal lifesaver.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-boy-smiling_23-2149260611.jpg", imageAlt: "Portrait of a young boy smiling"},
|
||||
{
|
||||
name: "Anon",
|
||||
handle: "@user4",
|
||||
testimonial: "I feel so much safer expressing myself here.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-boy-posing-studio_176474-76203.jpg",
|
||||
imageAlt: "Expressive young boy posing in the studio",
|
||||
},
|
||||
name: "Anon", handle: "@user4", testimonial: "I feel so much safer expressing myself here.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-boy-posing-studio_176474-76203.jpg", imageAlt: "Expressive young boy posing in the studio"},
|
||||
{
|
||||
name: "Anon",
|
||||
handle: "@user5",
|
||||
testimonial: "The community is actually kind and supportive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-silly-young-hispanic-trying-kiss-girl-after-date-first-time-leaning_1258-110296.jpg",
|
||||
imageAlt: "Portrait of cute and silly young hispanic trying to kiss girl after date for the first time leaning",
|
||||
},
|
||||
name: "Anon", handle: "@user5", testimonial: "The community is actually kind and supportive.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-silly-young-hispanic-trying-kiss-girl-after-date-first-time-leaning_1258-110296.jpg", imageAlt: "Portrait of cute and silly young hispanic trying to kiss girl after date for the first time leaning"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sunset-alpine-lake-surrounded-by-trees-swiss-alps-evening_181624-24778.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sunset-alpine-lake-surrounded-by-trees-swiss-alps-evening_181624-24778.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-boy-smiling_23-2149260611.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-boy-smiling_23-2149260611.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-young-boy-posing-studio_176474-76203.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-young-boy-posing-studio_176474-76203.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cute-silly-young-hispanic-trying-kiss-girl-after-date-first-time-leaning_1258-110296.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cute-silly-young-hispanic-trying-kiss-girl-after-date-first-time-leaning_1258-110296.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-sad-boy-portrait_23-2149607247.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-sad-boy-portrait_23-2149607247.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-curly-hair_273609-12029.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-curly-hair_273609-12029.jpg", alt: "User 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Anonymous Support",
|
||||
},
|
||||
type: "text", text: "Anonymous Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Journaling",
|
||||
},
|
||||
type: "text", text: "Daily Journaling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Calm Breathing",
|
||||
},
|
||||
type: "text", text: "Calm Breathing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Safe Moderation",
|
||||
},
|
||||
type: "text", text: "Safe Moderation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Inclusive Space",
|
||||
},
|
||||
type: "text", text: "Inclusive Space"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,44 +104,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Mood Check-in",
|
||||
description: "Track your feelings daily to understand your emotional cycles.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Smile,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sad-boy-portrait_23-2149607247.jpg",
|
||||
imageAlt: "Close up on sad boy portrait",
|
||||
title: "Mood Check-in", description: "Track your feelings daily to understand your emotional cycles.", bentoComponent: "reveal-icon", icon: Smile,
|
||||
},
|
||||
{
|
||||
title: "Safe Spaces",
|
||||
description: "Connect with others anonymously in curated, moderated community rooms.",
|
||||
bentoComponent: "chat",
|
||||
aiIcon: Users,
|
||||
title: "Safe Spaces", description: "Connect with others anonymously in curated, moderated community rooms.", bentoComponent: "chat", aiIcon: Users,
|
||||
userIcon: MessageCircle,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "I'm having a hard day.",
|
||||
aiResponse: "You are not alone, we are here for you.",
|
||||
},
|
||||
userMessage: "I'm having a hard day.", aiResponse: "You are not alone, we are here for you."},
|
||||
],
|
||||
placeholder: "Share anonymously...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-curly-hair_273609-12029.jpg",
|
||||
imageAlt: "Portrait of young woman with curly hair",
|
||||
placeholder: "Share anonymously..."},
|
||||
{
|
||||
title: "Pause Sessions", description: "Calm your mind with guided, rhythmic breathing animations.", bentoComponent: "reveal-icon", icon: Wind,
|
||||
},
|
||||
{
|
||||
title: "Pause Sessions",
|
||||
description: "Calm your mind with guided, rhythmic breathing animations.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wind,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bw40aqrpuy2x9h1v1XyjbQ5MIj/uploaded-1775386708128-ub1k7d3l.png?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
title: "Mind Drops",
|
||||
description: "Daily affirmations personalized to your emotional needs.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunset-alpine-lake-surrounded-by-trees-swiss-alps-evening_181624-24778.jpg?_wi=3",
|
||||
imageAlt: "moonlit water reflection calm atmosphere",
|
||||
title: "Mind Drops", description: "Daily affirmations personalized to your emotional needs.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
title="Tools for your inner tide"
|
||||
@@ -210,20 +131,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is Lunaire truly anonymous?",
|
||||
content: "Yes, we prioritize your safety and anonymity in our community spaces.",
|
||||
},
|
||||
id: "1", title: "Is Lunaire truly anonymous?", content: "Yes, we prioritize your safety and anonymity in our community spaces."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Who can see my journal?",
|
||||
content: "Your journal is private and stays between you and your local storage/cloud.",
|
||||
},
|
||||
id: "2", title: "Who can see my journal?", content: "Your journal is private and stays between you and your local storage/cloud."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is this moderated?",
|
||||
content: "Yes, we have community moderators to ensure our spaces stay safe.",
|
||||
},
|
||||
id: "3", title: "Is this moderated?", content: "Yes, we have community moderators to ensure our spaces stay safe."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="We're here to make Lunaire a safe experience for everyone."
|
||||
@@ -240,23 +152,14 @@ export default function LandingPage() {
|
||||
description="Connecting teens worldwide to safer emotional outlets."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Heart,
|
||||
title: "Active Users",
|
||||
value: "10k+",
|
||||
},
|
||||
id: "1", icon: Heart,
|
||||
title: "Active Users", value: "10k+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Shield,
|
||||
title: "Safe Sessions",
|
||||
value: "50k+",
|
||||
},
|
||||
id: "2", icon: Shield,
|
||||
title: "Safe Sessions", value: "50k+"},
|
||||
{
|
||||
id: "3",
|
||||
icon: MessageCircle,
|
||||
title: "Peer Support",
|
||||
value: "100k+",
|
||||
},
|
||||
id: "3", icon: MessageCircle,
|
||||
title: "Peer Support", value: "100k+"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -268,21 +171,13 @@ export default function LandingPage() {
|
||||
description="If you are struggling or need urgent help, please reach out to our team."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your name (optional)",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your name (optional)"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "What's on your mind?",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sunset-alpine-lake-surrounded-by-trees-swiss-alps-evening_181624-24778.jpg?_wi=4"
|
||||
name: "message", placeholder: "What's on your mind?"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sunset-alpine-lake-surrounded-by-trees-swiss-alps-evening_181624-24778.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -290,20 +185,13 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "/terms",
|
||||
},
|
||||
label: "Terms", href: "/terms"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "/privacy",
|
||||
},
|
||||
label: "Privacy", href: "/privacy"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user