\n Vuoi essere la mia Valentina? 💘\n

\n \n \n Sì\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: FESTEGGIAMENTI */}\n {step === 1 && (\n

\n \n

\n SIIIIIIIIII!!! 💖🎉\n

\n Mi hai reso la persona più felice del mondo!\n

\n \n

\n )}\n\n {/* STEP 2: DATA */}\n {step === 2 && (\n \n

Quando sei libera? 📅

\n \n {DATES.map((d) => (\n handleSelection(\"date\", d)}\n style={optionButtonStyle}\n >\n {d}\n \n ))}\n \n \n )}\n\n {/* STEP 3: CIBO */}\n {step === 3 && (\n \n

Cosa vuoi mangiare? 🍽️

\n {FOODS.map((f) => (\n handleSelection(\"food\", f.name)}\n style={cardStyle}\n >\n

\n {f.name}\n

\n ))}\n \n \n )}\n\n {/* STEP 4: ATTIVITÀ */}\n {step === 4 && (\n \n

E dopo? ✨

\n {ACTIVITIES.map((a) => (\n handleSelection(\"activity\", a.name)}\n style={cardStyle}\n >\n

\n {a.name}\n

\n ))}\n \n \n )}\n\n {/* STEP 5: TICKET FINALE */}\n {step === 5 && (\n \n

\n Ecco il nostro piano! 💌\n

\n \n \n BIGLIETTO SAN VALENTINO\n \n\n

\n 📅{\" \"}\n Quando:\n
\n {selections.date}\n

\n 🍝{\" \"}\n Cibo:\n \n {/* Cerchiamo l'immagine del cibo selezionato */}\n f.name === selections.food)?.img}\n style={miniImgStyle}\n alt=\"Food\"\n />\n {selections.food}\n

\n \n

\n ✨{\" \"}\n Attività:\n \n {/* Cerchiamo l'immagine dell'attività selezionata */}\n a.name === selections.activity)\n ?.img}\n style={miniImgStyle}\n alt=\"Activity\"\n />\n {selections.activity}\n

\n \n\n \n Non vedo l'ora! ❤️\n \n \n

\n Fai uno screenshot e mandamelo per confermare! 📸\n

\n \n )}\n \n );\n}\n\n// --- STILI CSS-IN-JS ---\nconst mainButtonStyle = {\n marginTop: \"20px\",\n padding: \"15px 30px\",\n fontSize: \"20px\",\n backgroundColor: \"#ff69b4\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"50px\",\n cursor: \"pointer\",\n boxShadow: \"0 4px 10px rgba(255, 105, 180, 0.3)\",\n};\nconst optionButtonStyle = {\n padding: \"15px\",\n fontSize: \"18px\",\n backgroundColor: \"white\",\n border: \"2px solid #ffb6c1\",\n borderRadius: \"15px\",\n cursor: \"pointer\",\n transition: \"0.2s\",\n color: \"#444\",\n fontWeight: \"500\",\n};\nconst gridStyle = {\n display: \"grid\",\n gridTemplateColumns: \"repeat(auto-fit, minmax(140px, 1fr))\",\n gap: \"15px\",\n marginTop: \"20px\",\n};\nconst cardStyle = {\n backgroundColor: \"white\",\n borderRadius: \"15px\",\n overflow: \"hidden\",\n boxShadow: \"0 4px 10px rgba(0,0,0,0.1)\",\n cursor: \"pointer\",\n transition: \"transform 0.2s\",\n};\nconst imgStyle = { width: \"100%\", height: \"120px\", objectFit: \"cover\" };\nconst miniImgStyle = {\n width: \"50px\",\n height: \"50px\",\n borderRadius: \"50%\", // Le rende tonde\n objectFit: \"cover\",\n border: \"2px solid #ff69b4\",\n};\nconst ticketItemStyle = {\n marginBottom: \"15px\",\n borderBottom: \"1px solid #eee\",\n paddingBottom: \"10px\",\n fontSize: \"18px\",\n color: \"#333\",\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 Invito di San Valentino ❤️\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/pintigho/san_valentino/code/main.tsx","extension","actionData","errors"]