Invitación para mi Jijy

\n \n Mi hielito, quieres ser mi Valentin? 💘\n \n

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

\n \n )}\n\n {/* PASO 1: Celebración */}\n {step === 1 && (\n <>\n

\n \n Siii!!! 💖🎉\n \n

Sabía que dirías que siiiiiii

\n setStep(2)}\n style={{\n padding: \"12px 24px\",\n fontSize: \"18px\",\n backgroundColor: \"#ff4d6d\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"25px\",\n marginTop: \"20px\",\n cursor: \"pointer\",\n fontFamily: \"'Fredoka', sans-serif\",\n boxShadow: \"0 4px 6px rgba(0,0,0,0.1)\",\n }}\n >\n Ahora toca hacer la planificación amor\n \n \n )}\n\n {/* PASO 2: Selección de FECHA (6 opciones) */}\n {step === 2 && (\n

\n \n ¿Qué día nos vemos?\n \n \n {DATE_OPTIONS.map((date, index) => (\n handleDateSelect(date)}\n style={{\n padding: \"15px\",\n fontSize: \"16px\",\n backgroundColor: \"white\",\n color: \"#ff4d6d\",\n border: \"2px solid #ffccd5\",\n borderRadius: \"15px\",\n cursor: \"pointer\",\n fontFamily: \"'Fredoka', sans-serif\",\n fontWeight: \"bold\",\n transition: \"0.2s\",\n }}\n >\n {date}\n \n ))}\n

\n \n )}\n\n {/* PASO 3: Selección de HORA (6 opciones) */}\n {step === 3 && (\n

\n \n ¿A qué hora paso nos vemos mi vida?\n \n \n {TIME_OPTIONS.map((time, index) => (\n handleTimeSelect(time)}\n style={{\n padding: \"15px\",\n fontSize: \"16px\",\n backgroundColor: \"white\",\n color: \"#ff4d6d\",\n border: \"2px solid #ffccd5\",\n borderRadius: \"15px\",\n cursor: \"pointer\",\n fontFamily: \"'Fredoka', sans-serif\",\n fontWeight: \"bold\",\n transition: \"0.2s\",\n }}\n >\n {time}\n \n ))}\n

\n \n )}\n\n {/* PASO 4: Comida */}\n {step === 4 && (\n

\n \n ¿De qué tienes antojo amor?\n \n \n {FOOD_OPTIONS.map((option) => (\n handleFoodSelect(option)}\n style={{\n border: \"2px solid #ffccd5\",\n borderRadius: \"15px\",\n padding: \"10px\",\n cursor: \"pointer\",\n backgroundColor: \"white\",\n transition: \"transform 0.2s\",\n }}\n >\n \n \n {option.label}\n

\n ))}\n \n \n )}\n\n {/* PASO 5: Actividad */}\n {step === 5 && (\n

\n \n ¿Y después a dónde vamos?\n \n \n {ACTIVITY_OPTIONS.map((option) => (\n handleActivitySelect(option)}\n style={{\n border: \"2px solid #ffccd5\",\n borderRadius: \"15px\",\n padding: \"10px\",\n cursor: \"pointer\",\n backgroundColor: \"white\",\n transition: \"transform 0.2s\",\n }}\n >\n \n \n {option.label}\n

\n ))}\n \n \n )}\n\n {/* PASO 6: Resumen Final */}\n {step === 6 && (\n

\n \n ¡Cita Agendada! ❤️\n \n\n {/* Tarjeta de Resumen */}\n \n {/* Gif Final */}\n \n \n

\n\n

\n 🗓️ Fecha: {selection.date}\n

\n ⏰ Hora: {selection.time}\n

\n 🍱 Comida: {selection.food?.label}\n

\n 🎡 Plan: {selection.activity?.label}\n

\n \n\n \n Te amo mucho muchazo mi vida, ya quiero verte hermosa 🐧\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 Invitación para mi Jijy\n \n \n \n \n \n \n \n \n \n \n \n \n \n

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