function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f2f5]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full py-5 text-center bg-white shadow", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "マッチングサイト")), /*#__PURE__*/ React.createElement("nav", { className: "w-full py-4 bg-white shadow-md text-gray-800", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex justify-center space-x-10", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "hover:text-blue-500 transition-colors duration-300", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#home", __source: { fileName: "", lineNumber: 9, columnNumber: 78 }, __self: this }, "ホーム")), /*#__PURE__*/ React.createElement("li", { className: "hover:text-blue-500 transition-colors duration-300", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#features", __source: { fileName: "", lineNumber: 10, columnNumber: 78 }, __self: this }, "特徴")), /*#__PURE__*/ React.createElement("li", { className: "hover:text-blue-500 transition-colors duration-300", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#about", __source: { fileName: "", lineNumber: 11, columnNumber: 78 }, __self: this }, "私たちについて")), /*#__PURE__*/ React.createElement("li", { className: "hover:text-blue-500 transition-colors duration-300", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#contact", __source: { fileName: "", lineNumber: 12, columnNumber: 78 }, __self: this }, "お問い合わせ")))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "home", className: "h-screen flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "あなたの完璧なマッチを見つけましょう"), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-lg font-roboto", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "安全で楽しい環境で新しい人々に出会う"))), /*#__PURE__*/ React.createElement("footer", { className: "w-full py-4 bg-gray-900 text-white text-center", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "© 2023 マッチングサイト. All rights reserved."))); }