\n {children}\n

\n \n );\n}\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"Pretty please? 🥺\",\n \"Be serious rn\",\n \"You sure?\",\n \"You playing hard to get?\",\n \"This is emotional damage\",\n \"I told my imaginary mom about you\",\n \"Stop acting mysterious\",\n \"Last chance before I cry\",\n \"Villain origin story loading...\",\n \"You really choosing chaos huh\",\n \"Okay now you're just mean\",\n \"Stop acting mysterious\",\n \"Villain arc loading...\",\n \"You really choosing chaos huh\",\n \"Last chance before I cry\",\n];\n\nconst btnStyle = {\n fontSize: \"24px\",\n padding: \"12px 30px\",\n margin: \"10px\",\n borderRadius: \"12px\",\n border: \"none\",\n background: \"#bb1111\",\n color: \"white\",\n cursor: \"pointer\",\n};\n\nfunction App() {\n const [step, setStep] = useState(0);\n const nextStep = () => setStep((s) => s + 1);\n\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [position, setPosition] = useState({ x: 0, y: 0 });\n\n const yesButtonSize = Math.min(noClicks * 18 + 18);\n\n const intro1Img = \"https://media1.tenor.com/m/QdSxPE_QoDwAAAAC/level-200.gif\";\n const intro2Img =\n \"https://media.tenor.com/KUXIWC9D5_UAAAAj/my-hero-academia-boku-no-hero-academia.gif\";\n const in3 = \"https://media.tenor.com/laNVq3HwQ_EAAAAj/d-sad.gif\";\n const in4 = \"https://media1.tenor.com/m/cZkLDTnvGIIAAAAC/anime.gif\";\n const in5 =\n \"https://media1.tenor.com/m/hBwkISiqNI0AAAAd/shura-hiwa-lamer.gif\";\n const in6 = \"https://media.tenor.com/laNVq3HwQ_EAAAAj/d-sad.gif\";\n const in7 =\n \"https://media1.tenor.com/m/ENcB_TMNJAYAAAAC/ruby-ruby-hoshino.gif\";\n const in8 =\n \"https://media.tenor.com/ic363XFbIk4AAAAj/bocchi-the-rock-bocchi.gif\";\n const in10 =\n \"https://media1.tenor.com/m/Qn8L8VtaBhMAAAAC/noaqi77-ew-you%27re-stinky.gif\";\n const in9 = \"https://media1.tenor.com/m/Hqrs4WQJLVkAAAAd/sakudo.gif\";\n const in11 =\n \"https://media1.tenor.com/m/d1S2IBOYsegAAAAC/naikhouonog-lolzu05.gif\";\n const in12 = \"https://media1.tenor.com/m/jPBIr1oc1DYAAAAd/batman-intro.gif\";\n const firstImg =\n \"https://i.pinimg.com/736x/df/c2/dc/dfc2dcad95e04b7b96316cd937b3ced0.jpg\";\n const secondImg =\n \"https://media.tenor.com/1zmpK0IgsvgAAAAi/bss-funvideotv.gif\";\n\n const hearts = Array.from({ length: 25 }).map((_, i) => ({\n id: i,\n left: Math.random() * 100,\n delay: Math.random() * 5,\n size: Math.random() * 20 + 10,\n }));\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n setPosition({\n x: Math.random() * 250 - 125,\n y: Math.random() * 200 - 100,\n });\n };\n\n const handleYes = () => {\n setIsValentine(true);\n confetti({\n particleCount: 150,\n spread: 120,\n origin: { y: 0.6 },\n });\n };\n\n return (\n \n {/* Falling Hearts */}\n {hearts.map((heart) => (\n \n 💗\n \n ))}\n\n {/* Step 0: Intro */}\n {step === 0 && (\n <>\n \n \n \n I need to ask you something… 👀\n \n \n Okay…\n \n \n \n )}\n\n {/* Step 1: Important Question! */}\n {step === 1 && (\n <>\n \n \n

It’s VERY important. Like life changing important 😭

\n \n Okay okay tell me\n \n \n \n )}\n\n {step === 2 && (\n <>\n \n \n

UR NOT GETTING THIS SERIOUS BROOOOOOOO…

\n \n I AMMMMMMMM…\n \n \n \n )}\n\n {step === 3 && (\n <>\n \n \n \n YES DADDY\n \n \n \n )}\n\n {step === 4 && (\n <>\n \n \n

Did u just now clicked that…

\n \n Urmm perhapsss…\n \n \n \n )}\n\n {step === 5 && (\n <>\n \n \n

WHAT IF IT WASN'T ME HUH…would u still click that

\n \n NO Daddy\n \n \n \n )}\n\n {step === 6 && (\n <>\n \n \n

JK BBGGGG

\n \n urmm yey TOT ?\n \n \n \n )}\n\n {step === 7 && (\n <>\n \n \n

NO I WASNT

\n \n urmm creepy oky\n \n \n \n )}\n\n {step === 8 && (\n <>\n \n \n

SO I WOULD LV TO TAKE THIS MOMENT TO TELL..

\n \n ok\n \n \n \n )}\n\n {step === 9 && (\n <>\n \n \n

GO TAKE A SHOWER U SINTKYYY

\n \n TOT WAHTTTTT\n \n \n \n )}\n\n {step === 10 && (\n <>\n \n \n

OKY OKYY SOOOO I WOULD LOVE TO ASK

\n \n TELL ME ALREADY\n \n \n \n )}\n\n {/* Step 2+: Main Valentine Question */}\n {step === 11 &&\n (!isValentine\n ? (\n <>\n \n \n\n \n Will you be my Valentine Princess ? 💘\n \n\n

\n \n Yes 😌\n \n\n \n {noClicks === 0 ? \"No\" : NO_PHRASES[\n Math.min(noClicks - 1, NO_PHRASES.length - 1)\n ]}\n \n

\n \n \n )\n : (\n <>\n \n \n\n \n LET'S GOOOO 💖🎉\n \n\n \n

Hehe I knew it 😌❤️

You’re stuck with me now 💍

\n You just made the best decision of your life.\n

\n \n Nowwww\n \n \n \n ))}\n\n {step >= 12 && (\n <>\n \n \n

TIME TO GO MYSTERIOUS AGAIN, Laters Babyy :3..

\n \n \n )}\n\n {/* Falling hearts animation */}\n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")!).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server() {\n return new Response(\n `\n \n \n MY SENORITA 💘\n \n \n \n \n

\n \n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","deleted","label",[100],"permalink","https://www.val.town/x/zenithu_s/valentine/code/main.tsx","extension","actionData","errors"]