function MainComponent() { const [formData, setFormData] = React.useState({ name: "", email: "", phone: "", preferredDate: "", preferredTime: "", message: "" }); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [success, setSuccess] = React.useState(false); const handleChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); }; const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); try { const response = await fetch("/api/consultation", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); if (!response.ok) { throw new Error(`相談予約中にエラーが発生しました [${response.status}]`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setSuccess(true); setFormData({ name: "", email: "", phone: "", preferredDate: "", preferredTime: "", message: "" }); } catch (err) { console.error("Error submitting form:", err); setError(err.message); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-gray-50 to-blue-50", __source: { fileName: "", lineNumber: 66, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow-md p-4 mb-8", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto flex flex-wrap justify-center gap-4", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/ai-community", className: "px-4 py-2 text-blue-600 hover:text-blue-800 hover:bg-blue-50 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, "ホーム"), /*#__PURE__*/ React.createElement("a", { href: "/course-selection", className: "px-4 py-2 text-blue-600 hover:text-blue-800 hover:bg-blue-50 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, "コース選択"), /*#__PURE__*/ React.createElement("a", { href: "/beginner-course", className: "px-4 py-2 text-blue-600 hover:text-blue-800 hover:bg-blue-50 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, "初級コース"), /*#__PURE__*/ React.createElement("a", { href: "/intermediate-course", className: "px-4 py-2 text-blue-600 hover:text-blue-800 hover:bg-blue-50 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, "中級コース"), /*#__PURE__*/ React.createElement("a", { href: "/advanced-course", className: "px-4 py-2 text-blue-600 hover:text-blue-800 hover:bg-blue-50 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, "上級コース"), /*#__PURE__*/ React.createElement("a", { href: "/ai-introduction", className: "px-4 py-2 text-blue-600 hover:text-blue-800 hover:bg-blue-50 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 99, columnNumber: 11 }, __self: this }, "AI入門"), /*#__PURE__*/ React.createElement("a", { href: "/ai-practice-learning", className: "px-4 py-2 text-blue-600 hover:text-blue-800 hover:bg-blue-50 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 105, columnNumber: 11 }, __self: this }, "AI実践"), /*#__PURE__*/ React.createElement("a", { href: "/apply", className: "px-4 py-2 bg-blue-600 text-white hover:bg-blue-700 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, "申し込み"), /*#__PURE__*/ React.createElement("a", { href: "/consultation", className: "px-4 py-2 bg-green-600 text-white hover:bg-green-700 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 117, columnNumber: 11 }, __self: this }, "無料相談"))), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 126, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 127, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block bg-blue-50 rounded-full px-4 py-2 text-sm text-blue-600", __source: { fileName: "", lineNumber: 128, columnNumber: 11 }, __self: this }, "🤖 このページはAIを使用して作成されています")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-xl overflow-hidden", __source: { fileName: "", lineNumber: 133, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative h-40 bg-gradient-to-r from-blue-500 to-blue-600", __source: { fileName: "", lineNumber: 134, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-opacity-20 bg-black", __source: { fileName: "", lineNumber: 135, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center", __source: { fileName: "", lineNumber: 136, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-white text-center", __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }, "無料相談予約")), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-0 w-full h-16 bg-gradient-to-t from-white", __source: { fileName: "", lineNumber: 141, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 144, columnNumber: 11 }, __self: this }, success ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 146, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4", __source: { fileName: "", lineNumber: 147, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl text-green-500", __source: { fileName: "", lineNumber: 148, columnNumber: 19 }, __self: this }, "✓")), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 150, columnNumber: 17 }, __self: this }, "予約を受け付けました"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-8", __source: { fileName: "", lineNumber: 153, columnNumber: 17 }, __self: this }, "担当者より確認のご連絡を差し上げます。"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSuccess(false), className: "px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors", __source: { fileName: "", lineNumber: 156, columnNumber: 17 }, __self: this }, "新しい予約を作成")) : /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 164, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 165, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 166, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 167, columnNumber: 21 }, __self: this }, "お名前 *"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", required: true, className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors", value: formData.name, onChange: handleChange, __source: { fileName: "", lineNumber: 170, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 179, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 180, columnNumber: 21 }, __self: this }, "メールアドレス *"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", required: true, className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors", value: formData.email, onChange: handleChange, __source: { fileName: "", lineNumber: 183, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 194, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 195, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 196, columnNumber: 21 }, __self: this }, "電話番号 *"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", required: true, className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors", value: formData.phone, onChange: handleChange, __source: { fileName: "", lineNumber: 199, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 208, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 209, columnNumber: 21 }, __self: this }, "希望日 *"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "preferredDate", required: true, className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors", value: formData.preferredDate, onChange: handleChange, __source: { fileName: "", lineNumber: 212, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 223, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 224, columnNumber: 19 }, __self: this }, "希望時間 *"), /*#__PURE__*/ React.createElement("select", { name: "preferredTime", required: true, className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors", value: formData.preferredTime, onChange: handleChange, __source: { fileName: "", lineNumber: 227, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 234, columnNumber: 21 }, __self: this }, "選択してください"), /*#__PURE__*/ React.createElement("option", { value: "10:00", __source: { fileName: "", lineNumber: 235, columnNumber: 21 }, __self: this }, "10:00"), /*#__PURE__*/ React.createElement("option", { value: "11:00", __source: { fileName: "", lineNumber: 236, columnNumber: 21 }, __self: this }, "11:00"), /*#__PURE__*/ React.createElement("option", { value: "13:00", __source: { fileName: "", lineNumber: 237, columnNumber: 21 }, __self: this }, "13:00"), /*#__PURE__*/ React.createElement("option", { value: "14:00", __source: { fileName: "", lineNumber: 238, columnNumber: 21 }, __self: this }, "14:00"), /*#__PURE__*/ React.createElement("option", { value: "15:00", __source: { fileName: "", lineNumber: 239, columnNumber: 21 }, __self: this }, "15:00"), /*#__PURE__*/ React.createElement("option", { value: "16:00", __source: { fileName: "", lineNumber: 240, columnNumber: 21 }, __self: this }, "16:00"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 244, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 245, columnNumber: 19 }, __self: this }, "ご相談内容 *"), /*#__PURE__*/ React.createElement("textarea", { name: "message", required: true, rows: "4", className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors", value: formData.message, onChange: handleChange, placeholder: "現在のスキルレベルや目標、ご不明点などをお書きください", __source: { fileName: "", lineNumber: 248, columnNumber: 19 }, __self: this })), error && /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-red-50 text-red-600 rounded-lg", __source: { fileName: "", lineNumber: 260, columnNumber: 19 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 265, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: `px-8 py-3 rounded-lg text-white font-medium ${loading ? "bg-gray-400 cursor-not-allowed" : "bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-700 transform hover:scale-105 transition-all shadow-lg"}`, __source: { fileName: "", lineNumber: 266, columnNumber: 19 }, __self: this }, loading ? "送信中..." : "無料相談を予約する"))))), /*#__PURE__*/ React.createElement("div", { className: "mt-12 bg-white rounded-2xl shadow-lg p-8", __source: { fileName: "", lineNumber: 283, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-800 mb-6", __source: { fileName: "", lineNumber: 284, columnNumber: 11 }, __self: this }, "よくある質問"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 287, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 288, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 289, columnNumber: 15 }, __self: this }, "相談は無料ですか？"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 292, columnNumber: 15 }, __self: this }, "はい、完全無料です。気軽にご相談ください。")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 296, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 297, columnNumber: 15 }, __self: this }, "相談時間はどのくらいですか？"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 300, columnNumber: 15 }, __self: this }, "1回の相談は約30分を予定しています。")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 304, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 305, columnNumber: 15 }, __self: this }, "オンラインでの相談は可能ですか？"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 308, columnNumber: 15 }, __self: this }, "はい、Zoomを使用したオンライン相談が可能です。")))))); }