function Navigation() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#121212] p-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#ffffff] font-roboto text-xl mb-4 md:mb-0", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Library System"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4 items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#ffffff] hover:text-[#cccccc] font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home mr-2", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }), "Home"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#ffffff] hover:text-[#cccccc] font-roboto", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book mr-2", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }), "Books"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#ffffff] hover:text-[#cccccc] font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-circle mr-2", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }), "Add Book"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#ffffff] hover:text-[#cccccc] font-roboto", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-handshake mr-2", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }), "Loans"))))); } function NavigationStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 43, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Navigation, { __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f5f5f5]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto text-center", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-crimson-text mb-6 text-[#2c3e50]", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Welcome to Our Library"), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8 mt-8", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book text-5xl text-[#3498db] mb-6", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mb-4 text-[#2c3e50]", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "Your Gateway to Knowledge"), /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-6 text-[#34495e]", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Discover our extensive collection of books, digital resources, and learning materials. Our library system provides easy access to thousands of titles across all genres."), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 text-center", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-3xl text-[#3498db] mb-3", __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-xl mb-2", __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this }, "Browse Catalog"), /*#__PURE__*/ React.createElement("p", { className: "text-[#7f8c8d]", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, "Search through our extensive collection")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle text-3xl text-[#3498db] mb-3", __source: { fileName: "", lineNumber: 37, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-xl mb-2", __source: { fileName: "", lineNumber: 38, columnNumber: 17 }, __self: this }, "Member Access"), /*#__PURE__*/ React.createElement("p", { className: "text-[#7f8c8d]", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this }, "Manage your account and loans")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt text-3xl text-[#3498db] mb-3", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-xl mb-2", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, "Events"), /*#__PURE__*/ React.createElement("p", { className: "text-[#7f8c8d]", __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }, "Join our community activities"))))))); }