Merge version_1 into main #2
276
src/app/page.tsx
276
src/app/page.tsx
@@ -20,27 +20,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Our Journey",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Why I Love You",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Memories",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Our Journey", id: "about" },
|
||||
{ name: "Why I Love You", id: "features" },
|
||||
{ name: "Memories", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="For Prachi"
|
||||
/>
|
||||
@@ -48,99 +43,28 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="To My Dearest Prachi"
|
||||
description="Every moment spent with you is a chapter I cherish forever. You are the heartbeat of my world, the constant source of my joy, and the love of my life."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Me",
|
||||
handle: "@yours",
|
||||
testimonial: "I love you more than words can express.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trans-couple-spending-quality-time-together_23-2149352419.jpg?_wi=1",
|
||||
imageAlt: "romantic couple atmosphere soft light",
|
||||
},
|
||||
{
|
||||
name: "Me",
|
||||
handle: "@yours",
|
||||
testimonial: "You are my sunshine on the darkest days.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-valentine-s-day-scene-with-couple-love_23-2151164245.jpg",
|
||||
imageAlt: "romantic couple atmosphere soft light",
|
||||
},
|
||||
{
|
||||
name: "Me",
|
||||
handle: "@yours",
|
||||
testimonial: "Life is just better when you are around.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-positive-dark-skinned-woman-makes-face-palm-chuckles-covers-half-face-expresses-joy-wears-rosy-jumper-poses-against-green-wall-positive-emotions-concept_273609-38429.jpg?_wi=1",
|
||||
imageAlt: "romantic couple atmosphere soft light",
|
||||
},
|
||||
{
|
||||
name: "Me",
|
||||
handle: "@yours",
|
||||
testimonial: "Forever is not long enough with you.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-man-wearing-jumpsuit-hat-making-heart-gesture-with-fingers-smiling_141793-46910.jpg?_wi=1",
|
||||
imageAlt: "romantic couple atmosphere soft light",
|
||||
},
|
||||
{
|
||||
name: "Me",
|
||||
handle: "@yours",
|
||||
testimonial: "Every heartbeat belongs to you.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118210.jpg?_wi=1",
|
||||
imageAlt: "romantic couple atmosphere soft light",
|
||||
},
|
||||
{ name: "Me", handle: "@yours", testimonial: "I love you more than words can express.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/trans-couple-spending-quality-time-together_23-2149352419.jpg", imageAlt: "romantic couple atmosphere soft light" },
|
||||
{ name: "Me", handle: "@yours", testimonial: "You are my sunshine on the darkest days.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/digital-art-valentine-s-day-scene-with-couple-love_23-2151164245.jpg", imageAlt: "romantic couple atmosphere soft light" },
|
||||
{ name: "Me", handle: "@yours", testimonial: "Life is just better when you are around.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-positive-dark-skinned-woman-makes-face-palm-chuckles-covers-half-face-expresses-joy-wears-rosy-jumper-poses-against-green-wall-positive-emotions-concept_273609-38429.jpg", imageAlt: "romantic couple atmosphere soft light" },
|
||||
{ name: "Me", handle: "@yours", testimonial: "Forever is not long enough with you.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-man-wearing-jumpsuit-hat-making-heart-gesture-with-fingers-smiling_141793-46910.jpg", imageAlt: "romantic couple atmosphere soft light" },
|
||||
{ name: "Me", handle: "@yours", testimonial: "Every heartbeat belongs to you.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118210.jpg", imageAlt: "romantic couple atmosphere soft light" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/trans-couple-spending-quality-time-together_23-2149352419.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/trans-couple-spending-quality-time-together_23-2149352419.jpg"
|
||||
imageAlt="romantic couple atmosphere soft light"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/trans-couple-spending-quality-time-together_23-2149352418.jpg",
|
||||
alt: "Trans couple spending quality time together",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-love_1303-5081.jpg",
|
||||
alt: "Couple in love",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-young-couple-cozy-white-home-clothes-poses-room-with-christmas-tree_8353-9067.jpg",
|
||||
alt: "Charming young couple in cozy white home clothes poses in a room with Christmas tree",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-guy-hugging-kissing-elegant-lady-sitting-steps_23-2148012519.jpg",
|
||||
alt: "Young guy hugging and kissing elegant lady sitting on steps",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/trans-couple-spending-quality-time-together_23-2149352419.jpg",
|
||||
alt: "Romantic couple",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/trans-couple-spending-quality-time-together_23-2149352418.jpg", alt: "Trans couple spending quality time together" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-love_1303-5081.jpg", alt: "Couple in love" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/charming-young-couple-cozy-white-home-clothes-poses-room-with-christmas-tree_8353-9067.jpg", alt: "Charming young couple" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-guy-hugging-kissing-elegant-lady-sitting-steps_23-2148012519.jpg", alt: "Young guy hugging and kissing elegant lady" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/trans-couple-spending-quality-time-together_23-2149352419.jpg", alt: "Romantic couple" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Forever",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Love",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Joy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Happiness",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Together",
|
||||
},
|
||||
{ type: "text", text: "Forever" }, { type: "text", text: "Love" }, { type: "text", text: "Joy" }, { type: "text", text: "Happiness" }, { type: "text", text: "Together" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -149,15 +73,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Beautiful Journey",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/digital-art-valentine-s-day-scene-with-couple-love_23-2151164245.jpg",
|
||||
alt: "Love",
|
||||
},
|
||||
{ type: "text", content: "Our Beautiful Journey" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/digital-art-valentine-s-day-scene-with-couple-love_23-2151164245.jpg", alt: "Love" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,25 +84,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
animationType="depth-3d"
|
||||
features={[
|
||||
{
|
||||
title: "Your Smile",
|
||||
description: "It lights up every room and melts my heart.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-positive-dark-skinned-woman-makes-face-palm-chuckles-covers-half-face-expresses-joy-wears-rosy-jumper-poses-against-green-wall-positive-emotions-concept_273609-38429.jpg?_wi=2",
|
||||
imageAlt: "Smile",
|
||||
},
|
||||
{
|
||||
title: "Your Kindness",
|
||||
description: "You care for others with a heart so big and pure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-man-wearing-jumpsuit-hat-making-heart-gesture-with-fingers-smiling_141793-46910.jpg?_wi=2",
|
||||
imageAlt: "Kindness",
|
||||
},
|
||||
{
|
||||
title: "Your Soul",
|
||||
description: "You are the most beautiful person I have ever known.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118210.jpg?_wi=2",
|
||||
imageAlt: "Soul",
|
||||
},
|
||||
{ title: "Your Smile", description: "It lights up every room and melts my heart.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-positive-dark-skinned-woman-makes-face-palm-chuckles-covers-half-face-expresses-joy-wears-rosy-jumper-poses-against-green-wall-positive-emotions-concept_273609-38429.jpg", imageAlt: "Smile" },
|
||||
{ title: "Your Kindness", description: "You care for others with a heart so big and pure.", imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-man-wearing-jumpsuit-hat-making-heart-gesture-with-fingers-smiling_141793-46910.jpg", imageAlt: "Kindness" },
|
||||
{ title: "Your Soul", description: "You are the most beautiful person I have ever known.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118210.jpg", imageAlt: "Soul" }
|
||||
]}
|
||||
title="Why You Are My Everything"
|
||||
description="It's the little things, the big adventures, and the way you look at the world that made me fall for you again and again."
|
||||
@@ -198,24 +101,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Heart,
|
||||
title: "Days Loving You",
|
||||
value: "1000+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Smiles Shared",
|
||||
value: "Infinite",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Happiest Moments",
|
||||
value: "Millions",
|
||||
},
|
||||
{ id: "m1", icon: Heart, title: "Days Loving You", value: "1000+" },
|
||||
{ id: "m2", icon: Star, title: "Smiles Shared", value: "Infinite" },
|
||||
{ id: "m3", icon: Award, title: "Happiest Moments", value: "Millions" }
|
||||
]}
|
||||
title="A Life Measured by You"
|
||||
description="Counting every precious moment we share."
|
||||
@@ -228,41 +116,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Our First Date",
|
||||
handle: "Memories",
|
||||
testimonial: "The nervous laughter and the magic in the air.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-looking-picture-album_23-2149548425.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Late Night Talks",
|
||||
handle: "Connection",
|
||||
testimonial: "Hours passed like seconds when we spoke.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-room-decor-meditation-space_23-2151935102.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Laughing Till We Cry",
|
||||
handle: "Joy",
|
||||
testimonial: "Your jokes are the best, even the bad ones.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-optimistic-carefree-young-woman-shakes-fists-dances-feels-good-dressed-leather-jacket-kerchief-around-neck-feels-very-happy-isolated-beige-background-enjoys-music_273609-57557.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Quiet Moments",
|
||||
handle: "Peace",
|
||||
testimonial: "Just being together is enough.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rose-left-beach-with-wavy-water_23-2149274416.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Adventure Days",
|
||||
handle: "Excitement",
|
||||
testimonial: "Exploring the world right by your side.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tourist-hilly-landscape_23-2147828109.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Our First Date", handle: "Memories", testimonial: "The nervous laughter and the magic in the air.", imageSrc: "http://img.b2bpic.net/free-photo/people-looking-picture-album_23-2149548425.jpg" },
|
||||
{ id: "t2", name: "Late Night Talks", handle: "Connection", testimonial: "Hours passed like seconds when we spoke.", imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-room-decor-meditation-space_23-2151935102.jpg" },
|
||||
{ id: "t3", name: "Laughing Till We Cry", handle: "Joy", testimonial: "Your jokes are the best, even the bad ones.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-optimistic-carefree-young-woman-shakes-fists-dances-feels-good-dressed-leather-jacket-kerchief-around-neck-feels-very-happy-isolated-beige-background-enjoys-music_273609-57557.jpg" },
|
||||
{ id: "t4", name: "Quiet Moments", handle: "Peace", testimonial: "Just being together is enough.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rose-left-beach-with-wavy-water_23-2149274416.jpg" },
|
||||
{ id: "t5", name: "Adventure Days", handle: "Excitement", testimonial: "Exploring the world right by your side.", imageSrc: "http://img.b2bpic.net/free-photo/tourist-hilly-landscape_23-2147828109.jpg" }
|
||||
]}
|
||||
title="Memories We've Created"
|
||||
description="Stories that I will keep in my heart forever."
|
||||
@@ -273,15 +131,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"My Life",
|
||||
"Your Heart",
|
||||
"Our Future",
|
||||
"The Universe",
|
||||
"All My Dreams",
|
||||
"Our Happiness",
|
||||
"Love Forever",
|
||||
]}
|
||||
names={["My Life", "Your Heart", "Our Future", "The Universe", "All My Dreams", "Our Happiness", "Love Forever"]}
|
||||
title="Our World"
|
||||
description="Everything beautiful in my life leads back to you."
|
||||
/>
|
||||
@@ -292,21 +142,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How much do I love you?",
|
||||
content: "More than the stars in the sky.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "When will I stop loving you?",
|
||||
content: "Never, not even in a million years.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Who makes me the happiest?",
|
||||
content: "Prachi, always and forever.",
|
||||
},
|
||||
{ id: "q1", title: "How much do I love you?", content: "More than the stars in the sky." },
|
||||
{ id: "q2", title: "When will I stop loving you?", content: "Never, not even in a million years." },
|
||||
{ id: "q3", title: "Who makes me the happiest?", content: "Prachi, always and forever." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Wondering how much you mean to me?"
|
||||
@@ -317,9 +155,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Forever Yours"
|
||||
title="Send Me Your Love"
|
||||
description="Just press the button to let me know you're thinking of me too."
|
||||
@@ -330,28 +166,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Prachi & Me"
|
||||
columns={[
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Why You",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Love Letters",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "About Us", items: [{ label: "Our Story", href: "#about" }, { label: "Why You", href: "#features" }] },
|
||||
{ title: "Connect", items: [{ label: "Love Letters", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2025 | With all my love."
|
||||
/>
|
||||
@@ -359,4 +175,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user