Grand Palace Hotels & Resorts — Luxury Hotel Management

\n \n\n`;\n return new Response(html, { headers: { \"Content-Type\": \"text/html; charset=utf-8\" } });\n});\n\nexport default app.fetch;\n","label",[135],"db098686-5476-11f1-8c43-ee650bb23af1","README.md","db098730-5476-11f1-8c43-ee650bb23af1",1,["D",1779300488272],"# hotel-management-system",[145],"8f6569b4-5478-11f1-a019-ee650bb23af1",["D",1779301220368],[28],"8ea80f1e-5477-11f1-9426-ee650bb23af1","frontend","db2c79df-bf9c-4876-abb0-6b868c922d1e",5,["D",1779300789627],[155],"e9b7e894-5476-11f1-8c7b-ee650bb23af1","database","582166b8-a95d-4416-826e-7b81083aac44",2,["D",1779300512907],[161],"0501e974-5477-11f1-bf00-ee650bb23af1","api","6d8b275f-0e99-4398-9f97-6884fc7db2af",4,["D",1779300558691],[167],"pulls","branches","forks","envVars",{"_179":60,"_181":60},"connections",{"_179":60,"_180":60},"count","unfilledCount","emptyCount",{"_41":166,"_32":167,"_30":168,"_136":-5,"_39":40,"_38":169,"_138":24,"_36":405,"_13":60,"_33":34,"_35":-5,"_23":26,"_142":-5,"_212":406,"_27":407},{"_41":398,"_32":399,"_30":400,"_136":168,"_39":40,"_38":169,"_138":24,"_36":401,"_13":60,"_33":226,"_35":402,"_23":26,"_142":-5,"_212":403,"_27":404},{"_41":160,"_32":161,"_30":162,"_136":-5,"_39":40,"_38":163,"_138":24,"_36":395,"_13":60,"_33":34,"_35":-5,"_23":26,"_142":-5,"_212":396,"_27":397},{"_41":387,"_32":388,"_30":389,"_136":162,"_39":40,"_38":390,"_138":24,"_36":391,"_13":60,"_33":226,"_35":392,"_23":26,"_142":-5,"_212":393,"_27":394},{"_41":380,"_32":381,"_30":382,"_136":162,"_39":40,"_38":163,"_138":24,"_36":383,"_13":60,"_33":226,"_35":384,"_23":26,"_142":-5,"_212":385,"_27":386},{"_41":154,"_32":155,"_30":156,"_136":-5,"_39":40,"_38":157,"_138":24,"_36":377,"_13":60,"_33":34,"_35":-5,"_23":26,"_142":-5,"_212":378,"_27":379},{"_41":373,"_32":356,"_30":350,"_136":156,"_39":40,"_38":351,"_138":24,"_36":374,"_13":60,"_33":34,"_35":-5,"_23":26,"_142":-5,"_212":375,"_27":376},{"_41":365,"_32":366,"_30":367,"_136":350,"_39":40,"_38":368,"_138":24,"_36":369,"_13":60,"_33":226,"_35":370,"_23":26,"_142":-5,"_212":371,"_27":372},{"_41":357,"_32":358,"_30":359,"_136":350,"_39":40,"_38":360,"_138":24,"_36":361,"_13":60,"_33":226,"_35":362,"_23":26,"_142":-5,"_212":363,"_27":364},{"_41":347,"_32":348,"_30":349,"_136":350,"_39":40,"_38":351,"_138":24,"_36":352,"_13":60,"_33":226,"_35":353,"_23":26,"_142":-5,"_212":354,"_27":355},{"_41":343,"_32":246,"_30":240,"_136":156,"_39":40,"_38":258,"_138":24,"_36":344,"_13":60,"_33":34,"_35":-5,"_23":26,"_142":-5,"_212":345,"_27":346},{"_41":335,"_32":336,"_30":337,"_136":240,"_39":40,"_38":338,"_138":24,"_36":339,"_13":60,"_33":226,"_35":340,"_23":26,"_142":-5,"_212":341,"_27":342},{"_41":327,"_32":328,"_30":329,"_136":240,"_39":40,"_38":330,"_138":24,"_36":331,"_13":60,"_33":226,"_35":332,"_23":26,"_142":-5,"_212":333,"_27":334},{"_41":319,"_32":320,"_30":321,"_136":240,"_39":40,"_38":322,"_138":24,"_36":323,"_13":60,"_33":226,"_35":324,"_23":26,"_142":-5,"_212":325,"_27":326},{"_41":311,"_32":312,"_30":313,"_136":240,"_39":40,"_38":314,"_138":24,"_36":315,"_13":60,"_33":226,"_35":316,"_23":26,"_142":-5,"_212":317,"_27":318},{"_41":303,"_32":304,"_30":305,"_136":240,"_39":40,"_38":306,"_138":24,"_36":307,"_13":60,"_33":226,"_35":308,"_23":26,"_142":-5,"_212":309,"_27":310},{"_41":295,"_32":296,"_30":297,"_136":240,"_39":40,"_38":298,"_138":24,"_36":299,"_13":60,"_33":226,"_35":300,"_23":26,"_142":-5,"_212":301,"_27":302},{"_41":287,"_32":288,"_30":289,"_136":240,"_39":40,"_38":290,"_138":24,"_36":291,"_13":60,"_33":226,"_35":292,"_23":26,"_142":-5,"_212":293,"_27":294},{"_41":279,"_32":280,"_30":281,"_136":240,"_39":40,"_38":282,"_138":24,"_36":283,"_13":60,"_33":226,"_35":284,"_23":26,"_142":-5,"_212":285,"_27":286},{"_41":271,"_32":272,"_30":273,"_136":240,"_39":40,"_38":274,"_138":24,"_36":275,"_13":60,"_33":226,"_35":276,"_23":26,"_142":-5,"_212":277,"_27":278},{"_41":263,"_32":264,"_30":265,"_136":240,"_39":40,"_38":266,"_138":24,"_36":267,"_13":60,"_33":226,"_35":268,"_23":26,"_142":-5,"_212":269,"_27":270},{"_41":255,"_32":256,"_30":257,"_136":240,"_39":40,"_38":258,"_138":24,"_36":259,"_13":60,"_33":226,"_35":260,"_23":26,"_142":-5,"_212":261,"_27":262},{"_41":247,"_32":248,"_30":249,"_136":240,"_39":40,"_38":250,"_138":24,"_36":251,"_13":60,"_33":226,"_35":252,"_23":26,"_142":-5,"_212":253,"_27":254},{"_41":237,"_32":238,"_30":239,"_136":240,"_39":40,"_38":241,"_138":24,"_36":242,"_13":60,"_33":226,"_35":243,"_23":26,"_142":-5,"_212":244,"_27":245},{"_41":230,"_32":231,"_30":232,"_136":156,"_39":40,"_38":157,"_138":24,"_36":233,"_13":60,"_33":226,"_35":234,"_23":26,"_142":-5,"_212":235,"_27":236},{"_41":221,"_32":222,"_30":223,"_136":156,"_39":40,"_38":224,"_138":24,"_36":225,"_13":60,"_33":226,"_35":227,"_23":26,"_142":-5,"_212":228,"_27":229},{"_41":151,"_32":28,"_30":31,"_136":-5,"_39":40,"_38":14,"_138":26,"_36":218,"_13":60,"_33":34,"_35":-5,"_23":26,"_142":-5,"_212":219,"_27":220},{"_41":144,"_32":145,"_30":146,"_136":-5,"_39":40,"_38":147,"_138":26,"_36":215,"_13":60,"_33":20,"_35":149,"_23":26,"_142":-5,"_212":216,"_27":217},{"_41":134,"_32":135,"_30":55,"_136":-5,"_39":40,"_38":137,"_138":24,"_36":211,"_13":60,"_33":140,"_35":141,"_23":26,"_142":-5,"_212":213,"_27":214},["D",1779301201492],"children",[],[135],["D",1779300488272],[],[145],["D",1779301220368],[],[28],"97b313ba-5477-11f1-8ca8-ee650bb23af1","styles.ts","97b314e6-5477-11f1-8ca8-ee650bb23af1",6,["D",1779300804802],"script","// Shared styles and theme constants\nexport const COLORS = {\n primary: \"#1a1a2e\",\n primaryLight: \"#16213e\",\n accent: \"#e94560\",\n accentHover: \"#c81e45\",\n gold: \"#d4a853\",\n goldLight: \"#f0d78c\",\n white: \"#ffffff\",\n offWhite: \"#f8f9fa\",\n gray: \"#6c757d\",\n grayLight: \"#e9ecef\",\n grayDark: \"#343a40\",\n success: \"#10b981\",\n warning: \"#f59e0b\",\n danger: \"#ef4444\",\n info: \"#3b82f6\",\n bg: \"#f0f2f5\",\n};\n\nexport const FONTS = {\n heading: \"'Playfair Display', serif\",\n body: \"'Inter', sans-serif\",\n};\n\nexport const cardStyle: React.CSSProperties = {\n background: \"#fff\",\n borderRadius: 16,\n boxShadow: \"0 2px 12px rgba(0,0,0,0.06)\",\n padding: 24,\n};\n\nexport const btnPrimary: React.CSSProperties = {\n background: COLORS.accent,\n color: \"#fff\",\n border: \"none\",\n padding: \"12px 28px\",\n borderRadius: 8,\n fontWeight: 600,\n fontSize: 15,\n cursor: \"pointer\",\n transition: \"all 0.2s\",\n fontFamily: FONTS.body,\n};\n\nexport const btnOutline: React.CSSProperties = {\n background: \"transparent\",\n color: COLORS.accent,\n border: `2px solid ${COLORS.accent}`,\n padding: \"10px 24px\",\n borderRadius: 8,\n fontWeight: 600,\n fontSize: 15,\n cursor: \"pointer\",\n transition: \"all 0.2s\",\n fontFamily: FONTS.body,\n};\n\nexport const btnGold: React.CSSProperties = {\n background: `linear-gradient(135deg, ${COLORS.gold}, ${COLORS.goldLight})`,\n color: COLORS.primary,\n border: \"none\",\n padding: \"12px 28px\",\n borderRadius: 8,\n fontWeight: 700,\n fontSize: 15,\n cursor: \"pointer\",\n transition: \"all 0.2s\",\n fontFamily: FONTS.body,\n};\n\nexport const inputStyle: React.CSSProperties = {\n width: \"100%\",\n padding: \"12px 16px\",\n borderRadius: 8,\n border: \"1px solid #ddd\",\n fontSize: 15,\n fontFamily: FONTS.body,\n outline: \"none\",\n transition: \"border-color 0.2s\",\n boxSizing: \"border-box\",\n};\n\nexport const labelStyle: React.CSSProperties = {\n fontSize: 13,\n fontWeight: 600,\n color: COLORS.grayDark,\n marginBottom: 4,\n display: \"block\",\n fontFamily: FONTS.body,\n};\n\nexport const tableStyle: React.CSSProperties = {\n width: \"100%\",\n borderCollapse: \"collapse\" as const,\n fontSize: 14,\n fontFamily: FONTS.body,\n};\n\nexport const thStyle: React.CSSProperties = {\n padding: \"12px 16px\",\n textAlign: \"left\" as const,\n background: COLORS.primary,\n color: \"#fff\",\n fontWeight: 600,\n fontSize: 13,\n textTransform: \"uppercase\" as const,\n letterSpacing: \"0.5px\",\n};\n\nexport const tdStyle: React.CSSProperties = {\n padding: \"12px 16px\",\n borderBottom: \"1px solid #eee\",\n};\n\nexport const badgeStyle = (color: string): React.CSSProperties => ({\n display: \"inline-block\",\n padding: \"4px 12px\",\n borderRadius: 20,\n fontSize: 12,\n fontWeight: 600,\n background: color + \"18\",\n color: color,\n});\n\nexport const statusColor = (status: string): string => {\n const map: Record = {\n available: COLORS.success,\n booked: COLORS.info,\n maintenance: COLORS.warning,\n confirmed: COLORS.info,\n checked_in: COLORS.success,\n checked_out: COLORS.gray,\n cancelled: COLORS.danger,\n paid: COLORS.success,\n pending: COLORS.warning,\n active: COLORS.success,\n inactive: COLORS.gray,\n completed: COLORS.success,\n };\n return map[status] || COLORS.gray;\n};\n",[],[155,222],"8ea7e976-5477-11f1-9426-ee650bb23af1","App.tsx","8ea7ea5c-5477-11f1-9426-ee650bb23af1",["D",1779300789627],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { HomePage } from \"./pages/HomePage.tsx\";\nimport { RoomsPage } from \"./pages/RoomsPage.tsx\";\nimport { BookingPage } from \"./pages/BookingPage.tsx\";\nimport { AboutPage } from \"./pages/AboutPage.tsx\";\nimport { ContactPage } from \"./pages/ContactPage.tsx\";\nimport { LoginPage } from \"./pages/LoginPage.tsx\";\nimport { AdminDashboard } from \"./pages/AdminDashboard.tsx\";\nimport { AdminRooms } from \"./pages/AdminRooms.tsx\";\nimport { AdminCustomers } from \"./pages/AdminCustomers.tsx\";\nimport { AdminBookings } from \"./pages/AdminBookings.tsx\";\nimport { AdminEmployees } from \"./pages/AdminEmployees.tsx\";\nimport { AdminFeedback } from \"./pages/AdminFeedback.tsx\";\nimport { AdminPayments } from \"./pages/AdminPayments.tsx\";\nimport { Navbar } from \"./components/Navbar.tsx\";\nimport { Footer } from \"./components/Footer.tsx\";\nimport { AdminSidebar } from \"./components/AdminSidebar.tsx\";\n\nexport type Page = \"home\" | \"rooms\" | \"booking\" | \"about\" | \"contact\" | \"login\"\n | \"admin-dashboard\" | \"admin-rooms\" | \"admin-customers\" | \"admin-bookings\"\n | \"admin-employees\" | \"admin-feedback\" | \"admin-payments\";\n\nexport interface User {\n id: number;\n username: string;\n full_name: string;\n email: string;\n role: string;\n}\n\nexport function App() {\n const [page, setPage] = useState(\"home\");\n const [user, setUser] = useState(null);\n const [notification, setNotification] = useState<{ message: string; type: \"success\" | \"error\" } | null>(null);\n\n const isAdmin = page.startsWith(\"admin-\");\n\n const showNotification = useCallback((message: string, type: \"success\" | \"error\" = \"success\") => {\n setNotification({ message, type });\n setTimeout(() => setNotification(null), 3500);\n }, []);\n\n const handleLogout = () => {\n setUser(null);\n setPage(\"home\");\n showNotification(\"Logged out successfully\");\n };\n\n const handleLogin = (u: User) => {\n setUser(u);\n setPage(\"admin-dashboard\");\n showNotification(`Welcome back, ${u.full_name}!`);\n };\n\n // Render admin layout\n if (isAdmin && user) {\n return (\n

\n {notification && }\n \n

\n {page === \"admin-dashboard\" && }\n {page === \"admin-rooms\" && }\n {page === \"admin-customers\" && }\n {page === \"admin-bookings\" && }\n {page === \"admin-employees\" && }\n {page === \"admin-feedback\" && }\n {page === \"admin-payments\" && }\n

\n );\n }\n\n // Protect admin pages\n if (isAdmin && !user) {\n return (\n <>\n {notification && }\n \n \n

\n {room.room_type} Room\n

\n Experience Unparalleled Luxury\n

Exquisite Room Collection

{room.type}

Hotel Amenities

{a.title}

What Our Guests Say

We'd Love to Hear From You

Send a Message

Diff · v24