Merge version_1 into main #2
210
src/app/page.tsx
210
src/app/page.tsx
@@ -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 You’re Upset",
|
||||
id: "/upset",
|
||||
},
|
||||
name: "If You’re 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 You’re Upset With Me",
|
||||
href: "/upset",
|
||||
},
|
||||
text: "🥺 If You’re 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>
|
||||
|
||||
Reference in New Issue
Block a user