Update src/app/page.tsx

This commit is contained in:
2026-06-11 17:01:26 +00:00
parent 61bbd5b23e
commit bb03d3b26c

View File

@@ -29,37 +29,21 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "If You Miss Me",
id: "/miss-you",
},
name: "If You Miss Me", id: "/miss-you"},
{
name: "If Youre Upset",
id: "/upset",
},
name: "If Youre Upset", id: "/upset"},
{
name: "Our Games",
id: "/games",
},
name: "Our Games", id: "/games"},
{
name: "Our Memories",
id: "/memories",
},
name: "Our Memories", id: "/memories"},
{
name: "Surprise Boxes",
id: "/surprises",
},
name: "Surprise Boxes", id: "/surprises"},
{
name: "Secret Letters",
id: "/letters",
},
name: "Secret Letters", id: "/letters"},
{
name: "My Mood",
id: "/mood",
},
name: "My Mood", id: "/mood"},
]}
brandName="Our Little Universe 💖"
/>
@@ -68,135 +52,75 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Welcome to Our Little Universe ✨"
description="A place filled with memories, surprises, games, and love. Every moment with you is a treasure, and this space is our digital embrace."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/wooden-heart-near-i-love-young-writing_23-2148011969.jpg",
imageAlt: "Dreamy couple looking at stars",
},
imageSrc: "http://img.b2bpic.net/free-photo/wooden-heart-near-i-love-young-writing_23-2148011969.jpg", imageAlt: "Dreamy couple looking at stars"},
{
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-character-looking-moon_23-2151639249.jpg",
imageAlt: "Couple embraced under floating hearts",
},
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-character-looking-moon_23-2151639249.jpg", imageAlt: "Couple embraced under floating hearts"},
{
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-clouds-couple_23-2151057635.jpg",
imageAlt: "Romantic couple holding hands",
},
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-clouds-couple_23-2151057635.jpg", imageAlt: "Romantic couple holding hands"},
{
imageSrc: "http://img.b2bpic.net/free-photo/landscape-with-wood_1048-4029.jpg",
imageAlt: "Couple silhouette at sunset",
},
imageSrc: "http://img.b2bpic.net/free-photo/landscape-with-wood_1048-4029.jpg", imageAlt: "Couple silhouette at sunset"},
{
imageSrc: "http://img.b2bpic.net/free-photo/people-by-river-delicious-healthy-summer-picnic-grass-fruits-blancet_1157-40214.jpg",
imageAlt: "Adorable couple with floating objects",
},
imageSrc: "http://img.b2bpic.net/free-photo/people-by-river-delicious-healthy-summer-picnic-grass-fruits-blancet_1157-40214.jpg", imageAlt: "Adorable couple with floating objects"},
{
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-young-couple-love-enjoy-good-time-together-sunset_1150-2664.jpg",
imageAlt: "Couple under starry sky",
},
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-young-couple-love-enjoy-good-time-together-sunset_1150-2664.jpg", imageAlt: "Couple under starry sky"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-wooden-word-love-books-cozy-items-blurred-background-with-boke_169016-9685.jpg",
imageAlt: "Cozy couple reading together",
},
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-wooden-word-love-books-cozy-items-blurred-background-with-boke_169016-9685.jpg", imageAlt: "Cozy couple reading together"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-eating-banana-looking-her-girlfriend-reading-book-picnic_23-2147901702.jpg",
imageAlt: "Romantic picnic in nature",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-eating-banana-looking-her-girlfriend-reading-book-picnic_23-2147901702.jpg", imageAlt: "Romantic picnic in nature"},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-giving-man-taste_23-2148535229.jpg",
imageAlt: "Couple cooking together",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-giving-man-taste_23-2148535229.jpg", imageAlt: "Couple cooking together"},
{
imageSrc: "http://img.b2bpic.net/free-photo/couple-date-garden-valentine-s-theme-hand-drawn-illustration_53876-104447.jpg",
imageAlt: "Couple dancing at sunset",
},
imageSrc: "http://img.b2bpic.net/free-photo/couple-date-garden-valentine-s-theme-hand-drawn-illustration_53876-104447.jpg", imageAlt: "Couple dancing at sunset"},
{
imageSrc: "http://img.b2bpic.net/free-photo/broken-heart-concept_23-2151260959.jpg",
imageAlt: "Couple in a romantic cafe",
},
imageSrc: "http://img.b2bpic.net/free-photo/broken-heart-concept_23-2151260959.jpg", imageAlt: "Couple in a romantic cafe"},
{
imageSrc: "http://img.b2bpic.net/free-photo/festive-still-life-with-drink-cup-chocolates-flowers-blurred-table-with-bokeh_169016-10147.jpg",
imageAlt: "Couple walking in autumn park",
},
imageSrc: "http://img.b2bpic.net/free-photo/festive-still-life-with-drink-cup-chocolates-flowers-blurred-table-with-bokeh_169016-10147.jpg", imageAlt: "Couple walking in autumn park"},
]}
buttons={[
{
text: "🌸 If You Miss Me",
href: "/miss-you",
},
text: "🌸 If You Miss Me", href: "/miss-you"},
{
text: "🥺 If Youre Upset With Me",
href: "/upset",
},
text: "🥺 If Youre Upset With Me", href: "/upset"},
{
text: "🎮 Our Games",
href: "/games",
},
text: "🎮 Our Games", href: "/games"},
{
text: "📸 Our Memories",
href: "/memories",
},
text: "📸 Our Memories", href: "/memories"},
{
text: "🎁 Surprise Boxes",
href: "/surprises",
},
text: "🎁 Surprise Boxes", href: "/surprises"},
{
text: "💌 Secret Letters",
href: "/letters",
},
text: "💌 Secret Letters", href: "/letters"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-beautiful-flowers_23-2150725093.jpg",
alt: "User's avatar",
},
src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-beautiful-flowers_23-2150725093.jpg", alt: "User's avatar"},
{
src: "http://img.b2bpic.net/free-photo/curly-haired-man-with-brown-blouse-posing_23-2148892066.jpg",
alt: "Boyfriend's avatar",
},
src: "http://img.b2bpic.net/free-photo/curly-haired-man-with-brown-blouse-posing_23-2148892066.jpg", alt: "Boyfriend's avatar"},
{
src: "http://img.b2bpic.net/free-photo/man-pink-flowers-posing-park_358309-10.jpg",
alt: "Man behind Pink Flowers posing in the park",
},
src: "http://img.b2bpic.net/free-photo/man-pink-flowers-posing-park_358309-10.jpg", alt: "Man behind Pink Flowers posing in the park"},
{
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-albinism-posing-studio_23-2150535712.jpg",
alt: "Front view woman with albinism posing in studio",
},
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-albinism-posing-studio_23-2150535712.jpg", alt: "Front view woman with albinism posing in studio"},
{
src: "http://img.b2bpic.net/free-photo/woman-with-beautiful-gladiolus-flowers_23-2149441350.jpg",
alt: "Woman with beautiful gladiolus flowers",
},
src: "http://img.b2bpic.net/free-photo/woman-with-beautiful-gladiolus-flowers_23-2149441350.jpg", alt: "Woman with beautiful gladiolus flowers"},
]}
avatarText="Us, forever together."
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/valentines-day-background_23-2151904249.jpg",
alt: "Valentines day background",
},
type: "image", src: "http://img.b2bpic.net/free-photo/valentines-day-background_23-2151904249.jpg", alt: "Valentines day background"},
{
type: "text",
text: "Endless Love",
},
type: "text", text: "Endless Love"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/beautiful-love-assortment-pink_23-2148896663.jpg",
alt: "Beautiful love assortment on pink",
},
type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-love-assortment-pink_23-2148896663.jpg", alt: "Beautiful love assortment on pink"},
{
type: "text",
text: "Precious Moments",
},
type: "text", text: "Precious Moments"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/beautiful-love-composition-isolated-blue_23-2148896651.jpg",
alt: "Beautiful love composition isolated on blue",
},
type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-love-composition-isolated-blue_23-2148896651.jpg", alt: "Beautiful love composition isolated on blue"},
]}
/>
</div>
@@ -208,29 +132,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "days-together",
value: "1234+",
title: "Days Together",
description: "Every single day cherished.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-valentine-s-day-composition-with-empty-clipboard_23-2148392162.jpg?_wi=1",
imageAlt: "Heart calendar icon",
},
id: "days-together", value: "1234+", title: "Days Together", description: "Every single day cherished.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-valentine-s-day-composition-with-empty-clipboard_23-2148392162.jpg", imageAlt: "Heart calendar icon"},
{
id: "anniversary-countdown",
value: "55 Days",
title: "Until Our Anniversary",
description: "Counting down to another special day.",
imageSrc: "http://img.b2bpic.net/free-photo/clock-gift_1388-126.jpg?_wi=1",
imageAlt: "Countdown timer icon",
},
id: "anniversary-countdown", value: "55 Days", title: "Until Our Anniversary", description: "Counting down to another special day.", imageSrc: "http://img.b2bpic.net/free-photo/clock-gift_1388-126.jpg", imageAlt: "Countdown timer icon"},
{
id: "favorite-memories",
value: "100+",
title: "Favorite Memories",
description: "A growing collection of our happy moments.",
imageSrc: "http://img.b2bpic.net/free-photo/paper-note-with-pastel-abstract-background-heart-shape-washi-tape_53876-132127.jpg?_wi=1",
imageAlt: "Photo album icon",
},
id: "favorite-memories", value: "100+", title: "Favorite Memories", description: "A growing collection of our happy moments.", imageSrc: "http://img.b2bpic.net/free-photo/paper-note-with-pastel-abstract-background-heart-shape-washi-tape_53876-132127.jpg", imageAlt: "Photo album icon"},
]}
title="Our Journey So Far & Always"
description="Celebrating every precious moment and looking forward to endless adventures together. Every day is a gift."
@@ -245,19 +151,13 @@ export default function LandingPage() {
features={[
{
icon: Heart,
title: "Our Dream Adventures",
description: "From cozy nights in to exploring new cities, our list of dreams to fulfill together, always.",
},
title: "Our Dream Adventures", description: "From cozy nights in to exploring new cities, our list of dreams to fulfill together, always."},
{
icon: Music,
title: "The Soundtrack of Us",
description: "Our special playlist, each song a memory, a feeling, a moment shared, played on repeat.",
},
title: "The Soundtrack of Us", description: "Our special playlist, each song a memory, a feeling, a moment shared, played on repeat."},
{
icon: Egg,
title: "Secret Discoveries",
description: "Explore our universe to uncover hidden gems and sweet surprises made just for you, patiently waiting.",
},
title: "Secret Discoveries", description: "Explore our universe to uncover hidden gems and sweet surprises made just for you, patiently waiting."},
]}
title="Adventures & Melodies"
description="Our shared dreams and the soundtrack of our love story, waiting to be explored."
@@ -273,16 +173,12 @@ export default function LandingPage() {
bulletPoints={[
{
icon: Gauge,
title: "Love Percentage",
description: "See our love grow stronger with every shared moment and treasured experience we create.",
},
title: "Love Percentage", description: "See our love grow stronger with every shared moment and treasured experience we create."},
{
icon: Award,
title: "Milestone Badges",
description: "Collecting charming badges for every special occasion and shared accomplishment in our journey.",
},
title: "Milestone Badges", description: "Collecting charming badges for every special occasion and shared accomplishment in our journey."},
]}
imageSrc="http://img.b2bpic.net/free-photo/arrows-economy-chart_23-2148541996.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/arrows-economy-chart_23-2148541996.jpg"
imageAlt="Love percentage meter with floating hearts"
mediaAnimation="slide-up"
/>
@@ -294,6 +190,20 @@ export default function LandingPage() {
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/top-view-world-heart-day-concept_23-2148631013.jpg"
imageAlt="game controller heart icon"
title="Your Questions, Our Answers"
description="Find answers to common questions about our special space and how to navigate it."
faqsAnimation="slide-up"
faqs={[
{
question: "How do I send a secret letter?", answer: "Navigate to the 'Secret Letters' page and fill out the form, your heartfelt message will be delivered directly."
},
{
question: "What if I'm feeling upset?", answer: "Visit the 'If You're Upset' page for comforting words and a space to share what's on your mind. I'm here for you."
},
{
question: "Can I suggest new games?", answer: "Absolutely! There will be a section soon to submit your game ideas and challenges. Stay tuned!"
}
]}
/>
</div>
</ReactLenis>