Merge version_5 into main #5
160
src/app/page.tsx
160
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Heart, Sparkles } from "lucide-react";
|
||||
import { Wine, PartyPopper, Heart, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,16 +31,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Moments", id: "gallery"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Moments", id: "gallery" },
|
||||
{ name: "Cheers", id: "proof" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Birthday Joy"
|
||||
brandName="Cheers to You"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -48,37 +45,16 @@ export default function LandingPage() {
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Celebrating Another Beautiful Year"
|
||||
description="Cheers to memories made, adventures taken, and the bright future ahead. Happy Birthday!"
|
||||
title="Cheers to Another Fantastic Year"
|
||||
description="Let's raise a glass to the memories we've made and the joy still to come!"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg?_wi=1"
|
||||
imageAlt="Birthday celebration photo"
|
||||
imageAlt="Celebration toast"
|
||||
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-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-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-icon", text: "Celebration", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text", text: "Another Year Wiser"},
|
||||
{
|
||||
type: "text-icon", text: "Happiness", icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text", text: "New Adventures"},
|
||||
{ type: "text-icon", text: "Cheers!", icon: Wine },
|
||||
{ type: "text-icon", text: "Party Time", icon: PartyPopper },
|
||||
{ type: "text-icon", text: "Joyful Memories", icon: Heart },
|
||||
{ type: "text-icon", text: "Celebrating You", icon: Sparkles },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -86,19 +62,15 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Reflecting on the Journey"
|
||||
description="Life is a collection of moments. From cityscape views to peaceful dinners, each photo tells a story of gratitude and love."
|
||||
title="Celebrating Milestones"
|
||||
description="Every year brings new reasons to toast. From big wins to quiet moments, we celebrate every step of the journey together."
|
||||
metrics={[
|
||||
{
|
||||
value: "365", title: "Days of Growth"},
|
||||
{
|
||||
value: "∞", title: "Memories Created"},
|
||||
{
|
||||
value: "1", title: "New Beginning"},
|
||||
{ value: "365", title: "Days of Joy" },
|
||||
{ value: "100+", title: "Toasts Made" },
|
||||
{ value: "∞", title: "Happy Memories" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-nr8ale91.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -106,23 +78,13 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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: "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: "m1", title: "Evening Toasts", tags: ["Nightlife", "Cheers"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg?_wi=2" },
|
||||
{ id: "m2", title: "Festive Gatherings", tags: ["Friends", "Celebration"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-nr8ale91.jpg?_wi=2" },
|
||||
{ id: "m3", title: "Special Moments", tags: ["Milestones", "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."
|
||||
title="Gallery of Joy"
|
||||
description="Capturing the cheers and smiles that define our favorite moments."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -132,87 +94,53 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "c1", value: "100%", title: "Laughter", description: "Guaranteed at every celebration.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-kfb160jg.jpg?_wi=3" },
|
||||
{ id: "c2", value: "50+", title: "Toasts", description: "Shared with the best people.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-nr8ale91.jpg?_wi=3" },
|
||||
{ id: "c3", value: "∞", title: "Smiles", description: "Creating limitless memories.", 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."
|
||||
title="Counting Cheers"
|
||||
description="Quantifying the joy and gratitude we feel today."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="proof" data-section="proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Happiness", "Love", "Gratitude", "New Beginnings", "Celebration", "Friendship", "Family"]}
|
||||
title="Filled With Love"
|
||||
description="Grateful for all the support and kind wishes."
|
||||
names={["Cheers", "Celebration", "Joy", "Toast", "Friends", "Growth", "Happy Days"]}
|
||||
title="Words of Celebration"
|
||||
description="Everything we stand for and toast to every single day."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "t1", name: "Elena", date: "Jan 2025", title: "Best Friend", quote: "Cheers to your incredible spirit!", tag: "Celebrate", 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" },
|
||||
{ id: "t2", name: "Sam", date: "Dec 2024", title: "Partner", quote: "Always raising a glass to you.", 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" },
|
||||
]}
|
||||
title="Messages of Love"
|
||||
description="Kind words from those who made this year so special."
|
||||
title="Cheers from Friends"
|
||||
description="Lovely messages from those who make the celebrations worth it."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
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: "Share Your Birthday Wishes", href: "#"},
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get In Touch"
|
||||
title="Send a Cheers Wish"
|
||||
description="I'd love to read your messages! Send a toast my way today."
|
||||
buttons={[{ text: "Send Your Wishes" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Top", href: "#hero"},
|
||||
{
|
||||
label: "Gallery", href: "#gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "Top", href: "#hero" }, { label: "Gallery", href: "#gallery" }] },
|
||||
{ title: "Cheers", items: [{ label: "Wishes", href: "#contact" }, { label: "Moments", href: "#gallery" }] },
|
||||
]}
|
||||
logoText="Birthday Joy"
|
||||
copyrightText="© 2025 | Birthday Celebration"
|
||||
copyrightText="© 2025 | Cheers to You"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user