Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -1,153 +1,86 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
+import React, { useState } from "react";
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-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 [yesClicked, setYesClicked] = useState(false);
-  const navItems = [
+  const [noClickCount, setNoClickCount] = useState(0);
-    { name: "Home", id: "#" }
+
+  const noMessages = [
+    "Please kar lo na 🥺",    "Main tum se bohat pyar karta hoon ❤️",    "Ab to yes kar do na 🥹",    "Please Bisma, maan jao na ❤️",    "Mere liye yes kar do 💕"
   ];
 
+  const handleYesClick = () => {
+    setYesClicked(true);
+  };
+
+  const handleNoClick = () => {
+    if (noClickCount < noMessages.length) {
+      setNoClickCount((prevCount) => prevCount + 1);
+    }
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
+        borderRadius="rounded"
-        contentWidth="compact"
+        contentWidth="small"
         sizing="medium"
-        background="fluid"
+        background="none"
-        cardStyle="outline"
+        cardStyle="solid"
-        primaryButtonStyle="diagonal-gradient"
+        primaryButtonStyle="flat"
-        secondaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
-        headingFontWeight="normal"
+        headingFontWeight="bold"
     >
-      <ReactLenis root>
+        <div className="min-h-screen flex items-center justify-center p-4 bg-[var(--background)] text-[var(--foreground)]">
-        <div id="nav" data-section="nav">
+          <div className="bg-[var(--card)] p-8 rounded-xl shadow-lg max-w-md w-full text-center">
-          <NavbarStyleCentered
+            {yesClicked ? (
-            brandName="Bisma"
+              <h2 className="text-3xl font-bold text-[var(--foreground)]">Thank you for accept me ❤️</h2>
-            navItems={navItems}
+            ) : (
-          />
+              <>
-        </div>
+                <h1 className="text-4xl font-bold mb-4 text-[var(--foreground)]">Bisma, will you marry me?</h1>
+                {noClickCount > 0 && noClickCount <= noMessages.length && (
+                  <p className="text-lg mb-8 text-[var(--foreground)]">
+                    {noMessages[noClickCount - 1]}
+                  </p>
+                )}
 
-        <div id="proposal-hero" data-section="proposal-hero">
+                {noClickCount === noMessages.length && (
-          <HeroCarouselLogo
+                  <p className="text-lg mb-8 text-[var(--foreground)]">
-            logoText="Bisma"
+                    Ab to sirf yes hi option hai ❤️
-            description="Will you marry me?"
+                  </p>
-            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">
+                <div className="flex flex-col gap-4 items-center mt-6">
-          <HeroBillboardScroll
+                  <button
-            background={{
+                    onClick={handleYesClick}
-              variant: "plain"}}
+                    className="w-full py-3 px-6 rounded-md text-[var(--primary-cta-text)] bg-[var(--primary-cta)] hover:opacity-90 transition-opacity text-xl font-semibold"
-            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."
+                    Yes ❤️
-            tag="A Love Story"
+                  </button>
-            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">
+                  {noClickCount < noMessages.length ? (
-          <TestimonialCardSix
+                    <button
-            animationType="slide-up"
+                      onClick={handleNoClick}
-            textboxLayout="default"
+                      className="w-full py-3 px-6 rounded-md text-[var(--secondary-cta-text)] bg-[var(--secondary-cta)] hover:opacity-90 transition-opacity text-xl font-semibold"
-            useInvertedBackground={false}
+                    >
-            title="Our Journey Together"
+                      No
-            description="Hear from those who've seen our love blossom and journey through life side by side."
+                    </button>
-            testimonials={[
+                  ) : (
-              {
+                    <button
-                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,
+                      onClick={handleYesClick}
-              },
+                      className="w-full py-3 px-6 rounded-md text-[var(--primary-cta-text)] bg-[var(--primary-cta)] hover:opacity-90 transition-opacity text-xl font-semibold"
-              {
+                    >
-                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,
+                      Yes ❤️
-              },
+                    </button>
-              {
+                  )}
-                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,
+                </div>
-              },
+              </>
-              {
+            )}
-                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,
+          </div>
-              },
-              {
-                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="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>
   );
 }