👤 Your Demographics

\n Age\n setForm({ ...form, age: e.target.value })}\n />\n

\n Gender\n \n

\n Your Environment\n \n

\n Who's joining you?\n \n

\n Available Time\n \n

\n Budget\n \n

\n\n {/* Mood */}\n

🌈 What's Your Mood Today?

\n {[\"😴 Low Energy\", \"😊 Happy & Playful\", \"🤔 Curious & Exploratory\",\n \"😤 Need to Vent / Active\", \"🌊 Chill & Peaceful\", \"🚀 Adventurous\",\n \"🎉 Social & Fun\", \"🧠 Intellectual\", \"💕 Romantic\"].map((m) => (\n setForm({ ...form, mood: m })}\n >{m}\n ))}\n

\n\n {/* Interests */}\n

❤️ Your Interests (pick any)

\n {INTERESTS.map((i) => (\n toggleTag(\"interests\", i)}\n >{i}\n ))}\n

\n\n {/* Skills */}\n

🛠 Skills & Abilities (pick any)

\n {SKILLS.map((s) => (\n toggleTag(\"skills\", s)}\n >{s}\n ))}\n

\n\n {/* Free-text hobbies */}\n

✍️ Anything Else?

\n Other hobbies, passions, or preferences\n setForm({ ...form, hobbies: e.target.value })}\n />\n

\n\n onSubmit(form)}\n >\n ✨ Generate My Leisure Ideas\n \n

\n );\n}\n","deleted","label",[177,160],"frontend","permalink","https://www.val.town/x/Biniyam/leisure-planner/code/frontend/ProfileForm.tsx","extension","tsx","actionData","errors"]