Merge version_1 into main #1
297
src/app/page.tsx
297
src/app/page.tsx
@@ -11,6 +11,11 @@ import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Book, Gift, Heart, MessageCircle, Smile, Sparkles, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
// Define navItems for NavbarStyleCentered as it's a required prop
|
||||
const navItems = [
|
||||
{ name: "Home", id: "#" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -25,191 +30,123 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Bisma"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Bisma"
|
||||
navItems={navItems}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="proposal-hero" data-section="proposal-hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Bisma"
|
||||
description="Will you marry me?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Yes",
|
||||
onClick: "handleYes",
|
||||
},
|
||||
{
|
||||
text: "No",
|
||||
onClick: "handleNo",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-hugging-sea-shore-evening_23-2148020113.jpg",
|
||||
imageAlt: "Romantic couple silhouette at sunset on a beach",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-marry-me-wedding-engagement-ring-box-with-red-rose-gift_114579-443.jpg",
|
||||
imageAlt: "Close-up of an engagement ring on a single red rose",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensitive-hands-making-delicate-expressions_23-2149524508.jpg",
|
||||
imageAlt: "Two hands gently intertwined, symbolizing connection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-candlelight-dinner-elegant-decor-comfort-generated-by-ai_188544-16342.jpg",
|
||||
imageAlt: "Elegant candlelit dinner setting for two, romantic atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-looking-each-other_23-2149478749.jpg",
|
||||
imageAlt: "Couple dancing slowly in soft, warm light in an embrace",
|
||||
},
|
||||
]}
|
||||
autoplayDelay={0}
|
||||
showDimOverlay={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="proposal-hero" data-section="proposal-hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Bisma"
|
||||
description="Will you marry me?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Yes", onClick: () => console.log("Yes clicked!"),
|
||||
},
|
||||
{
|
||||
text: "No", onClick: () => console.log("No clicked!"),
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-hugging-sea-shore-evening_23-2148020113.jpg", imageAlt: "Romantic couple silhouette at sunset on a beach"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-marry-me-wedding-engagement-ring-box-with-red-rose-gift_114579-443.jpg", imageAlt: "Close-up of an engagement ring on a single red rose"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensitive-hands-making-delicate-expressions_23-2149524508.jpg", imageAlt: "Two hands gently intertwined, symbolizing connection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-candlelight-dinner-elegant-decor-comfort-generated-by-ai_188544-16342.jpg", imageAlt: "Elegant candlelit dinner setting for two, romantic atmosphere"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-looking-each-other_23-2149478749.jpg", imageAlt: "Couple dancing slowly in soft, warm light in an embrace"},
|
||||
]}
|
||||
autoplayDelay={0}
|
||||
showDimOverlay={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Our Story, Our Future"
|
||||
description="Every moment with you has been a cherished chapter, building towards a beautiful forever. Let's write the most incredible one yet."
|
||||
tag="A Love Story"
|
||||
tagIcon={Book}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Journey",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sunset-romance-two-people-embracing-beach-generated-by-ai_188544-35281.jpg"
|
||||
imageAlt="Romantic couple walking hand-in-hand on a beach at sunset"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Our Story, Our Future"
|
||||
description="Every moment with you has been a cherished chapter, building towards a beautiful forever. Let's write the most incredible one yet."
|
||||
tag="A Love Story"
|
||||
tagIcon={Book}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Journey", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sunset-romance-two-people-embracing-beach-generated-by-ai_188544-35281.jpg"
|
||||
imageAlt="Romantic couple walking hand-in-hand on a beach at sunset"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Journey Together"
|
||||
description="Hear from those who've seen our love blossom and journey through life side by side."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Bisma and her partner are truly meant to be. Their love story is an inspiration to all who know them!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-person-with-cozy-clothes_23-2149137884.jpg",
|
||||
imageAlt: "Portrait of Sarah J. smiling",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David L.",
|
||||
handle: "@davidl",
|
||||
testimonial: "The warmth, joy, and profound connection they bring to each other's lives is evident to everyone around them.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man_158595-4908.jpg",
|
||||
imageAlt: "Portrait of David L. smiling",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Aisha M.",
|
||||
handle: "@aisham",
|
||||
testimonial: "Watching them grow together, support each other, and laugh has been a true privilege. This proposal is just perfect!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-with-mask_23-2148627188.jpg",
|
||||
imageAlt: "Portrait of Aisha M. smiling",
|
||||
icon: Gift,
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Omar K.",
|
||||
handle: "@omark",
|
||||
testimonial: "They complement each other beautifully, bringing out the best in one another. Wishing them a lifetime of happiness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg",
|
||||
imageAlt: "Portrait of Omar K. smiling",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lily P.",
|
||||
handle: "@lilyp",
|
||||
testimonial: "From day one, I knew this love was special and destined for great things. So excited for their next chapter!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-girl-wears-elegant-earrings-summer-day-outdoor-shot-relaxed-long-haired-woman-with-beautiful-dark-eyes_197531-8831.jpg",
|
||||
imageAlt: "Portrait of Lily P. smiling",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Michael R.",
|
||||
handle: "@michaelr",
|
||||
testimonial: "Their bond is so strong, genuine, and filled with affection. Couldn't be happier for them!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-brunette-woman-laughing-sincerely-striped-background-shorthaired-girl-orange-sweatshirt-smiling-outdoors_197531-29500.jpg",
|
||||
imageAlt: "Portrait of Michael R. smiling",
|
||||
icon: Smile,
|
||||
},
|
||||
]}
|
||||
speed={40}
|
||||
topMarqueeDirection="left"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Journey Together"
|
||||
description="Hear from those who've seen our love blossom and journey through life side by side."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Bisma and her partner are truly meant to be. Their love story is an inspiration to all who know them!", imageSrc: "http://img.b2bpic.net/free-photo/autumn-person-with-cozy-clothes_23-2149137884.jpg", imageAlt: "Portrait of Sarah J. smiling", icon: Heart,
|
||||
},
|
||||
{
|
||||
id: "t2", name: "David L.", handle: "@davidl", testimonial: "The warmth, joy, and profound connection they bring to each other's lives is evident to everyone around them.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man_158595-4908.jpg", imageAlt: "Portrait of David L. smiling", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "t3", name: "Aisha M.", handle: "@aisham", testimonial: "Watching them grow together, support each other, and laugh has been a true privilege. This proposal is just perfect!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-with-mask_23-2148627188.jpg", imageAlt: "Portrait of Aisha M. smiling", icon: Gift,
|
||||
},
|
||||
{
|
||||
id: "t4", name: "Omar K.", handle: "@omark", testimonial: "They complement each other beautifully, bringing out the best in one another. Wishing them a lifetime of happiness.", imageSrc: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg", imageAlt: "Portrait of Omar K. smiling", icon: Heart,
|
||||
},
|
||||
{
|
||||
id: "t5",name: "Lily P.",handle: "@lilyp",testimonial: "From day one, I knew this love was special and destined for great things. So excited for their next chapter!",imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-girl-wears-elegant-earrings-summer-day-outdoor-shot-relaxed-long-haired-woman-with-beautiful-dark-eyes_197531-8831.jpg",imageAlt: "Portrait of Lily P. smiling",icon: Star,
|
||||
},
|
||||
{
|
||||
id: "t6",name: "Michael R.",handle: "@michaelr",testimonial: "Their bond is so strong, genuine, and filled with affection. Couldn't be happier for them!",imageSrc: "http://img.b2bpic.net/free-photo/positive-brunette-woman-laughing-sincerely-striped-background-shorthaired-girl-orange-sweatshirt-smiling-outdoors_197531-29500.jpg",imageAlt: "Portrait of Michael R. smiling",icon: Smile,
|
||||
},
|
||||
]}
|
||||
speed={40}
|
||||
topMarqueeDirection="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="A Heartfelt Message"
|
||||
tagIcon={MessageCircle}
|
||||
title="To My Dearest Bisma, You are the missing piece I never knew I was searching for, the sunshine that brightens my every day."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="A Heartfelt Message"
|
||||
tagIcon={MessageCircle}
|
||||
title="To My Dearest Bisma, You are the missing piece I never knew I was searching for, the sunshine that brightens my every day."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Questions You Might Have (And My Answers)"
|
||||
description="Addressing some immediate thoughts about our future together, with all my heart."
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Are you really serious about this?",
|
||||
content: "Absolutely, Bisma. Every fiber of my being is committed to a beautiful future with you. This is the most serious and heartfelt question I could ever ask.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What about our individual dreams and goals?",
|
||||
content: "They become 'our dreams' and 'our goals.' We'll build them together, supporting each other's aspirations and growing as a team, always.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Where will we live after this?",
|
||||
content: "Wherever our hearts feel most at home, as long as we're together. We can discuss all the details and find the perfect place to start our married life.",
|
||||
},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "What makes you so sure about me?",
|
||||
content: "The way you make me feel, the endless joy you bring into my life, and the undeniable connection we share. It's simply you, Bisma, and I know it in my soul.",
|
||||
},
|
||||
{
|
||||
id: "faq5",
|
||||
title: "What happens next if I say yes?",
|
||||
content: "Hopefully, you say yes! Then, we celebrate, begin planning our wonderful future, and embark on the most incredible chapter of our lives together.",
|
||||
},
|
||||
{
|
||||
id: "faq6",
|
||||
title: "Is this a complete surprise?",
|
||||
content: "I hope it's a delightful one! I wanted this moment to be truly special and memorable, just like every moment I've shared with you.",
|
||||
},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Questions You Might Have (And My Answers)"
|
||||
description="Addressing some immediate thoughts about our future together, with all my heart."
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",title: "Are you really serious about this?",content: "Absolutely, Bisma. Every fiber of my being is committed to a beautiful future with you. This is the most serious and heartfelt question I could ever ask."},
|
||||
{
|
||||
id: "faq2",title: "What about our individual dreams and goals?",content: "They become 'our dreams' and 'our goals.' We'll build them together, supporting each other's aspirations and growing as a team, always."},
|
||||
{
|
||||
id: "faq3",title: "Where will we live after this?",content: "Wherever our hearts feel most at home, as long as we're together. We can discuss all the details and find the perfect place to start our married life."},
|
||||
{
|
||||
id: "faq4",title: "What makes you so sure about me?",content: "The way you make me feel, the endless joy you bring into my life, and the undeniable connection we share. It's simply you, Bisma, and I know it in my soul."},
|
||||
{
|
||||
id: "faq5",title: "What happens next if I say yes?",content: "Hopefully, you say yes! Then, we celebrate, begin planning our wonderful future, and embark on the most incredible chapter of our lives together."},
|
||||
{
|
||||
id: "faq6",title: "Is this a complete surprise?",content: "I hope it's a delightful one! I wanted this moment to be truly special and memorable, just like every moment I've shared with you."},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user