bender/c399ab20-4e1b-4193-a1c5-48fcad234dfc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_9 bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_7
Branches Tags
bender:main bender:version_9 bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

17 Commits
version_2 ... version_7

Author SHA1 Message Date
bender
b159cc6408 Update theme colors 2026-04-20 17:39:05 +00:00
bender
2a04b15af6 Update theme colors 2026-04-20 17:33:24 +00:00
bender
c9bffd297d Update src/app/page.tsx 2026-04-20 17:33:14 +00:00
bender
2f18f8ce88 Update theme fonts 2026-04-20 15:20:34 +00:00
bender
ea8f378b19 Update theme fonts 2026-04-20 15:20:33 +00:00
bender
146f4b018f Update theme fonts 2026-04-20 15:20:29 +00:00
bender
341399df64 Update theme fonts 2026-04-20 15:20:29 +00:00
bender
20c99d072b Update theme fonts 2026-04-20 15:20:13 +00:00
bender
b4a62073fa Update theme fonts 2026-04-20 15:20:12 +00:00
bender
10485ec522 Update src/app/page.tsx 2026-04-20 15:09:07 +00:00
bender
2e98a69d9c Update src/app/page.tsx 2026-04-20 15:08:33 +00:00
bender
c6434af345 Merge version_4 into main 
Merge version_4 into main
 2026-04-20 15:07:15 +00:00
bender
8029067293 Update src/app/page.tsx 2026-04-20 15:07:12 +00:00
bender
0dcb798f60 Merge version_3 into main 
Merge version_3 into main
 2026-04-20 15:06:06 +00:00
bender
e87043acd5 Update src/app/page.tsx 2026-04-20 15:06:03 +00:00
bender
00412ebbef Merge version_2 into main 
Merge version_2 into main
 2026-04-20 14:55:56 +00:00
bender
568496d77c Merge version_1 into main 
Merge version_1 into main
 2026-04-20 14:53:59 +00:00
4 changed files with 77 additions and 265 deletions
Expand all files Collapse all files

15
src/app/layout.tsx
View File

@@ -7,6 +7,8 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Figtree } from "next/font/google"; import { Figtree } from "next/font/google";
import { Inter_Tight } from "next/font/google";
import { Open_Sans } from "next/font/google";
@@ -21,8 +23,15 @@ export const metadata: Metadata = {
}, },
}; };
const figtree = Figtree({
variable: "--font-figtree",
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
const openSans = Open_Sans({
variable: "--font-open-sans",
subsets: ["latin"], subsets: ["latin"],
}); });
@@ -34,7 +43,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${figtree.variable} antialiased`}> <body className={`${inter.variable} ${openSans.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

307
src/app/page.tsx
View File

@@ -11,103 +11,50 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; 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() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-magnetic" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="soft" borderRadius="pill"
contentWidth="compact" contentWidth="medium"
sizing="mediumLargeSizeLargeTitles" sizing="largeSizeMediumTitles"
background="circleGradient" background="noiseDiagonalGradient"
cardStyle="gradient-radial" cardStyle="glass-depth"
primaryButtonStyle="primary-glow" primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid" secondaryButtonStyle="glass"
headingFontWeight="bold" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "About", id: "about" },
id: "hero", { name: "Moments", id: "gallery" },
}, { name: "Cheers", id: "proof" },
{ { name: "Contact", id: "contact" },
name: "About",
id: "about",
},
{
name: "Moments",
id: "gallery",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="Birthday Joy" brandName="Cheers to You"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroSplit
background={{ background={{
variant: "radial-gradient", variant: "sparkles-gradient"}}
}} title="Cheers to Another Fantastic Year"
title="Celebrating Another Beautiful Year" description="Let's raise a glass to the memories we've made and the joy still to come!"
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" 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" 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={[ marqueeItems={[
{ { type: "text-icon", text: "Cheers!", icon: Wine },
type: "text", { type: "text-icon", text: "Party Time", icon: PartyPopper },
text: "Birthday Joy", { type: "text-icon", text: "Joyful Memories", icon: Heart },
}, { type: "text-icon", text: "Celebrating You", 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: "New Adventures",
},
]} ]}
/> />
</div> </div>
@@ -115,25 +62,15 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<MetricSplitMediaAbout <MetricSplitMediaAbout
useInvertedBackground={true} useInvertedBackground={true}
title="Reflecting on the Journey" title="Celebrating Milestones"
description="Life is a collection of moments. From cityscape views to peaceful dinners, each photo tells a story of gratitude and love." description="Every year brings new reasons to toast. From big wins to quiet moments, we celebrate every step of the journey together."
metrics={[ metrics={[
{ { value: "365", title: "Days of Joy" },
value: "365", { value: "100+", title: "Toasts Made" },
title: "Days of Growth", { value: "∞", title: "Happy Memories" },
},
{
value: "∞",
title: "Memories Created",
},
{
value: "1",
title: "New Beginning",
},
]} ]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-nr8ale91.jpg?_wi=1" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CctceCfl7FBtuehov1NPPJzNyX/uploaded-1776696815119-nr8ale91.jpg?_wi=1"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/> />
</div> </div>
@@ -143,36 +80,12 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { 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: "m1", { 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" },
title: "City Nights", { 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" },
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",
},
]} ]}
title="Life Highlights" title="Gallery of Joy"
description="A glimpse into the special moments that defined this year." description="Capturing the cheers and smiles that define our favorite moments."
/> />
</div> </div>
@@ -182,170 +95,60 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ { 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: "c1", { 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" },
value: "100%", { 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: "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",
},
]} ]}
title="Counting Blessings" title="Counting Cheers"
description="Celebrating the milestones, big and small." description="Quantifying the joy and gratitude we feel today."
/> />
</div> </div>
<div id="proof" data-section="proof"> <div id="proof" data-section="proof">
<SocialProofOne <SocialProofOne
names={["Cheers", "Celebration", "Joy", "Toast", "Friends", "Growth", "Happy Days"]}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ title="Words of Celebration"
"Happiness", description="Everything we stand for and toast to every single day."
"Love",
"Gratitude",
"New Beginnings",
"Celebration",
"Friendship",
"Family",
]}
title="Filled With Love"
description="Grateful for all the support and kind wishes."
/> />
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardFive <TestimonialCardFive
textboxLayout="default"
useInvertedBackground={true}
testimonials={[ testimonials={[
{ { id: "t1", name: "ALISA", date: "Oct 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: "t1", { id: "t2", name: "Sam", date: "Dec 2024", title: "Husband ", 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" },
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",
},
]} ]}
title="Messages of Love" textboxLayout="default"
description="Kind words from those who made this year so special." useInvertedBackground={false}
title="Cheers from Friends"
description="Lovely messages from those who make the celebrations worth it."
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "radial-gradient" }}
variant: "radial-gradient", tag="Get In Touch"
}} title="Send a Cheers Wish"
tag="Keep in Touch" description="I'd love to read your messages! Send a toast my way today."
title="Send a Birthday Wish" buttons={[{ text: "Send Your Wishes" }]}
description="I'd love to hear from you. Leave a message to brighten my birthday!"
buttons={[
{
text: "Send Wish",
href: "#",
},
]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBase <FooterBase
columns={[ columns={[
{ { title: "Links", items: [{ label: "Top", href: "#hero" }, { label: "Gallery", href: "#gallery" }] },
title: "Links", { title: "Cheers", items: [{ label: "Wishes", href: "#contact" }, { label: "Moments", href: "#gallery" }] },
items: [
{
label: "Top",
href: "#hero",
},
{
label: "Gallery",
href: "#gallery",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Twitter",
href: "#",
},
],
},
]} ]}
logoText="Birthday Joy" logoText="Birthday Joy"
copyrightText="© 2025 | Birthday Celebration" copyrightText="© 2025 | Cheers to You"
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-figtree), sans-serif; font-family: var(--font-open-sans), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-figtree), sans-serif; font-family: var(--font-inter), sans-serif;
} }

16
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #fbf8f7; --background: #ffffff;
--card: #ffffff; --card: #f9f9f9;
--foreground: #2d2624; --foreground: #000612e6;
--primary-cta: #c68a62; --primary-cta: #15479c;
--primary-cta-text: #ffffff; --primary-cta-text: #ffffff;
--secondary-cta: #fbf8f7; --secondary-cta: #f9f9f9;
--secondary-cta-text: #2d2624; --secondary-cta-text: #000612e6;
--accent: #e3deea; --accent: #e2e2e2;
--background-accent: #efebe5; --background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);