bender/7434ded9-d12f-4df8-9cbf-deca711d18d4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-06-07 23:11:30 +00:00
parent a28e8755d6 e89f48a548
commit 3f35e163ce
1 changed files with 60 additions and 192 deletions
Download Patch File Download Diff File Expand all files Collapse all files

252
src/app/page.tsx
View File

@@ -32,29 +32,17 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Welcome",
id: "#welcome",
},
name: "Welcome", id: "#welcome"},
{
name: "Memories",
id: "#photos",
},
name: "Memories", id: "#photos"},
{
name: "Wishes",
id: "#wishes",
},
name: "Wishes", id: "#wishes"},
{
name: "Wishbook",
id: "#magical-book",
},
name: "Wishbook", id: "#magical-book"},
{
name: "Celebration",
id: "#celebration-elements",
},
name: "Celebration", id: "#celebration-elements"},
{
name: "Surprise",
id: "#final-scene",
},
name: "Surprise", id: "#final-scene"},
]}
brandName="Magical Birthday Surprise"
/>
@@ -64,105 +52,61 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Someone prepared a small surprise for you..."
description="A magical journey awaits you on this special day. Tap 'Discover it' to unveil enchanting moments and wishes crafted just for you."
testimonials={[
{
name: "Magic Dust",
handle: "@sparkle",
testimonial: "Your journey begins now!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/set-magic-power-staffs-isolated-background_107791-20212.jpg?_wi=1",
},
name: "Magic Dust", handle: "@sparkle", testimonial: "Your journey begins now!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/set-magic-power-staffs-isolated-background_107791-20212.jpg"},
{
name: "Dream Weaver",
handle: "@dreamer",
testimonial: "Let your dreams take flight on this beautiful day!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-celebrating-independence-day-holding-usa-flag-fire-sparkles_23-2148161032.jpg",
},
name: "Dream Weaver", handle: "@dreamer", testimonial: "Let your dreams take flight on this beautiful day!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-celebrating-independence-day-holding-usa-flag-fire-sparkles_23-2148161032.jpg"},
{
name: "Wish Granter",
handle: "@wisher",
testimonial: "Every moment is a precious gift. Cherish them all!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bright-heart-shaped-lights_23-2147786076.jpg",
},
name: "Wish Granter", handle: "@wisher", testimonial: "Every moment is a precious gift. Cherish them all!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bright-heart-shaped-lights_23-2147786076.jpg"},
{
name: "Star Gazer",
handle: "@stargazer",
testimonial: "Shine brighter than ever, your future is luminous!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/glow-light-dark-background_23-2151831377.jpg",
},
name: "Star Gazer", handle: "@stargazer", testimonial: "Shine brighter than ever, your future is luminous!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/glow-light-dark-background_23-2151831377.jpg"},
{
name: "Joy Bringer",
handle: "@joyful",
testimonial: "Celebrate your special day with boundless joy and wonder!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/syria-metallic-flag-textured-flag-grunge-flag_559531-11325.jpg",
},
name: "Joy Bringer", handle: "@joyful", testimonial: "Celebrate your special day with boundless joy and wonder!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/syria-metallic-flag-textured-flag-grunge-flag_559531-11325.jpg"},
]}
testimonialRotationInterval={5000}
buttons={[
{
text: "Discover it",
},
text: "Discover it"},
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-render-outer-space-with-nebula-galaxy_1048-6344.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/3d-render-outer-space-with-nebula-galaxy_1048-6344.jpg"
imageAlt="Mysterious starry night with floating particles"
mediaAnimation="blur-reveal"
marqueeItems={[
{
type: "text",
text: "🌟 Magic Awaits",
},
type: "text", text: "🌟 Magic Awaits"},
{
type: "text",
text: "🎂 Happy Birthday",
},
type: "text", text: "🎂 Happy Birthday"},
{
type: "text",
text: "✨ Pure Joy",
},
type: "text", text: "✨ Pure Joy"},
{
type: "text",
text: "💖 Endless Wishes",
},
type: "text", text: "💖 Endless Wishes"},
{
type: "text",
text: "🎁 Special Day",
},
type: "text", text: "🎁 Special Day"},
{
type: "text",
text: "🎈 Celebrate",
},
type: "text", text: "🎈 Celebrate"},
]}
marqueeSpeed={30}
showMarqueeCard={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/headshot-happy-african-american-woman-wears-t-shirt-denim-dungarees_273609-28075.jpg",
alt: "Happy Girl 1",
},
src: "http://img.b2bpic.net/free-photo/headshot-happy-african-american-woman-wears-t-shirt-denim-dungarees_273609-28075.jpg", alt: "Happy Girl 1"},
{
src: "http://img.b2bpic.net/free-photo/cute-five-year-old-girl-poses-expresses-positive-emotions-has-ginger-hair-wears-warm-winter-sweater-glad-be-photographed-poses-against-pink-wall-sincere-emotions-kids_273609-42682.jpg",
alt: "Happy Girl 2",
},
src: "http://img.b2bpic.net/free-photo/cute-five-year-old-girl-poses-expresses-positive-emotions-has-ginger-hair-wears-warm-winter-sweater-glad-be-photographed-poses-against-pink-wall-sincere-emotions-kids_273609-42682.jpg", alt: "Happy Girl 2"},
{
src: "http://img.b2bpic.net/free-photo/carefree-silly-flirty-young-redhead-girlfriend-having-fun-enjoying-lovely-date-summer-evening-laughing-out-loud-smiling-broadly-tilting-head-touching-neck-shy-blushing-acting-cute-blue-background_1258-308936.jpg",
alt: "Happy Girl 3",
},
src: "http://img.b2bpic.net/free-photo/carefree-silly-flirty-young-redhead-girlfriend-having-fun-enjoying-lovely-date-summer-evening-laughing-out-loud-smiling-broadly-tilting-head-touching-neck-shy-blushing-acting-cute-blue-background_1258-308936.jpg", alt: "Happy Girl 3"},
{
src: "http://img.b2bpic.net/free-photo/little-girl-with-flower-hair_23-2148521457.jpg",
alt: "Happy Girl 4",
},
src: "http://img.b2bpic.net/free-photo/little-girl-with-flower-hair_23-2148521457.jpg", alt: "Happy Girl 4"},
{
src: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034021.jpg",
alt: "Happy Girl 5",
},
src: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034021.jpg", alt: "Happy Girl 5"},
]}
avatarText="Loved by many, celebrated by all!"
/>
@@ -176,19 +120,13 @@ export default function LandingPage() {
description="As the stars align and whispers fill the air, a journey of wonder begins. Prepare to be enchanted by memories and dreams coming true, woven into a tapestry of joy just for you."
bulletPoints={[
{
title: "A Cinematic Reveal",
description: "Experience a grand entrance with fireworks and a special countdown.",
},
title: "A Cinematic Reveal", description: "Experience a grand entrance with fireworks and a special countdown."},
{
title: "Heartfelt Memories",
description: "Relive cherished moments through beautifully animated photographs.",
},
title: "Heartfelt Memories", description: "Relive cherished moments through beautifully animated photographs."},
{
title: "Personalized Wishes",
description: "Interactive elements will bring your deepest desires to life.",
},
title: "Personalized Wishes", description: "Interactive elements will bring your deepest desires to life."},
]}
imageSrc="http://img.b2bpic.net/free-photo/green-leaves-tree-tranquil-meadow-generated-by-ai_188544-42398.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/green-leaves-tree-tranquil-meadow-generated-by-ai_188544-42398.jpg"
imageAlt="Ethereal magic dust and light rays"
mediaAnimation="slide-up"
/>
@@ -201,55 +139,31 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Joyful Beginnings",
description: "A glimpse into the happy moments that shaped your early years.",
icon: Heart,
title: "Joyful Beginnings", description: "A glimpse into the happy moments that shaped your early years.", icon: Heart,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiDr5DajbDmBdUF2JJBuGa5eN7/uploaded-1780873746829-fnfomw2l.png",
imageAlt: "A happy memory",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiDr5DajbDmBdUF2JJBuGa5eN7/uploaded-1780873746829-fnfomw2l.png", imageAlt: "A happy memory"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiDr5DajbDmBdUF2JJBuGa5eN7/uploaded-1780873746830-wfk32cee.png",
imageAlt: "Another happy memory",
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiDr5DajbDmBdUF2JJBuGa5eN7/uploaded-1780873746830-of22rsgk.png",
imageAlt: "User provided image",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiDr5DajbDmBdUF2JJBuGa5eN7/uploaded-1780873746830-wfk32cee.png", imageAlt: "Another happy memory"},
]
},
{
title: "Growing Gracefully",
description: "Celebrating the milestones and adventures along your path.",
icon: Sparkles,
title: "Growing Gracefully", description: "Celebrating the milestones and adventures along your path.", icon: Sparkles,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiDr5DajbDmBdUF2JJBuGa5eN7/uploaded-1780873746830-ols6r4yg.png",
imageAlt: "A cherished moment",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiDr5DajbDmBdUF2JJBuGa5eN7/uploaded-1780873746830-ols6r4yg.png", imageAlt: "A cherished moment"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiDr5DajbDmBdUF2JJBuGa5eN7/uploaded-1780873746830-abblmols.png",
imageAlt: "Another cherished moment",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-outer-space-with-nebula-galaxy_1048-6344.jpg?_wi=2",
imageAlt: "User provided image",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiDr5DajbDmBdUF2JJBuGa5eN7/uploaded-1780873746830-abblmols.png", imageAlt: "Another cherished moment"},
]
},
{
title: "Future's Embrace",
description: "Anticipating the wonderful experiences yet to come, full of hope and dreams.",
icon: Star,
title: "Future's Embrace", description: "Anticipating the wonderful experiences yet to come, full of hope and dreams.", icon: Star,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/green-leaves-tree-tranquil-meadow-generated-by-ai_188544-42398.jpg?_wi=2",
imageAlt: "A promising future",
},
imageSrc: "http://img.b2bpic.net/free-photo/green-leaves-tree-tranquil-meadow-generated-by-ai_188544-42398.jpg", imageAlt: "A promising future"},
{
imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-through-window-christmas_23-2147724519.jpg",
imageAlt: "Symbolic image of future",
},
],
imageSrc: "http://img.b2bpic.net/free-vector/set-magic-power-staffs-isolated-background_107791-20212.jpg?_wi=2",
imageAlt: "User provided image",
imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-through-window-christmas_23-2147724519.jpg", imageAlt: "Symbolic image of future"},
]
},
]}
title="Precious Moments & Memories"
@@ -264,25 +178,13 @@ export default function LandingPage() {
tag="Your Future's Glow"
metrics={[
{
id: "m1",
value: "Happiness",
description: "May your days be filled with endless joy and laughter.",
},
id: "m1", value: "Happiness", description: "May your days be filled with endless joy and laughter."},
{
id: "m2",
value: "Success",
description: "Achieve all your goals and conquer every challenge.",
},
id: "m2", value: "Success", description: "Achieve all your goals and conquer every challenge."},
{
id: "m3",
value: "Health",
description: "Radiate vitality and well-being in every aspect of your life.",
},
id: "m3", value: "Health", description: "Radiate vitality and well-being in every aspect of your life."},
{
id: "m4",
value: "Dreams Come True",
description: "May every aspiration you hold blossom into reality.",
},
id: "m4", value: "Dreams Come True", description: "May every aspiration you hold blossom into reality."},
]}
metricsAnimation="blur-reveal"
/>
@@ -293,35 +195,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Wish for Adventure",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kf19g1",
imageAlt: "Adventure wish icon",
},
id: "t1", name: "Wish for Adventure", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kf19g1", imageAlt: "Adventure wish icon"},
{
id: "t2",
name: "Wish for Wisdom",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3r00tl",
imageAlt: "Wisdom wish icon",
},
id: "t2", name: "Wish for Wisdom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3r00tl", imageAlt: "Wisdom wish icon"},
{
id: "t3",
name: "Wish for Love",
imageSrc: "http://img.b2bpic.net/free-photo/red-orange-bokeh-particles-background_84443-94456.jpg",
imageAlt: "Love wish icon",
},
id: "t3", name: "Wish for Love", imageSrc: "http://img.b2bpic.net/free-photo/red-orange-bokeh-particles-background_84443-94456.jpg", imageAlt: "Love wish icon"},
{
id: "t4",
name: "Wish for Peace",
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-vortex_23-2151951455.jpg",
imageAlt: "Peace wish icon",
},
id: "t4", name: "Wish for Peace", imageSrc: "http://img.b2bpic.net/free-photo/cosmic-vortex_23-2151951455.jpg", imageAlt: "Peace wish icon"},
{
id: "t5",
name: "Wish for Creativity",
imageSrc: "http://img.b2bpic.net/free-photo/mystical-wizard-ceremony_23-2152013012.jpg",
imageAlt: "Creativity wish icon",
},
id: "t5", name: "Wish for Creativity", imageSrc: "http://img.b2bpic.net/free-photo/mystical-wizard-ceremony_23-2152013012.jpg", imageAlt: "Creativity wish icon"},
]}
cardTitle="A Book of Endless Wishes"
cardTag="Turning the Pages"
@@ -334,14 +216,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Balloons of Joy",
"Confetti Dreams",
"Sparkling Moments",
"Glowing Particles",
"Whispering Winds",
"Rainbow Hues",
"Magical Blooms",
]}
"Balloons of Joy", "Confetti Dreams", "Sparkling Moments", "Glowing Particles", "Whispering Winds", "Rainbow Hues", "Magical Blooms"]}
title="A Shower of Joy & Light"
description="Floating gracefully, celebrating another year of your wonderful journey. May these symbols of joy fill your heart with warmth and wonder."
/>
@@ -351,8 +226,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Grand Finale"
title="Happy Birthday [Her Name] 🎂"
description="May this year bring you beautiful memories, endless smiles, and amazing opportunities. This little surprise was created especially for you with all our love."
@@ -370,19 +244,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Star,
href: "#",
ariaLabel: "Star",
},
href: "#", ariaLabel: "Star"},
{
icon: Sparkles,
href: "#",
ariaLabel: "Sparkles",
},
href: "#", ariaLabel: "Sparkles"},
{
icon: Gift,
href: "#",
ariaLabel: "Gift",
},
href: "#", ariaLabel: "Gift"},
]}
/>
</div>