function MainComponent() { const [step, setStep] = useState(0); const [technique, setTechnique] = useState(""); const [preferences, setPreferences] = useState({ difficulty: "", timeCommitment: "", goals: [] }); const techniques = [ { id: 1, name: "Meditation", icon: "fa-solid fa-om" }, { id: 2, name: "Breathwork", icon: "fa-solid fa-wind" }, { id: 3, name: "Journaling", icon: "fa-solid fa-book-open" }, { id: 4, name: "Movement", icon: "fa-solid fa-person-running" } ]; const renderWelcome = ()=>/*#__PURE__*/ React.createElement("div", { className: "text-center space-y-6", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-montserrat", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, "Welcome to Your Journey"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, "Let's discover the perfect practice for you"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setStep(1), className: "bg-[#4F46E5] text-white px-8 py-3 rounded-lg hover:bg-[#4338CA] transition-colors font-roboto", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, "Get Started")); const renderTechniqueSelection = ()=>/*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-center font-montserrat", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, "Choose Your Path"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, techniques.map((tech)=>/*#__PURE__*/ React.createElement("button", { key: tech.id, onClick: ()=>{ setTechnique(tech.name); setStep(2); }, className: `p-6 rounded-xl border-2 hover:border-[#4F46E5] transition-all ${technique === tech.name ? "border-[#4F46E5]" : "border-gray-200"}`, __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${tech.icon} text-3xl mb-3 text-[#4F46E5]`, __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, tech.name))))); const renderPreferences = ()=>/*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 60, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-center font-montserrat", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, "Customize Your Experience"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-roboto", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Experience Level"), /*#__PURE__*/ React.createElement("select", { value: preferences.difficulty, onChange: (e)=>setPreferences({ ...preferences, difficulty: e.target.value }), className: "w-full p-3 border rounded-lg font-roboto", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, "Select Level"), /*#__PURE__*/ React.createElement("option", { value: "beginner", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, "Beginner"), /*#__PURE__*/ React.createElement("option", { value: "intermediate", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "Intermediate"), /*#__PURE__*/ React.createElement("option", { value: "advanced", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "Advanced"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-roboto", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, "Time Commitment"), /*#__PURE__*/ React.createElement("select", { value: preferences.timeCommitment, onChange: (e)=>setPreferences({ ...preferences, timeCommitment: e.target.value }), className: "w-full p-3 border rounded-lg font-roboto", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, "Select Time"), /*#__PURE__*/ React.createElement("option", { value: "5min", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, "5 minutes/day"), /*#__PURE__*/ React.createElement("option", { value: "15min", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "15 minutes/day"), /*#__PURE__*/ React.createElement("option", { value: "30min", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, "30 minutes/day"))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setStep(3), disabled: !preferences.difficulty || !preferences.timeCommitment, className: "w-full bg-[#4F46E5] text-white px-8 py-3 rounded-lg hover:bg-[#4338CA] transition-colors disabled:bg-gray-300 font-roboto", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }, "Continue"))); const renderSummary = ()=>/*#__PURE__*/ React.createElement("div", { className: "text-center space-y-6", __source: { fileName: "", lineNumber: 109, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-20 h-20 mx-auto bg-[#4F46E5] rounded-full flex items-center justify-center", __source: { fileName: "", lineNumber: 110, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-check text-3xl text-white", __source: { fileName: "", lineNumber: 111, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-montserrat", __source: { fileName: "", lineNumber: 113, columnNumber: 7 }, __self: this }, "You're All Set!"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-left bg-gray-50 p-6 rounded-lg", __source: { fileName: "", lineNumber: 114, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 115, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this }, "Practice:"), " ", technique), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 118, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, "Level:"), " ", preferences.difficulty), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 121, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 122, columnNumber: 11 }, __self: this }, "Time:"), " ", preferences.timeCommitment)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setStep(0), className: "bg-[#4F46E5] text-white px-8 py-3 rounded-lg hover:bg-[#4338CA] transition-colors font-roboto", __source: { fileName: "", lineNumber: 126, columnNumber: 7 }, __self: this }, "Start Over")); const steps = [ renderWelcome, renderTechniqueSelection, renderPreferences, renderSummary ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 143, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md w-full space-y-8", __source: { fileName: "", lineNumber: 144, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-2 mb-8", __source: { fileName: "", lineNumber: 145, columnNumber: 9 }, __self: this }, [ ...Array.from({ length: 4 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: `w-3 h-3 rounded-full ${i <= step ? "bg-[#4F46E5]" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 147, columnNumber: 13 }, __self: this }))), steps[step]())); }