function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-full min-h-screen bg-[#f5f5f5] font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full p-5 text-xl text-center bg-[#0a192f] text-[#f5f5f5]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "ポートフォリオ"), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col items-center justify-center flex-grow w-[90%] max-w-5xl", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl text-[#0a192f] my-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "山田太郎"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-[#333] mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "フロントエンド開発者 & デザイナー"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-4 mb-8", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#projects", className: "px-6 py-2 text-xl text-[#f5f5f5] bg-[#0a192f] rounded-full", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "プロジェクト"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "px-6 py-2 text-xl text-[#f5f5f5] bg-[#0a192f] rounded-full", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "お問い合わせ")), /*#__PURE__*/ React.createElement("div", { id: "projects", className: "w-full px-5 py-10", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-center text-[#0a192f] mb-8", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "プロジェクト"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[url('/project1.jpg')] bg-cover bg-center h-[300px] rounded-lg", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-[url('/project2.jpg')] bg-cover bg-center h-[300px] rounded-lg", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-[url('/project3.jpg')] bg-cover bg-center h-[300px] rounded-lg", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-[url('/project4.jpg')] bg-cover bg-center h-[300px] rounded-lg", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { id: "contact", className: "w-full px-5 py-10 bg-[#0a192f] text-[#f5f5f5]", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-center mb-8", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "お問い合わせ"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col items-center gap-4", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "お名前", className: "w-full max-w-md p-2 text-[#333]", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "メールアドレス", className: "w-full max-w-md p-2 text-[#333]", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "メッセージ", rows: "6", className: "w-full max-w-md p-2 text-[#333]", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-2 text-xl bg-[#f5f5f5] text-[#0a192f] border border-[#0a192f] rounded-full", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "送信"))))); }