Merge version_1 into main #2
207
src/app/page.tsx
207
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Memories",
|
||||
id: "features",
|
||||
},
|
||||
name: "Memories", id: "features"},
|
||||
{
|
||||
name: "Messages",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Messages", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Happy Birthday!"
|
||||
/>
|
||||
@@ -56,64 +48,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="A Very Special Birthday Wish"
|
||||
description="Celebrating the amazing person you are. This day is all about the joy you bring into the world."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start the Surprise",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Start the Surprise", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colorful-balloons-party_53876-144453.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colorful-balloons-party_53876-144453.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/enthusiastic-white-girl-with-sparkle-helium-balloons-enjoying-birthday-photoshoot-adorable-female-model-black-dress-posing-with-big-present-boxes-smiling_197531-1779.jpg",
|
||||
alt: "Friend at party",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/enthusiastic-white-girl-with-sparkle-helium-balloons-enjoying-birthday-photoshoot-adorable-female-model-black-dress-posing-with-big-present-boxes-smiling_197531-1779.jpg", alt: "Friend at party"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-smiling-woman-holding-many-balloons-near-tinsel_23-2147981789.jpg",
|
||||
alt: "Happy friend",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-smiling-woman-holding-many-balloons-near-tinsel_23-2147981789.jpg", alt: "Happy friend"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-like-party_158595-3904.jpg",
|
||||
alt: "Celebrating birthday",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-like-party_158595-3904.jpg", alt: "Celebrating birthday"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-beautiful-women-celebrating-new-year-happy-gorgeous-female-stylish_158538-17515.jpg",
|
||||
alt: "Friend cheering",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-beautiful-women-celebrating-new-year-happy-gorgeous-female-stylish_158538-17515.jpg", alt: "Friend cheering"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/going-out-concept-with-girl-night_23-2148140744.jpg",
|
||||
alt: "Close friend",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/going-out-concept-with-girl-night_23-2148140744.jpg", alt: "Close friend"},
|
||||
]}
|
||||
avatarText="Joined by all your friends"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Happy Birthday!",
|
||||
type: "text", text: "Happy Birthday!"},
|
||||
{
|
||||
type: "text-icon", text: "Celebrate", icon: Gift,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Celebrate",
|
||||
icon: Gift,
|
||||
type: "text", text: "Best Year Ever"},
|
||||
{
|
||||
type: "text-icon", text: "Surprise", icon: Gift,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Best Year Ever",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Surprise",
|
||||
icon: Gift,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Joy & Love",
|
||||
},
|
||||
type: "text", text: "Joy & Love"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,19 +94,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Smiles Shared",
|
||||
value: "1000+",
|
||||
},
|
||||
label: "Smiles Shared", value: "1000+"},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Memories Made",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Memories Made", value: "500+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "People Inspired",
|
||||
value: "100%",
|
||||
},
|
||||
label: "People Inspired", value: "100%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -149,20 +112,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "The Big Surprise",
|
||||
description: "We planned something special for you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mothers-day-composition-with-pink-present_23-2147776084.jpg",
|
||||
},
|
||||
title: "The Big Surprise", description: "We planned something special for you.", imageSrc: "http://img.b2bpic.net/free-photo/mothers-day-composition-with-pink-present_23-2147776084.jpg"},
|
||||
{
|
||||
title: "Celebration Time",
|
||||
description: "Balloons, cake, and joy all around.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-birthday-text-inflatable-white-balloon_23-2148092545.jpg",
|
||||
},
|
||||
title: "Celebration Time", description: "Balloons, cake, and joy all around.", imageSrc: "http://img.b2bpic.net/free-photo/happy-birthday-text-inflatable-white-balloon_23-2148092545.jpg"},
|
||||
{
|
||||
title: "Cherished Memories",
|
||||
description: "Looking back at all the great moments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-scrapbook_23-2149614031.jpg",
|
||||
},
|
||||
title: "Cherished Memories", description: "Looking back at all the great moments.", imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-scrapbook_23-2149614031.jpg"},
|
||||
]}
|
||||
title="Special Highlights"
|
||||
description="Just a few reasons why today is perfect."
|
||||
@@ -175,45 +129,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "So sweet!",
|
||||
quote: "You make everyone feel so special.",
|
||||
name: "Alex",
|
||||
role: "Friend",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-celebrate-birthday-birthday-party-home_169016-65308.jpg",
|
||||
},
|
||||
id: "1", title: "So sweet!", quote: "You make everyone feel so special.", name: "Alex", role: "Friend", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-celebrate-birthday-birthday-party-home_169016-65308.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Pure joy!",
|
||||
quote: "Your smile is contagious.",
|
||||
name: "Jamie",
|
||||
role: "Friend",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/astonished-pleased-lucky-young-attractive-woman-speechless-glancing-camera-widen-eyes-impressed_1258-229078.jpg",
|
||||
},
|
||||
id: "2", title: "Pure joy!", quote: "Your smile is contagious.", name: "Jamie", role: "Friend", imageSrc: "http://img.b2bpic.net/free-photo/astonished-pleased-lucky-young-attractive-woman-speechless-glancing-camera-widen-eyes-impressed_1258-229078.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Always there!",
|
||||
quote: "You are the best friend ever.",
|
||||
name: "Morgan",
|
||||
role: "Friend",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confetti-falling-party-girl_23-2147635294.jpg",
|
||||
},
|
||||
id: "3", title: "Always there!", quote: "You are the best friend ever.", name: "Morgan", role: "Friend", imageSrc: "http://img.b2bpic.net/free-photo/confetti-falling-party-girl_23-2147635294.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Sweet soul!",
|
||||
quote: "Wishing you the best year yet.",
|
||||
name: "Taylor",
|
||||
role: "Friend",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-delicious-cupcakes-with-frosting_23-2149667661.jpg",
|
||||
},
|
||||
id: "4", title: "Sweet soul!", quote: "Wishing you the best year yet.", name: "Taylor", role: "Friend", imageSrc: "http://img.b2bpic.net/free-photo/colorful-delicious-cupcakes-with-frosting_23-2149667661.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Love you!",
|
||||
quote: "Keep shining your light.",
|
||||
name: "Sam",
|
||||
role: "Friend",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-nature_23-2148170326.jpg",
|
||||
},
|
||||
id: "5", title: "Love you!", quote: "Keep shining your light.", name: "Sam", role: "Friend", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-nature_23-2148170326.jpg"},
|
||||
]}
|
||||
title="Warm Wishes"
|
||||
description="Love and good vibes coming your way."
|
||||
@@ -227,20 +151,11 @@ export default function LandingPage() {
|
||||
tag="Just for fun"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1",
|
||||
description: "Best Birthday Ever",
|
||||
},
|
||||
id: "m1", value: "1", description: "Best Birthday Ever"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24",
|
||||
description: "Hours of non-stop fun",
|
||||
},
|
||||
id: "m2", value: "24", description: "Hours of non-stop fun"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "∞",
|
||||
description: "Amount of cake we can eat",
|
||||
},
|
||||
id: "m3", value: "∞", description: "Amount of cake we can eat"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -253,33 +168,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Party Planners",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Party Planners", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Organizer",
|
||||
subtitle: "Chief of Fun",
|
||||
detail: "The one who made this all happen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-cake-modern-kitchen_1153-5802.jpg",
|
||||
},
|
||||
id: "m1", title: "Organizer", subtitle: "Chief of Fun", detail: "The one who made this all happen.", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-cake-modern-kitchen_1153-5802.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Supporter",
|
||||
subtitle: "Positive Vibes",
|
||||
detail: "Always there to help out.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-posing-photo-studio_1157-33957.jpg",
|
||||
},
|
||||
id: "m2", title: "Supporter", subtitle: "Positive Vibes", detail: "Always there to help out.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-posing-photo-studio_1157-33957.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Helper",
|
||||
subtitle: "Gift Expert",
|
||||
detail: "Picked the best gift ever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-earphones_23-2149005376.jpg",
|
||||
},
|
||||
id: "m3", title: "Helper", subtitle: "Gift Expert", detail: "Picked the best gift ever.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-earphones_23-2149005376.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-balloons-party_53876-144453.jpg?_wi=2",
|
||||
imageAlt: "happy girl smiling portrait",
|
||||
},
|
||||
]}
|
||||
title="The Surprise Crew"
|
||||
@@ -293,20 +189,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is cake included?",
|
||||
content: "Absolutely, it's mandatory!",
|
||||
},
|
||||
id: "f1", title: "Is cake included?", content: "Absolutely, it's mandatory!"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I have more gifts?",
|
||||
content: "You'll have to ask nicely.",
|
||||
},
|
||||
id: "f2", title: "Can I have more gifts?", content: "You'll have to ask nicely."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is it going to be fun?",
|
||||
content: "It's going to be the best day ever.",
|
||||
},
|
||||
id: "f3", title: "Is it going to be fun?", content: "It's going to be the best day ever."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know for today."
|
||||
@@ -318,15 +205,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to Celebrate?"
|
||||
description="Send a special birthday message now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message",
|
||||
},
|
||||
text: "Send Message"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -335,13 +220,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="HBD"
|
||||
leftLink={{
|
||||
text: "Wish List",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Wish List", href: "#"}}
|
||||
rightLink={{
|
||||
text: "More Surprises",
|
||||
href: "#",
|
||||
}}
|
||||
text: "More Surprises", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user