diff --git a/src/app/page.tsx b/src/app/page.tsx index 05f9fcb..e6f0784 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,159 +1,132 @@ "use client"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import React, { useState } from "react"; import ReactLenis from "lenis/react"; -import FooterBase from '@/components/sections/footer/FooterBase'; import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia'; -import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven'; -import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; -import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; -import SplitAbout from '@/components/sections/about/SplitAbout'; -import TeamCardSix from '@/components/sections/team/TeamCardSix'; -import { Heart, Sparkles } from "lucide-react"; + +const CelebrationOverlay = () => { + const hearts = Array.from({ length: 30 }).map((_, i) => ( +
+ ❤️ +
+ )); + + return ( +
+
+ I Love You Bisma ❤️ +
+ {hearts} +
+
+
+ ); +}; export default function LandingPage() { + const noMessages = [ + "Are you sure, Bisma? Think about our future... 🫠", "Please reconsider, my love. My heart aches at the thought. 💔", "Don't say no! We're meant to be. This isn't a game. 😭", "Just one more chance... Say yes! 🙏", "My world stops without you. Please, Bisma. Yes? ✨" + ]; + const [noClickCount, setNoClickCount] = useState(0); + const [showCelebration, setShowCelebration] = useState(false); + + const handleYesClick = () => { + setShowCelebration(true); + }; + + const handleNoClick = () => { + setNoClickCount((prevCount) => prevCount + 1); + }; + + const currentDescription = noClickCount < 5 + ? "My dearest Bisma, from the moment I met you, my world changed. Every day with you is a joy, an adventure, and a blessing. You are the most beautiful, kind, and brilliant person I know. My love for you grows with each passing moment, and I can't imagine a future without you by my side. Let's start our forever now." + : noMessages[Math.min(noClickCount - 1, noMessages.length - 1)]; + + const buttons = noClickCount < 5 + ? [ + { text: "Yes", onClick: handleYesClick }, + { text: "No", onClick: handleNoClick } + ] + : [ + { text: "Yes ❤️", onClick: handleYesClick }, + { text: "Yes ❤️", onClick: handleYesClick } + ]; + + // Tailwind keyframes for hearts and fade-in + const globalStyles = ` + @keyframes heart-fall { + 0% { transform: translateY(-100vh) rotate(0deg) scale(0); opacity: 0; } + 10% { opacity: 1; } + 100% { transform: translateY(100vh) rotate(360deg) scale(1.5); opacity: 0; } + } + @keyframes fade-in { + from { opacity: 0; transform: translateY(20px); } + to { opacity: 1; transform: translateY(0); } + } + .animate-heart-fall { + animation: heart-fall linear infinite; + } + .animate-fade-in { + animation: fade-in 1s ease-out forwards; + } + html, body, #__next { + height: 100%; + margin: 0; + overflow: hidden; /* Prevent scrolling during celebration */ + } + `; + return ( +