function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex min-h-screen bg-gradient-to-b from-black to-[#333]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[300px] flex-shrink-0 p-5 bg-[#222]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./site-logo.png", alt: "サイトのタイトルロゴ", className: "w-full", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4 font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "ホーム"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "小説一覧", /*#__PURE__*/ React.createElement("ul", { className: "pl-4 space-y-2 text-sm", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "現代物"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, "歴史物"))), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "作者について"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "連絡先"))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-5 text-[#ccc] font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "ここに小説の内容が表示されます。")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, ` @keyframes sakura-fall { 0% { transform: translateY(-10%) rotate(0deg); opacity: 1; } 100% { transform: translateY(100vh) rotate(360deg); opacity: 0; } } body::before { content: '🌸'; position: fixed; top: -2%; left: 10%; font-size: 2rem; animation: sakura-fall 10s infinite linear; } body::after { content: '🌸'; position: fixed; top: -2%; left: 50%; font-size: 2rem; animation: sakura-fall 15s infinite linear; } `)); }