function RikkyoFestivalSite({ title }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-lg relative overflow-hidden", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-x-0 top-0 h-2 bg-gradient-to-r from-purple-400 via-purple-300 to-purple-400 animate-pulse", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-semibold mb-2 font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("div", { className: "absolute -top-6 -right-6 w-[100px] h-[100px] bg-purple-300 rounded-full", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute -bottom-8 -left-8 w-[150px] h-[150px] bg-purple-400 rounded-full", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 right-0 w-[50px] h-[50px] bg-gradient-to-b from-purple-400 to-purple-300 rounded-full", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this })); } function RikkyoFestivalSiteStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(RikkyoFestivalSite, { title: "立教大学学園祭", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this })); } function MainComponent() { const committees = [ '企画局', '渉内局', '総務局', '広報デザイン局', '渉外局' ]; return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 min-h-screen font-crimson-text", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-8 relative overflow-hidden", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-semibold mb-2", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "立教大学学園祭"), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-light", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "立教大学SPF運営委員会のホームページ"), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full bg-gradient-to-r from-transparent to-[#8a2be2] opacity-30 rounded-full", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 right-0 w-full h-full bg-gradient-to-r from-[#8a2be2] to-transparent opacity-30 rounded-full", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-4", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, committees.map((committee, index)=>/*#__PURE__*/ React.createElement(RikkyoFestivalSite, { key: index, title: committee, __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, ` body { font-family: 'Crimson Text', serif; } .bg-[#f5f5f5] { background-image: linear-gradient(135deg, rgba(138,43,226,0.1) 25%, transparent 25%, transparent 50%, rgba(138,43,226,0.1) 50%, rgba(138,43,226,0.1) 75%, transparent 75%, transparent); background-size: 14.14px 14.14px; animation: bgScroll 0.5s linear infinite; } @keyframes bgScroll { 0% { background-position: 0 0; } 100% { background-position: 14.14px 14.14px; } } `)); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex justify-center items-center", __source: { fileName: "", lineNumber: 49, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this })); }