Update src/app/page.tsx
This commit is contained in:
124
src/app/page.tsx
124
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About You",
|
||||
id: "about",
|
||||
},
|
||||
name: "About You", id: "about"},
|
||||
{
|
||||
name: "Timeline",
|
||||
id: "features",
|
||||
},
|
||||
name: "Timeline", id: "features"},
|
||||
{
|
||||
name: "Messages",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Messages", id: "testimonials"},
|
||||
]}
|
||||
brandName="Happy Birthday!"
|
||||
/>
|
||||
@@ -53,17 +45,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Happy Birthday, My Love!"
|
||||
description="Celebrating the most incredible human being I know. Today is all about you."
|
||||
buttons={[
|
||||
{
|
||||
text: "See the celebration",
|
||||
href: "#about",
|
||||
},
|
||||
text: "See the celebration", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-pink-birthday-balloons-against-white-background_23-2148092606.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-pink-birthday-balloons-against-white-background_23-2148092606.jpg"
|
||||
imageAlt="Birthday celebration background"
|
||||
/>
|
||||
</div>
|
||||
@@ -75,19 +64,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Years of Joy",
|
||||
value: "Forever",
|
||||
},
|
||||
label: "Years of Joy", value: "Forever"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Smiles Caused",
|
||||
value: "Millions",
|
||||
},
|
||||
label: "Smiles Caused", value: "Millions"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Your Magic",
|
||||
value: "Infinite",
|
||||
},
|
||||
label: "Your Magic", value: "Infinite"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -100,41 +83,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "The Beginning",
|
||||
description: "The day everything changed for the better.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
title: "The Beginning", description: "The day everything changed for the better.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cafe-calm-chill-beverage-resting-enjoy-concept_53876-42609.jpg?_wi=1",
|
||||
imageAlt: "Our early days",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cafe-calm-chill-beverage-resting-enjoy-concept_53876-42609.jpg", imageAlt: "Our early days"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-hipster-couple-love-walking-by-river-wild-nature-winter-vacation_285396-2037.jpg",
|
||||
imageAlt: "Adventure 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-hipster-couple-love-walking-by-river-wild-nature-winter-vacation_285396-2037.jpg", imageAlt: "Adventure 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-women-their-graduation-night_23-2149106120.jpg",
|
||||
imageAlt: "Adventure 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-women-their-graduation-night_23-2149106120.jpg", imageAlt: "Adventure 2"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-pink-birthday-balloons-against-white-background_23-2148092606.jpg?_wi=2",
|
||||
imageAlt: "romantic birthday celebration background warm lighting",
|
||||
},
|
||||
{
|
||||
title: "Growing Together",
|
||||
description: "Learning, laughing, and building a life we love.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sun,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-covering-man-eye_23-2148243372.jpg",
|
||||
imageAlt: "couple portrait soft lighting emotional",
|
||||
title: "Growing Together", description: "Learning, laughing, and building a life we love.", bentoComponent: "reveal-icon", icon: Sun,
|
||||
},
|
||||
{
|
||||
title: "Many More",
|
||||
description: "Looking forward to all the birthdays ahead.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Calendar,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cafe-calm-chill-beverage-resting-enjoy-concept_53876-42609.jpg?_wi=2",
|
||||
imageAlt: "romantic memory timeline polaroid",
|
||||
title: "Many More", description: "Looking forward to all the birthdays ahead.", bentoComponent: "reveal-icon", icon: Calendar,
|
||||
},
|
||||
]}
|
||||
title="Our Journey Together"
|
||||
@@ -147,30 +109,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Love of my Life",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-relaxing-couple-with-wooden-background_23-2148243297.jpg",
|
||||
},
|
||||
id: "1", name: "Love of my Life", imageSrc: "http://img.b2bpic.net/free-photo/front-view-relaxing-couple-with-wooden-background_23-2148243297.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Best Friend",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-model-with-golden-light_23-2148905622.jpg",
|
||||
},
|
||||
id: "2", name: "Best Friend", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-model-with-golden-light_23-2148905622.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "My Favorite Person",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916039.jpg",
|
||||
},
|
||||
id: "3", name: "My Favorite Person", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916039.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Adventure Partner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-gay-couple-being-affectionate-spending-time-together-beach_23-2150168611.jpg",
|
||||
},
|
||||
id: "4", name: "Adventure Partner", imageSrc: "http://img.b2bpic.net/free-photo/view-gay-couple-being-affectionate-spending-time-together-beach_23-2150168611.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "My Everything",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-against-blue-wall_23-2148184865.jpg",
|
||||
},
|
||||
id: "5", name: "My Everything", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-against-blue-wall_23-2148184865.jpg"},
|
||||
]}
|
||||
cardTitle="Birthday Wishes for You"
|
||||
cardTag="Love Notes"
|
||||
@@ -182,16 +129,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Let's Celebrate"
|
||||
title="Ready for your surprise?"
|
||||
description="I have something special planned for you later today."
|
||||
buttons={[
|
||||
{
|
||||
text: "See the surprise",
|
||||
href: "#surprise",
|
||||
},
|
||||
text: "See the surprise", href: "#surprise"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -200,29 +144,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Celebrate",
|
||||
items: [
|
||||
title: "Celebrate", items: [
|
||||
{
|
||||
label: "Surprise",
|
||||
href: "#",
|
||||
},
|
||||
label: "Surprise", href: "#"},
|
||||
{
|
||||
label: "Memories",
|
||||
href: "#",
|
||||
},
|
||||
label: "Memories", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user