Welcome to Your Blank App

Start building your amazing project here!

\n \n {accepted ? (\n \n ) : (\n setAccepted(true)} />\n )}\n

\n );\n};\nimport { useMemo } from \"react\";\nconst FloatingHearts = () => {\n const hearts = useMemo(\n () =>\n Array.from({ length: 20 }, (_, i) => ({\n id: i,\n left: Math.random() * 100,\n delay: Math.random() * 8,\n duration: 6 + Math.random() * 8,\n size: 12 + Math.random() * 20,\n opacity: 0.15 + Math.random() * 0.25,\n })),\n []\n );\n return (\n

\n {hearts.map((h) => (\n \n ❤\n \n ))}\n

\n );\n};\nexport default FloatingHearts;\nimport { useState, useRef, useCallback } from \"react\";\ninterface Props {\n onAccept: () => void;\n}\nconst messages = [\n \"Nu? Sigur?\",\n \"Gândește-te bine...\",\n \"Ești sigur, John?\",\n \"Nu mă face să plâng 🥺\",\n \"Te rog! 💔\",\n \"Ultima șansă!\",\n \"Hai, spune Da! 🥹\",\n];\nconst ValentineCard = ({ onAccept }: Props) => {\n const [noCount, setNoCount] = useState(0);\n const noBtnRef = useRef(null);\n const yesScale = 1 + noCount * 0.15;\n const handleNoMouseEnter = useCallback(() => {\n const btn = noBtnRef.current;\n if (!btn) return;\n const parent = btn.parentElement?.parentElement;\n if (!parent) return;\n const parentRect = parent.getBoundingClientRect();\n const btnRect = btn.getBoundingClientRect();\n const maxX = parentRect.width - btnRect.width - 20;\n const maxY = parentRect.height - btnRect.height - 20;\n const newX = Math.random() * maxX;\n const newY = Math.random() * maxY;\n btn.style.position = \"absolute\";\n btn.style.left = `${newX}px`;\n btn.style.top = `${newY}px`;\n setNoCount((c) => c + 1);\n }, []);\n return (\n

\n \n 💖\n

\n \n Hei, John!\n \n

\n {noCount === 0\n ? \"Vrei să fii Valentinul meu? 💕\"\n : messages[Math.min(noCount - 1, messages.length - 1)]}\n

\n \n Da! 🥰\n \n \n Nu 😢\n \n

\n );\n};\nexport default ValentineCard;\nimport Confetti from \"@/components/Confetti\";\nconst ValentineAccepted = () => {\n return (\n

\n \n \n 😍\n

\n \n Yaaay!\n \n

\n Știam eu, John! 💖\n
\n Ești cel mai bun Valentin din lume! 🥰\n

\n \n );\n};\nexport default ValentineAccepted;\nimport { useMemo } from \"react\";\nconst colors = [\n \"hsl(340, 82%, 52%)\",\n \"hsl(20, 90%, 60%)\",\n \"hsl(50, 95%, 60%)\",\n \"hsl(280, 70%, 60%)\",\n \"hsl(160, 70%, 50%)\",\n];\nconst Confetti = () => {\n const pieces = useMemo(\n () =>\n Array.from({ length: 40 }, (_, i) => ({\n id: i,\n left: Math.random() * 100,\n delay: Math.random() * 2,\n duration: 2 + Math.random() * 3,\n color: colors[i % colors.length],\n size: 6 + Math.random() * 8,\n })),\n []\n );\n return (\n

\n {pieces.map((p) => (\n \n ))}\n

\n );\n};\nexport default Confetti;","deleted","label",[102],"permalink","https://www.val.town/x/witherkking/valentineB/code/main.tsx","extension","actionData","errors"]