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