Merge version_1 into main #2
187
src/app/page.tsx
187
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Heart, Sparkles, Gift, Star } from 'lucide-react';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
@@ -28,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Messages",
|
||||
id: "#messages",
|
||||
},
|
||||
{
|
||||
name: "Memories",
|
||||
id: "#memories",
|
||||
},
|
||||
{
|
||||
name: "Celebrate",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Messages", id: "#messages" },
|
||||
{ name: "Memories", id: "#memories" },
|
||||
{ name: "Celebrate", id: "#contact" },
|
||||
]}
|
||||
brandName="Happy Birthday Di"
|
||||
/>
|
||||
@@ -51,18 +40,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="Happy Birthday, Di"
|
||||
description="Celebrating the most beautiful soul I know. May your day be as sparkling and radiant as you are."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Celebration",
|
||||
href: "#messages",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-assortment-spring-petals_23-2148413802.jpg?_wi=1"
|
||||
buttons={[{ text: "Start Celebration", href: "#messages" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-assortment-spring-petals_23-2148413802.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -72,34 +54,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "You Are My Forever Home",
|
||||
description: "No matter where life takes us, you are the place I feel most at peace and loved. Thank you for being my constant.",
|
||||
buttonIcon: "Heart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-acrylic-balls-water_23-2148469351.jpg",
|
||||
imageAlt: "Abstract acrylic balls in water",
|
||||
},
|
||||
{
|
||||
title: "How Far You've Come",
|
||||
description: "Seeing you grow, blossom, and chase your dreams with such grace fills me with so much pride. You are truly unstoppable.",
|
||||
buttonIcon: "Sparkles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-spring-petals_23-2148413802.jpg?_wi=2",
|
||||
imageAlt: "Abstract acrylic balls in water",
|
||||
},
|
||||
{
|
||||
title: "My Wish For You",
|
||||
description: "I hope this year brings you all the magic, joy, and laughter that you give to everyone else. You deserve the world.",
|
||||
buttonIcon: "Gift",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-background-made-with-flowers-with-blank-note_24972-1591.jpg?_wi=1",
|
||||
imageAlt: "Abstract acrylic balls in water",
|
||||
},
|
||||
{
|
||||
title: "Always With You",
|
||||
description: "Through every high and every low, I am your biggest cheerleader, supporter, and friend. Forever together.",
|
||||
buttonIcon: "Star",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-friendship-concept-with-friends-dancing_23-2147720558.jpg?_wi=1",
|
||||
imageAlt: "Abstract acrylic balls in water",
|
||||
},
|
||||
{ title: "You Are My Forever Home", description: "No matter where life takes us, you are the place I feel most at peace and loved. Thank you for being my constant.", buttonIcon: Heart },
|
||||
{ title: "How Far You've Come", description: "Seeing you grow, blossom, and chase your dreams with such grace fills me with so much pride. You are truly unstoppable.", buttonIcon: Sparkles },
|
||||
{ title: "My Wish For You", description: "I hope this year brings you all the magic, joy, and laughter that you give to everyone else. You deserve the world.", buttonIcon: Gift },
|
||||
{ title: "Always With You", description: "Through every high and every low, I am your biggest cheerleader, supporter, and friend. Forever together.", buttonIcon: Star },
|
||||
]}
|
||||
title="My Wishes For You"
|
||||
description="A few words from my heart."
|
||||
@@ -110,44 +68,12 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Your Radiance",
|
||||
price: "Always Shining",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-background-made-with-flowers-with-blank-note_24972-1591.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Your Kind Heart",
|
||||
price: "Deeply Caring",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-friendship-concept-with-friends-dancing_23-2147720558.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Your Wisdom",
|
||||
price: "Always Guiding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-with-message-with-lights-heart-it_1220-697.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Your Humor",
|
||||
price: "Joyful Spirit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-sexy-hipster-girls-white-wigs-red-lips-beautiful-trendy-women-summer-clothes-summer-having-fun_158538-15250.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Your Strength",
|
||||
price: "Truly Inspiring",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-portrait-young-man-with-orange-hair_23-2149122915.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Your Compassion",
|
||||
price: "Deeply Loving",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097738.jpg",
|
||||
},
|
||||
{ id: "1", name: "Your Radiance", price: "Always Shining", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-background-made-with-flowers-with-blank-note_24972-1591.jpg" },
|
||||
{ id: "2", name: "Your Kind Heart", price: "Deeply Caring", imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-friendship-concept-with-friends-dancing_23-2147720558.jpg" },
|
||||
{ id: "3", name: "Your Wisdom", price: "Always Guiding", imageSrc: "http://img.b2bpic.net/free-photo/glass-with-message-with-lights-heart-it_1220-697.jpg" }
|
||||
]}
|
||||
title="6 Qualities I Love"
|
||||
description="A look at the beauty you bring into our lives."
|
||||
@@ -161,46 +87,11 @@ export default function LandingPage() {
|
||||
title="Loved By Many"
|
||||
description="Heartfelt messages from friends and family who love you."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Best Friend",
|
||||
quote: "Di is the most thoughtful person I know. Happy birthday!",
|
||||
name: "Sarah",
|
||||
role: "Close Friend",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stunning-girl-red-night-suit-posing-with-peace-sign-near-sister-adorable-curly-lady-eyemask-making-selfie-with-her-female-friend_197531-21524.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Family",
|
||||
quote: "Watching you grow has been the joy of my life. Shine on!",
|
||||
name: "Mom",
|
||||
role: "Parent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-enjoying-birthday-party_23-2148092567.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Inspiring",
|
||||
quote: "Your creativity and drive never cease to amaze me.",
|
||||
name: "Mark",
|
||||
role: "Colleague",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-redhead-woman-smiling-confident-standing-park_839833-33715.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Kind Soul",
|
||||
quote: "Thank you for always being there with a smile.",
|
||||
name: "Elena",
|
||||
role: "Sister",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-big-smile_23-2148263403.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Always Shining",
|
||||
quote: "The world is a brighter place because you are in it.",
|
||||
name: "Leo",
|
||||
role: "Partner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-woman-partying-with-confetti-her-hair_23-2148793581.jpg",
|
||||
},
|
||||
{ id: "1", title: "Best Friend", quote: "Di is the most thoughtful person I know. Happy birthday!", name: "Sarah", role: "Close Friend" },
|
||||
{ id: "2", title: "Family", quote: "Watching you grow has been the joy of my life. Shine on!", name: "Mom", role: "Parent" },
|
||||
{ id: "3", title: "Inspiring", quote: "Your creativity and drive never cease to amaze me.", name: "Mark", role: "Colleague" },
|
||||
{ id: "4", title: "Kind Soul", quote: "Thank you for always being there with a smile.", name: "Elena", role: "Sister" },
|
||||
{ id: "5", title: "Always Shining", quote: "The world is a brighter place because you are in it.", name: "Leo", role: "Partner" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -208,43 +99,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Are you ready to celebrate today? Let's make this the best birthday ever!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Celebrate! 🎉",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Celebrate! 🎉" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Birthday Wishes",
|
||||
items: [
|
||||
{
|
||||
label: "Love you always",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Forever grateful",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Back to top",
|
||||
href: "#hero",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Birthday Wishes", items: [{ label: "Love you always", href: "#" }, { label: "Forever grateful", href: "#" }] },
|
||||
{ title: "Quick Links", items: [{ label: "Back to top", href: "#hero" }] },
|
||||
]}
|
||||
bottomLeftText="Made with love for Di"
|
||||
bottomRightText="© 2024 Celebration"
|
||||
@@ -253,4 +118,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user