Switch to version 2: modified src/app/page.tsx
This commit is contained in:
@@ -4,6 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactForm from '@/components/form/ContactForm';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
@@ -29,14 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About You", id: "about"},
|
||||
{
|
||||
name: "Timeline", id: "features"},
|
||||
{
|
||||
name: "Messages", id: "testimonials"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About You", id: "about" },
|
||||
{ name: "Timeline", id: "features" },
|
||||
{ name: "Wishes", id: "birthday-wishes" },
|
||||
{ name: "Messages", id: "testimonials" },
|
||||
]}
|
||||
brandName="Happy Birthday!"
|
||||
/>
|
||||
@@ -44,14 +42,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ 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"},
|
||||
]}
|
||||
buttons={[{ text: "See the celebration", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-pink-birthday-balloons-against-white-background_23-2148092606.jpg"
|
||||
imageAlt="Birthday celebration background"
|
||||
/>
|
||||
@@ -62,15 +56,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why You're Amazing"
|
||||
metrics={[
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Years of Joy", value: "Forever"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Smiles Caused", value: "Millions"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Your Magic", value: "Infinite"},
|
||||
{ icon: Heart, label: "Years of Joy", value: "Forever" },
|
||||
{ icon: Smile, label: "Smiles Caused", value: "Millions" },
|
||||
{ icon: Star, label: "Your Magic", value: "Infinite" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -84,12 +72,9 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
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", 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/beautiful-young-women-their-graduation-night_23-2149106120.jpg", imageAlt: "Adventure 2"},
|
||||
{ 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/beautiful-young-women-their-graduation-night_23-2149106120.jpg", imageAlt: "Adventure 2" },
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -104,20 +89,27 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="birthday-wishes" data-section="birthday-wishes">
|
||||
<ContactForm
|
||||
title="Leave a Birthday Wish"
|
||||
description="Share your kindest words for this special day. Your message will be part of the celebration."
|
||||
tag="Birthday Guestbook"
|
||||
buttonText="Send Wish"
|
||||
inputPlaceholder="Type your wish here..."
|
||||
termsText=""
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
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: "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: "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: "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: "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: "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"
|
||||
@@ -128,15 +120,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ 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"},
|
||||
]}
|
||||
buttons={[{ text: "See the surprise", href: "#surprise" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -145,18 +133,14 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Celebrate", items: [
|
||||
{
|
||||
label: "Surprise", href: "#"},
|
||||
{
|
||||
label: "Memories", href: "#"},
|
||||
{ label: "Surprise", href: "#" },
|
||||
{ label: "Memories", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{ label: "Contact", href: "#" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user