function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col", style: { background: 'linear-gradient(#1c1c1c, #2c2c2c)' }, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-4 bg-[#000000]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-sans text-xl text-white", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "yay"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { name: "login", className: "mx-2 px-4 py-2 bg-[#4a90e2] text-white rounded-full shadow", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "ログイン"), /*#__PURE__*/ React.createElement("button", { name: "register", className: "px-4 py-2 bg-[#4a90e2] text-white rounded-full shadow", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "アカウント登録"))), /*#__PURE__*/ React.createElement("main", { className: "flex-1 flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "flex flex-col items-center mb-10 w-full p-10 text-white", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "サービス概要"), /*#__PURE__*/ React.createElement("p", { className: "mb-6", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "あなたの遺影はどの写真を使えば良いですか？"), /*#__PURE__*/ React.createElement("button", { name: "getStarted", className: "px-6 py-3 bg-[#4a90e2] text-white rounded-full shadow", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "今すぐ始める")), /*#__PURE__*/ React.createElement("section", { className: "flex flex-col items-center mb-24 w-full p-10 text-white", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "特徴"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-check-circle text-[#4a90e2]", __source: { fileName: "", lineNumber: 20, columnNumber: 18 }, __self: this }), " 特徴 1"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-check-circle text-[#4a90e2]", __source: { fileName: "", lineNumber: 21, columnNumber: 18 }, __self: this }), " 特徴 2"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-check-circle text-[#4a90e2]", __source: { fileName: "", lineNumber: 22, columnNumber: 18 }, __self: this }), " 特徴 3")))), /*#__PURE__*/ React.createElement("footer", { className: "py-4 bg-[#1c1c1c]", style: { backgroundImage: 'url("dark-geometric-pattern.png")', backgroundBlendMode: 'multiply' }, __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "mx-4 text-white hover:text-[#4a90e2]", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "利用規約"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white hover:text-[#4a90e2]", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "プライバシーポリシー")))); }