\n Will you be my low-commitment casual Valentine? 💘\n

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

\n \n )}\n\n {/* STEP 1 — Celebration */}\n {step === 1 && (\n <>\n

\n \n Yay, I knew you wouldn't say no!!! 💖🎉\n \n setStep(2)}\n style={{\n padding: \"10px 25px\",\n fontSize: \"18px\",\n borderRadius: \"8px\",\n border: \"none\",\n backgroundColor: \"hotpink\",\n color: \"white\",\n cursor: \"pointer\",\n }}\n >\n Next ➡️\n \n \n )}\n\n {/* STEP 2 — Drink & Colour */}\n {step === 2 && (\n <>\n

Just a few questions 💕

\n\n setDrink(e.target.value)}\n style={{\n padding: \"10px\",\n margin: \"10px\",\n width: \"280px\",\n fontSize: \"16px\",\n }}\n />\n\n setColor(e.target.value)}\n style={{\n padding: \"10px\",\n margin: \"10px\",\n width: \"280px\",\n fontSize: \"16px\",\n }}\n />\n\n {drink && color && (\n setStep(3)}\n style={{\n marginTop: \"20px\",\n padding: \"10px 25px\",\n fontSize: \"18px\",\n borderRadius: \"8px\",\n border: \"none\",\n backgroundColor: \"hotpink\",\n color: \"white\",\n cursor: \"pointer\",\n }}\n >\n Next ➡️\n \n )}\n \n )}\n\n {/* STEP 3 — Availability */}\n {step === 3 && (\n <>\n

One last question 🥺💗

\n Are you at home on February 12th between{\" \"}\n 10:00am–10:30am for 5 minutes?\n

\n\n

\n {\n setIsHome(true);\n setStep(4);\n }}\n style={{\n margin: \"10px\",\n padding: \"10px 20px\",\n fontSize: \"16px\",\n backgroundColor: \"green\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"6px\",\n cursor: \"pointer\",\n }}\n >\n Yes 💕\n \n\n {\n setIsHome(false);\n setStep(4);\n }}\n style={{\n margin: \"10px\",\n padding: \"10px 20px\",\n fontSize: \"16px\",\n backgroundColor: \"red\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"6px\",\n cursor: \"pointer\",\n }}\n >\n No 😭\n \n

\n \n )}\n\n {/* STEP 4 — SUMMARY */}\n {step === 4 && (\n <>\n

Summary of your answers 💖

\n\n

\n ☕ Favourite Starbucks drink: {drink}\n
\n 🎨 Favourite colour: {color}\n
\n 🏠 At home Feb 12 (10:00–10:30am):{\" \"}\n {isHome ? \"Yes 💕\" : \"No 😭\"}\n

\n\n \n Please send a screenshot 📸💗\n

\n \n )}\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Mystery Link (promise it's not sketch)\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/anooshkasharma2220wq/MysteryLink/code/main.tsx","extension","actionData","errors"]