function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f2f5] flex flex-col", __source: { fileName: "", lineNumber: 3, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow-md w-full fixed top-0 left-0 z-10", __source: { fileName: "", lineNumber: 4, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 5, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between h-16", __source: { fileName: "", lineNumber: 6, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 7, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-lg font-semibold text-[#333]", __source: { fileName: "", lineNumber: 8, columnNumber: 29 }, __self: this }, "ポートフォリオサイト")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 10, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "ml-10 flex items-baseline space-x-4", __source: { fileName: "", lineNumber: 11, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#666] hover:text-[#333] px-3 py-2 rounded-md text-sm font-medium", __source: { fileName: "", lineNumber: 12, columnNumber: 33 }, __self: this }, "ホーム"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#666] hover:text-[#333] px-3 py-2 rounded-md text-sm font-medium", __source: { fileName: "", lineNumber: 13, columnNumber: 33 }, __self: this }, "作品一覧"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#666] hover:text-[#333] px-3 py-2 rounded-md text-sm font-medium", __source: { fileName: "", lineNumber: 14, columnNumber: 33 }, __self: this }, "コンタクト")))))), /*#__PURE__*/ React.createElement("div", { className: "pt-16 flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 21, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#333] mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 21 }, __self: this }, "ポートフォリオサイト"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-[#666]", __source: { fileName: "", lineNumber: 23, columnNumber: 21 }, __self: this }, "プロジェクトや経験を紹介するサイトです。")), /*#__PURE__*/ React.createElement("div", { className: "mt-6 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 25, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-4", __source: { fileName: "", lineNumber: 26, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-lg text-[#333]", __source: { fileName: "", lineNumber: 27, columnNumber: 25 }, __self: this }, "ジャンル: ウェブ開発"), /*#__PURE__*/ React.createElement("p", { className: "text-[#666]", __source: { fileName: "", lineNumber: 28, columnNumber: 25 }, __self: this }, "いくつかのウェブ開発プロジェクト。")), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-4", __source: { fileName: "", lineNumber: 30, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-lg text-[#333]", __source: { fileName: "", lineNumber: 31, columnNumber: 25 }, __self: this }, "ジャンル: グラフィックデザイン"), /*#__PURE__*/ React.createElement("p", { className: "text-[#666]", __source: { fileName: "", lineNumber: 32, columnNumber: 25 }, __self: this }, "グラフィックデザイン関連のプロジェクト。")), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-4", __source: { fileName: "", lineNumber: 34, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-lg text-[#333]", __source: { fileName: "", lineNumber: 35, columnNumber: 25 }, __self: this }, "ジャンル: 写真撮影"), /*#__PURE__*/ React.createElement("p", { className: "text-[#666]", __source: { fileName: "", lineNumber: 36, columnNumber: 25 }, __self: this }, "写真撮影のプロジェクト。"))))); }