function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F0F2F5]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "p-4 bg-white shadow-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./logo.png", alt: "Volunteer activity logo", className: "w-20 h-20", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#666] hover:text-[#333] font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 19 }, __self: this }, "参加方法")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#666] hover:text-[#333] font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 19 }, __self: this }, "メリット")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#666] hover:text-[#333] font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 19 }, __self: this }, "お問い合わせ")))))), /*#__PURE__*/ React.createElement("main", { className: "relative", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-screen bg-[url('./volunteer-background.jpg')] bg-cover bg-center flex items-center justify-center", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-4 bg-[#007BFF] text-white font-roboto rounded-lg", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "参加する"))), /*#__PURE__*/ React.createElement("footer", { className: "p-4 bg-white shadow-md mt-8", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./logo.png", alt: "Volunteer activity logo for footer", className: "w-12 h-12", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#666] font-roboto", __source: { fileName: "", lineNumber: 26, columnNumber: 19 }, __self: this }, "プライバシーポリシー")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#666] font-roboto", __source: { fileName: "", lineNumber: 27, columnNumber: 19 }, __self: this }, "利用規約")))), /*#__PURE__*/ React.createElement("p", { className: "text-[#666] font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "© 2023 ボランティア活動. All rights reserved.")))); }