|
|
|
|
@@ -31,10 +31,10 @@ export default function LandingPage() {
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Comfort", id: "features" }
|
|
|
|
|
{ name: "Features", id: "features" }
|
|
|
|
|
]}
|
|
|
|
|
brandName="Serenity"
|
|
|
|
|
button={{ text: "Connect" }}
|
|
|
|
|
brandName="Vampire Sanctuary"
|
|
|
|
|
button={{ text: "Bite In" }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -42,34 +42,26 @@ export default function LandingPage() {
|
|
|
|
|
<HeroSplitTestimonial
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
background={{ variant: "gradient-bars" }}
|
|
|
|
|
title="A Gentle Place for You"
|
|
|
|
|
description="Whenever the world feels like too much, come here. Breathe, rest, and remember how much you are loved."
|
|
|
|
|
title="Eternal Serenity Awaits"
|
|
|
|
|
description="Whoever said eternity was boring didn't have the right view. Breathe, rest, and embrace the night. Do you want to be a human, or a legend?"
|
|
|
|
|
testimonials={[
|
|
|
|
|
{ name: "Safe Space", handle: "@serenity", testimonial: "Everything feels lighter when I am here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stream-flowing-through-rocks_1359-627.jpg?_wi=1", imageAlt: "calm peaceful nature abstract" },
|
|
|
|
|
{ name: "Calm Moment", handle: "@peace", testimonial: "The perfect place to reset and breathe.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-meditating-mans-hands-barefoot-man-sitting-lotus-pose-with-smoke-around-making-sign-with-fingers-hobby-spirituality-health-concept_74855-23557.jpg?_wi=1", imageAlt: "meditation peaceful mindfulness concept" },
|
|
|
|
|
{ name: "Soft Heart", handle: "@kind", testimonial: "I feel so heard and cared for here.", 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?_wi=1", imageAlt: "smiling person portrait warm" },
|
|
|
|
|
{ name: "New Day", handle: "@hope", testimonial: "A beautiful refuge from the noise.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cool-woman-posing-outdoors_23-2149726465.jpg?_wi=1", imageAlt: "peaceful person portrait nature" },
|
|
|
|
|
{ name: "Loved One", handle: "@warmth", testimonial: "Simple, sweet, and incredibly soothing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-girl-smiling-happy-walking-city_839833-21293.jpg?_wi=1", imageAlt: "portrait warm smile nature" }
|
|
|
|
|
{ name: "Olaf", handle: "@snowman", testimonial: "Some people are worth melting for, but not here. I love the cold!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stream-flowing-through-rocks_1359-627.jpg?_wi=1", imageAlt: "calm peaceful nature abstract" },
|
|
|
|
|
{ name: "Damon", handle: "@vamp", testimonial: "Everything feels sharper when I am here. Best night ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-meditating-mans-hands-barefoot-man-sitting-lotus-pose-with-smoke-around-making-sign-with-fingers-hobby-spirituality-health-concept_74855-23557.jpg?_wi=1", imageAlt: "meditation peaceful mindfulness concept" },
|
|
|
|
|
{ name: "Stefan", handle: "@bro", testimonial: "It's the little things, like the moonlight.", 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?_wi=1", imageAlt: "smiling person portrait warm" }
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/stream-flowing-through-rocks_1359-627.jpg?_wi=2"
|
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
|
avatars={[
|
|
|
|
|
{ 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" },
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/front-view-cool-woman-posing-outdoors_23-2149726465.jpg", alt: "user" },
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/young-hispanic-girl-smiling-happy-walking-city_839833-21293.jpg", alt: "user" },
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/high-angle-woman-shooting-with-projector_23-2149424951.jpg", alt: "user" },
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/low-angle-shot-young-woman-face_23-2148248543.jpg", alt: "user" }
|
|
|
|
|
]}
|
|
|
|
|
marqueeItems={[{ type: "text", text: "Peaceful" }, { type: "text", text: "Calm" }, { type: "text", text: "Mindful" }, { type: "text", text: "Gentle" }, { type: "text", text: "Quiet" }]}
|
|
|
|
|
avatars={[]}
|
|
|
|
|
marqueeItems={[{ type: "text", text: "Eternity" }, { type: "text", text: "Night" }, { type: "text", text: "Love" }, { type: "text", text: "Cool" }, { type: "text", text: "Forever" }]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<MetricSplitMediaAbout
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
title="Why This Place Exists"
|
|
|
|
|
description="Designed with love, specifically for you to navigate those hard days. This is a collection of things that bring peace, comfort, and a reminder that you are not alone."
|
|
|
|
|
metrics={[{ value: "100%", title: "Safe Haven" }, { value: "Daily", title: "Comfort" }, { value: "Always", title: "Here for You" }]}
|
|
|
|
|
title="Why The Night Matters"
|
|
|
|
|
description="Designed for those who crave the darkness. Like Olaf, we appreciate the little joys, but with a bit more edge. Because the sun is overrated, anyway."
|
|
|
|
|
metrics={[{ value: "1864", title: "Origin" }, { value: "Forever", title: "Nightlife" }, { value: "Olaf", title: "Approved" }]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-meditating-mans-hands-barefoot-man-sitting-lotus-pose-with-smoke-around-making-sign-with-fingers-hobby-spirituality-health-concept_74855-23557.jpg?_wi=2"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
@@ -82,12 +74,12 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
features={[
|
|
|
|
|
{ title: "Soft Music", description: "Gentle sounds to calm your mind.", bentoComponent: "reveal-icon", icon: Music },
|
|
|
|
|
{ title: "Deep Breathing", description: "Follow the gentle rhythm.", bentoComponent: "reveal-icon", icon: Wind },
|
|
|
|
|
{ title: "Positive Thoughts", description: "Kind words for hard times.", bentoComponent: "reveal-icon", icon: Heart }
|
|
|
|
|
{ title: "Moonlight Melodies", description: "Olaf likes summer, but we like the dark symphonies.", bentoComponent: "reveal-icon", icon: Music },
|
|
|
|
|
{ title: "The Long Breath", description: "Inhale the night air. Stay sharp.", bentoComponent: "reveal-icon", icon: Wind },
|
|
|
|
|
{ title: "Eternal Bonds", description: "Kind words for a thousand years.", bentoComponent: "reveal-icon", icon: Heart }
|
|
|
|
|
]}
|
|
|
|
|
title="Comforting Things"
|
|
|
|
|
description="A curated list of things to help you cool off when life gets stressful."
|
|
|
|
|
title="Dark Comforts"
|
|
|
|
|
description="A collection for the sophisticated creature of the night, even if you like warm hugs."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -97,25 +89,23 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
animationType="blur-reveal"
|
|
|
|
|
testimonials={[
|
|
|
|
|
{ id: "1", name: "Friend", handle: "@love", testimonial: "You are doing amazing.", 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?_wi=2" },
|
|
|
|
|
{ id: "2", name: "Friend", handle: "@care", testimonial: "Take it slow, breathe.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cool-woman-posing-outdoors_23-2149726465.jpg?_wi=2" },
|
|
|
|
|
{ id: "3", name: "Friend", handle: "@hug", testimonial: "Everything will be okay.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-girl-smiling-happy-walking-city_839833-21293.jpg?_wi=2" },
|
|
|
|
|
{ id: "4", name: "Friend", handle: "@light", testimonial: "I'm always by your side.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-shooting-with-projector_23-2149424951.jpg" },
|
|
|
|
|
{ id: "5", name: "Friend", handle: "@safe", testimonial: "You are loved so much.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-young-woman-face_23-2148248543.jpg" }
|
|
|
|
|
{ id: "1", name: "Elena", handle: "@gilbert", testimonial: "I found myself here. Not the human me, but the real me.", 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?_wi=2" },
|
|
|
|
|
{ id: "2", name: "Klaus", handle: "@hybrid", testimonial: "Even I enjoy the peace here. It's legendary.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cool-woman-posing-outdoors_23-2149726465.jpg?_wi=2" },
|
|
|
|
|
{ id: "3", name: "Olaf", handle: "@warmhugs", testimonial: "I'm a little puddle of joy, even in the dark!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-girl-smiling-happy-walking-city_839833-21293.jpg?_wi=2" }
|
|
|
|
|
]}
|
|
|
|
|
showRating={true}
|
|
|
|
|
title="Warm Reminders"
|
|
|
|
|
description="Kind thoughts shared to brighten your day."
|
|
|
|
|
title="Timeless Praise"
|
|
|
|
|
description="Words that live on, long after the moon sets."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterBase
|
|
|
|
|
columns={[
|
|
|
|
|
{ title: "Stay Calm", items: [{ label: "Breathe", href: "#" }, { label: "Rest", href: "#" }] },
|
|
|
|
|
{ title: "Connect", items: [{ label: "Love", href: "#" }, { label: "Support", href: "#" }] }
|
|
|
|
|
{ title: "The Night", items: [{ label: "Breathe Deeply", href: "#" }, { label: "Stay Forever", href: "#" }] },
|
|
|
|
|
{ title: "Connections", items: [{ label: "Love Bites", href: "#" }, { label: "Warm Hugs", href: "#" }] }
|
|
|
|
|
]}
|
|
|
|
|
copyrightText="© 2025 | Built with Love"
|
|
|
|
|
copyrightText="© 1864 - 2025 | Eternity Awaits"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
|
