/* Wellness Check-in (Body Neutral) */ <div className="bg-white p-5 rounded-2xl shadow-md mb-6"> <h2 className="font-semibold text-gray-700 mb-3">🌿 How are you feeling right now?</h2> <div className="flex gap-3 flex-wrap"> ["Energized", "Calm", "Tired", "Neutral", "Overwhelmed"].map(option => ( <button key=option onClick=() => setMood(option) className=`px-4 py-2 rounded-full transition $ mood === option ? 'bg-rose-500 text-white' : 'bg-gray-100 text-gray-700 hover:bg-rose-100' ` > option </button> )) </div> mood && ( <p className="text-sm text-gray-500 mt-3"> That's valid. No need to change it — just notice. </p> ) </div>
const [completed, setCompleted] = useState([]); Young Nudist Girls And Boys pdf
const affirmations = [ "My body is my home, not an ornament.", "I deserve rest without earning it.", "Wellness is not a moral obligation.", "My worth is not measured by my waistline.", "Joyful movement is a gift, not punishment." ]; setCompleted] = useState([])
// BodyPositivityWellness.jsx import React, useState from 'react'; const BodyPositivityWellness = () => const [mood, setMood] = useState(''); const [affirmationIndex, setAffirmationIndex] = useState(0); not an ornament."
/* Joyful Activity List (Non-prescriptive) */ <div className="bg-white p-5 rounded-2xl shadow-md"> <h2 className="font-semibold text-gray-700 mb-3">💫 Try one gentle act of care</h2> <div className="space-y-4"> wellnessActivities.map((activity, idx) => ( <div key=idx className="border-b border-gray-100 pb-3 last:border-0"> <label className="flex items-start gap-3 cursor-pointer"> <input type="checkbox" checked=completed.includes(activity.name) onChange=() => toggleComplete(activity.name) className="mt-1 w-5 h-5 text-rose-500 rounded focus:ring-rose-400" /> <div> <span className="font-medium text-gray-800">activity.name</span> <p className="text-xs text-gray-500 mt-0.5">activity.bodyPositivityNote</p> </div> </label> </div> )) </div> completed.length > 0 && ( <div className="mt-5 p-3 bg-amber-50 rounded-lg text-center text-sm text-amber-800"> 🌸 You chose completed.length act(s) of care today. That's enough. </div> ) </div>