function MainComponent() { const questions = [ { id: "field", question: "興味のある研究分野を選んでください", options: [ "自然科学", "社会科学", "人文科学", "技術・工学", "芸術・文化" ] }, { id: "knowledge", question: "その分野での知識レベルを教えてください", options: [ "初心者", "基礎知識あり", "中級者", "上級者" ] }, { id: "duration", question: "研究期間はどのくらいを予定していますか？", options: [ "3ヶ月以内", "半年程度", "1年程度", "1年以上" ] }, { id: "resources", question: "利用可能なリソースを教えてください", options: [ "基本的な文具のみ", "学校の設備", "専門機器", "外部機関の協力" ] }, { id: "locality", question: "地域性を研究に取り入れたいですか？", options: [ "とても重視する", "やや重視する", "あまり重視しない", "重視しない" ] }, { id: "collaborators", question: "研究の協力者について", options: [ "個人で行う", "友人と協力", "教員の指導", "外部専門家の協力" ] }, { id: "output", question: "最終的なアウトプット形式は？", options: [ "論文", "プレゼンテーション", "制作物", "アプリケーション" ] }, { id: "impact", question: "目指す社会的インパクトのレベルは？", options: [ "学校内", "地域社会", "全国規模", "国際的" ] } ]; const [step, setStep] = useState(0); const [answers, setAnswers] = useState({}); const [showResults, setShowResults] = useState(false); const [loading, setLoading] = useState(false); const [selectedOption, setSelectedOption] = useState(null); const handleAnswer = async (answer)=>{ setLoading(true); setSelectedOption(answer); await new Promise((resolve)=>setTimeout(resolve, 800)); const newAnswers = { ...answers, [questions[step].id]: answer }; setAnswers(newAnswers); if (step < questions.length - 1) { setStep(step + 1); } else { setShowResults(true); } setLoading(false); setSelectedOption(null); }; const handleBack = ()=>{ if (step > 0 && !loading) { setStep(step - 1); setShowResults(false); } }; const progress = step / questions.length * 100; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-100 via-blue-50 to-white py-12 px-4", __source: { fileName: "", lineNumber: 83, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto bg-white rounded-xl shadow-xl p-8 transition-all duration-300 hover:shadow-2xl", __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative pt-1", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex mb-2 items-center justify-between", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xs font-semibold text-blue-600 uppercase", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, "進行状況"), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xs font-semibold inline-block text-blue-600", __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this }, Math.round(progress), "%"))), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden h-4 mb-4 text-xs flex rounded-full bg-gray-200", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { width: `${progress}%` }, className: "shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-gradient-to-r from-blue-400 to-blue-600 transition-all duration-700 ease-in-out rounded-full", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-right text-sm text-gray-600 font-noto", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, "質問 ", step + 1, " / ", questions.length))), !showResults ? /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "transform transition-all duration-500", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-gray-800 mb-4 font-noto", __source: { fileName: "", lineNumber: 112, columnNumber: 15 }, __self: this }, questions[step].question), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-noto", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this }, "あなたの興味や状況に合わせて最適な研究テーマを見つけましょう")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, questions[step].options.map((option, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>handleAnswer(option), className: "relative p-6 text-center rounded-xl border-2 border-gray-200 hover:bg-blue-50 hover:border-blue-300 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300 font-noto transform hover:-translate-y-1 hover:shadow-lg disabled:opacity-50 disabled:cursor-not-allowed", disabled: loading, __source: { fileName: "", lineNumber: 121, columnNumber: 17 }, __self: this }, option, loading && selectedOption === option && /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center bg-white bg-opacity-75 rounded-xl", __source: { fileName: "", lineNumber: 129, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-6 h-6 border-2 border-blue-500 border-t-transparent rounded-full animate-spin", __source: { fileName: "", lineNumber: 130, columnNumber: 23 }, __self: this }))))), step > 0 && /*#__PURE__*/ React.createElement("button", { onClick: handleBack, className: "mt-6 px-6 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition-colors duration-300 font-noto flex items-center disabled:opacity-50 disabled:cursor-not-allowed", disabled: loading, __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 142, columnNumber: 17 }, __self: this }), "前の質問に戻る")) : /*#__PURE__*/ React.createElement("div", { className: "text-center p-8 bg-gradient-to-br from-blue-50 via-white to-blue-50 rounded-xl shadow-lg font-noto", __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 149, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lightbulb text-5xl text-blue-600", __source: { fileName: "", lineNumber: 150, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-gray-800 mt-4", __source: { fileName: "", lineNumber: 151, columnNumber: 15 }, __self: this }, "おすすめの研究テーマ"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mt-2", __source: { fileName: "", lineNumber: 154, columnNumber: 15 }, __self: this }, "あなたの回答内容から、以下のテーマをご提案します")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-6 mb-8", __source: { fileName: "", lineNumber: 159, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 160, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-xl font-bold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 161, columnNumber: 17 }, __self: this }, "回答内容のまとめ"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-left", __source: { fileName: "", lineNumber: 164, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 165, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 166, columnNumber: 21 }, __self: this }, "分野："), " ", answers.field), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 168, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 169, columnNumber: 21 }, __self: this }, "知識レベル："), " ", answers.knowledge), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 172, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 173, columnNumber: 21 }, __self: this }, "期間："), " ", answers.duration), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 175, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 176, columnNumber: 21 }, __self: this }, "リソース："), " ", answers.resources), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 179, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 180, columnNumber: 21 }, __self: this }, "地域性："), " ", answers.locality), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 183, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 184, columnNumber: 21 }, __self: this }, "協力者："), " ", answers.collaborators), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 187, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 188, columnNumber: 21 }, __self: this }, "アウトプット："), " ", answers.output), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 191, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 192, columnNumber: 21 }, __self: this }, "目標影響範囲："), " ", answers.impact))), answers.field === "自然科学" && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 199, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-microscope text-2xl text-blue-500 mb-2", __source: { fileName: "", lineNumber: 200, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-800", __source: { fileName: "", lineNumber: 201, columnNumber: 21 }, __self: this }, "「学校周辺の生態系調査と環境保全活動の提案」")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 205, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-flask text-2xl text-blue-500 mb-2", __source: { fileName: "", lineNumber: 206, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-800", __source: { fileName: "", lineNumber: 207, columnNumber: 21 }, __self: this }, "「地域の水質調査と改善プロジェクト」"))), answers.field === "社会科学" && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 215, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-2xl text-blue-500 mb-2", __source: { fileName: "", lineNumber: 216, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-800", __source: { fileName: "", lineNumber: 217, columnNumber: 21 }, __self: this }, "「地域高齢者の生活課題調査と解決策の提案」")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 221, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-store text-2xl text-blue-500 mb-2", __source: { fileName: "", lineNumber: 222, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-800", __source: { fileName: "", lineNumber: 223, columnNumber: 21 }, __self: this }, "「地域商店街の活性化プロジェクト」"))), answers.field === "人文科学" && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 231, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book text-2xl text-blue-500 mb-2", __source: { fileName: "", lineNumber: 232, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-800", __source: { fileName: "", lineNumber: 233, columnNumber: 21 }, __self: this }, "「地域の伝統文化のデジタルアーカイブ作成」")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 237, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-language text-2xl text-blue-500 mb-2", __source: { fileName: "", lineNumber: 238, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-800", __source: { fileName: "", lineNumber: 239, columnNumber: 21 }, __self: this }, "「方言と地域アイデンティティの研究」"))), answers.field === "技術・工学" && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 247, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot text-2xl text-blue-500 mb-2", __source: { fileName: "", lineNumber: 248, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-800", __source: { fileName: "", lineNumber: 249, columnNumber: 21 }, __self: this }, "「高齢者支援AIアプリケーションの開発」")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 253, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-solar-panel text-2xl text-blue-500 mb-2", __source: { fileName: "", lineNumber: 254, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-800", __source: { fileName: "", lineNumber: 255, columnNumber: 21 }, __self: this }, "「学校での再生可能エネルギー活用プロジェクト」"))), answers.field === "芸術・文化" && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 263, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paint-brush text-2xl text-blue-500 mb-2", __source: { fileName: "", lineNumber: 264, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-800", __source: { fileName: "", lineNumber: 265, columnNumber: 21 }, __self: this }, "「地域アートフェスティバルの企画と実施」")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 269, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-theater-masks text-2xl text-blue-500 mb-2", __source: { fileName: "", lineNumber: 270, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-800", __source: { fileName: "", lineNumber: 271, columnNumber: 21 }, __self: this }, "「伝統芸能の現代的解釈と発信プロジェクト」")))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.location.href = "/features", className: "bg-gradient-to-r from-blue-500 to-blue-600 text-white px-8 py-3 rounded-lg hover:from-blue-600 hover:to-blue-700 transition-all duration-300 shadow-md hover:shadow-lg transform hover:-translate-y-1", __source: { fileName: "", lineNumber: 279, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right mr-2", __source: { fileName: "", lineNumber: 283, columnNumber: 15 }, __self: this }), "機能紹介へ進む")))); }