function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f0f0f0] font-sans w-full", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#333] text-white py-4 px-6 text-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-semibold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "英単語テスト作成アプリ"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "画像から自動で英単語テストを作成します")), /*#__PURE__*/ React.createElement("section", { className: "py-8 px-6", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[800px] mx-auto", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "画像をアップロード"), /*#__PURE__*/ React.createElement("p", { className: "text-md mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "プリントの画像をアップロードして、英単語と日本語の意味を自動で読み取ります。"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow-lg rounded", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-md font-medium mb-2", htmlFor: "image-upload", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "画像を選択"), /*#__PURE__*/ React.createElement("input", { type: "file", id: "image-upload", name: "image-upload", className: "block w-full text-md text-gray-700 border border-gray-300 rounded cursor-pointer focus:outline-none focus:border-blue-500 py-1 px-3 mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white text-md font-medium py-2 px-4 rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "アップロード")))), /*#__PURE__*/ React.createElement("section", { className: "py-8 px-6", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[800px] mx-auto", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "テスト"), /*#__PURE__*/ React.createElement("p", { className: "text-md mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "英単語とその意味がここに表示されます。下のボタンをクリックしてテストを開始します。"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow-lg rounded", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white text-md font-medium py-2 px-4 rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "テストを開始")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#333] text-white py-4 px-6 text-center", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-md", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "© 2023 英単語テスト作成アプリ. All rights reserved."), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "お問い合わせ: 123-456-7890 | メール: info@testapp.jp"))); }