Merge version_3 into main #3
238
src/app/page.tsx
238
src/app/page.tsx
@@ -18,35 +18,27 @@ export default function LandingPage() {
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Moments",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Moments", id: "gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Birthday Joy"
|
||||
/>
|
||||
@@ -55,8 +47,7 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Celebrating Another Beautiful Year"
|
||||
description="Cheers to memories made, adventures taken, and the bright future ahead. Happy Birthday!"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg?_wi=1"
|
||||
@@ -64,50 +55,30 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg",
|
||||
alt: "Friend",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg", alt: "Friend"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-nr8ale91.jpg",
|
||||
alt: "Friend",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-nr8ale91.jpg", alt: "Friend"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-cmb05aad.jpg",
|
||||
alt: "Friend",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-cmb05aad.jpg", alt: "Friend"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg",
|
||||
alt: "Friend",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg", alt: "Friend"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg",
|
||||
alt: "Friend",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg", alt: "Friend"},
|
||||
]}
|
||||
avatarText="Joined by 50+ friends"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Birthday Joy",
|
||||
type: "text", text: "Birthday Joy"},
|
||||
{
|
||||
type: "text-icon", text: "Celebration", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Celebration",
|
||||
icon: Sparkles,
|
||||
type: "text", text: "Another Year Wiser"},
|
||||
{
|
||||
type: "text-icon", text: "Happiness", icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Another Year Wiser",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Happiness",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "New Adventures",
|
||||
},
|
||||
type: "text", text: "New Adventures"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,17 +90,11 @@ export default function LandingPage() {
|
||||
description="Life is a collection of moments. From cityscape views to peaceful dinners, each photo tells a story of gratitude and love."
|
||||
metrics={[
|
||||
{
|
||||
value: "365",
|
||||
title: "Days of Growth",
|
||||
},
|
||||
value: "365", title: "Days of Growth"},
|
||||
{
|
||||
value: "∞",
|
||||
title: "Memories Created",
|
||||
},
|
||||
value: "∞", title: "Memories Created"},
|
||||
{
|
||||
value: "1",
|
||||
title: "New Beginning",
|
||||
},
|
||||
value: "1", title: "New Beginning"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-nr8ale91.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -144,32 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "City Nights",
|
||||
tags: [
|
||||
"Dubai",
|
||||
"Celebration",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg?_wi=2",
|
||||
},
|
||||
id: "m1", title: "City Nights", tags: [
|
||||
"Dubai", "Celebration"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg?_wi=2"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Skyline Dreams",
|
||||
tags: [
|
||||
"Dubai",
|
||||
"Views",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-nr8ale91.jpg?_wi=2",
|
||||
},
|
||||
id: "m2", title: "Skyline Dreams", tags: [
|
||||
"Dubai", "Views"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-nr8ale91.jpg?_wi=2"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Peaceful Moments",
|
||||
tags: [
|
||||
"Dining",
|
||||
"Love",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-cmb05aad.jpg?_wi=1",
|
||||
},
|
||||
id: "m3", title: "Peaceful Moments", tags: [
|
||||
"Dining", "Love"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-cmb05aad.jpg?_wi=1"},
|
||||
]}
|
||||
title="Life Highlights"
|
||||
description="A glimpse into the special moments that defined this year."
|
||||
@@ -183,26 +133,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "c1",
|
||||
value: "100%",
|
||||
title: "Love",
|
||||
description: "Surrounded by support and care.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg?_wi=3",
|
||||
},
|
||||
id: "c1", value: "100%", title: "Love", description: "Surrounded by support and care.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg?_wi=3"},
|
||||
{
|
||||
id: "c2",
|
||||
value: "365",
|
||||
title: "Days",
|
||||
description: "Lived fully and intentionally.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-nr8ale91.jpg?_wi=3",
|
||||
},
|
||||
id: "c2", value: "365", title: "Days", description: "Lived fully and intentionally.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-nr8ale91.jpg?_wi=3"},
|
||||
{
|
||||
id: "c3",
|
||||
value: "∞",
|
||||
title: "Happiness",
|
||||
description: "Wishing for limitless joy.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-cmb05aad.jpg?_wi=2",
|
||||
},
|
||||
id: "c3", value: "∞", title: "Happiness", description: "Wishing for limitless joy.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-cmb05aad.jpg?_wi=2"},
|
||||
]}
|
||||
title="Counting Blessings"
|
||||
description="Celebrating the milestones, big and small."
|
||||
@@ -214,14 +149,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Happiness",
|
||||
"Love",
|
||||
"Gratitude",
|
||||
"New Beginnings",
|
||||
"Celebration",
|
||||
"Friendship",
|
||||
"Family",
|
||||
]}
|
||||
"Happiness", "Love", "Gratitude", "New Beginnings", "Celebration", "Friendship", "Family"]}
|
||||
title="Filled With Love"
|
||||
description="Grateful for all the support and kind wishes."
|
||||
/>
|
||||
@@ -233,60 +161,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena",
|
||||
date: "Jan 2025",
|
||||
title: "Best Friend",
|
||||
quote: "You make every day brighter!",
|
||||
tag: "Friend",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-nr8ale91.jpg?_wi=4",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "t1", name: "Elena", date: "Jan 2025", title: "Best Friend", quote: "You make every day brighter!", tag: "Friend", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-nr8ale91.jpg?_wi=4", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam",
|
||||
date: "Dec 2024",
|
||||
title: "Partner",
|
||||
quote: "Here's to the next adventure.",
|
||||
tag: "Love",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-cmb05aad.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg?_wi=4",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "t2", name: "Sam", date: "Dec 2024", title: "Partner", quote: "Here's to the next adventure.", tag: "Love", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-cmb05aad.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg?_wi=4", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah",
|
||||
date: "Nov 2024",
|
||||
title: "Sister",
|
||||
quote: "So proud of everything you do.",
|
||||
tag: "Family",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-cmb05aad.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg?_wi=5",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "t3", name: "Sarah", date: "Nov 2024", title: "Sister", quote: "So proud of everything you do.", tag: "Family", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-cmb05aad.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg?_wi=5", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mike",
|
||||
date: "Oct 2024",
|
||||
title: "Friend",
|
||||
quote: "Always cheering for you!",
|
||||
tag: "Support",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg?_wi=6",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "t4", name: "Mike", date: "Oct 2024", title: "Friend", quote: "Always cheering for you!", tag: "Support", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg?_wi=6", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe",
|
||||
date: "Sept 2024",
|
||||
title: "Colleague",
|
||||
quote: "Wishing you the happiest birthday!",
|
||||
tag: "Work",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-nr8ale91.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg?_wi=7",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "t5", name: "Chloe", date: "Sept 2024", title: "Colleague", quote: "Wishing you the happiest birthday!", tag: "Work", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-nr8ale91.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg?_wi=7", imageAlt: "User provided image"},
|
||||
]}
|
||||
title="Messages of Love"
|
||||
description="Kind words from those who made this year so special."
|
||||
@@ -297,16 +180,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Keep in Touch"
|
||||
title="Send a Birthday Wish"
|
||||
description="I'd love to hear from you. Leave a message to brighten my birthday!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Wish",
|
||||
href: "#",
|
||||
},
|
||||
text: "Send Wish", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -315,29 +195,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Top",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Top", href: "#hero"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Gallery", href: "#gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -348,4 +218,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user