[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_316":317,"_318":319},"routes/_app.x.$handle.$name",{"_105":104,"_37":50,"_114":95,"_32":115,"_13":14,"_116":-5,"_11":117,"_118":119,"_120":121,"_122":123,"_124":125,"_26":-5,"_126":-5,"_127":-5,"_128":30,"_129":130,"_131":30,"_132":-5,"_133":-5,"_134":135},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":88,"_89":90,"_91":92,"_93":30},"version",13,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","a00b25a8-fdb9-491f-b025-a2617dad08e5","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/pages/AboutPage.tsx","latestPath","fileId","128816da-5478-11f1-af3e-ee650bb23af1","name","AboutPage.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { COLORS, FONTS } from \"../styles.ts\";\n\nexport function AboutPage() {\n return (\n

\n {/* Hero */}\n

Our Story

About Grand Palace

\n A legacy of luxury hospitality spanning over 15 years of excellence.\n

\n\n {/* Story */}\n

Established 2009

Where Tradition Meets Modern Luxury

\n Grand Palace Hotels & Resorts was founded with a vision to redefine hospitality in India. \n What started as a boutique property has grown into one of the country's most respected luxury hotel chains.\n

\n Our commitment to excellence, personalized service, and attention to every detail has earned us \n numerous accolades and the loyalty of guests from around the world.\n

\n 🏨\n

\n\n {/* Values */}\n

Our Core Values

\n {[\n { icon: \"🌟\", title: \"Excellence\", desc: \"We pursue perfection in every detail, from room décor to guest interactions.\" },\n { icon: \"🤝\", title: \"Hospitality\", desc: \"Warmth, care, and genuine connection define every guest experience.\" },\n { icon: \"🌱\", title: \"Sustainability\", desc: \"We are committed to eco-friendly practices and responsible tourism.\" },\n ].map((v, i) => (\n

{v.icon}

{v.title}

{v.desc}

\n ))}\n

\n\n {/* Team */}\n

Leadership Team

\n {[\n { name: \"Arjun Mehta\", role: \"CEO & Founder\", icon: \"👨‍💼\" },\n { name: \"Kavita Sharma\", role: \"General Manager\", icon: \"👩‍💼\" },\n { name: \"Chef Rajan\", role: \"Executive Chef\", icon: \"👨‍🍳\" },\n { name: \"Dr. Anita Rao\", role: \"Spa Director\", icon: \"👩‍⚕️\" },\n ].map((m, i) => (\n

{m.icon}

{m.name}

{m.role}

\n ))}\n

\n );\n}\n","createdAt",["D",1779301010882],"branchVersion","branchId","d0b08cd4-5476-11f1-8c7b-ee650bb23af1","id","d0aff83c-5476-11f1-8c7b-ee650bb23af1","hotel-management-system",["D",1779300470926],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Hotel Management System with booking and admin dashboard","imageUrl","5138eb81-3626-4840-b1ca-0abc18aedd8e","pinnedFileId","84269d84-5478-11f1-bcbe-ee650bb23af1","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019e468f-68c7-7406-b555-8773ef996dfe","tursoName","d0aff83c547611f18c7bee650bb23af1","tursoHostname","d0aff83c547611f18c7bee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789501878689],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_105":104,"_113":109},"org",{"_105":104,"_106":107,"_108":109,"_19":60,"_110":111,"_112":30},"branch",{"_13":94,"_37":95,"_48":47,"_96":49,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":50,"_103":104},"isOwned",26,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","shreyaspande","handle","displayName","Shreyas Pande","avatar","https://lh3.googleusercontent.com/a/ACg8ocIkdfPcaS5_wLwRBiJoDhq3IPXpbhOANLggiDpCsaklNbLfiZc=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_37":50,"_43":311,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":312,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":313,"_89":314,"_91":315,"_93":30},"tree",[179,181,184,196],"files",[179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195,196],"counts",{"_169":68,"_170":144,"_171":68,"_172":173,"_174":175},"contents",[136,137,138,139],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":163,"_37":164,"_35":165,"_143":-5,"_46":47,"_45":166,"_145":64,"_43":167,"_13":68,"_39":155,"_41":-5,"_29":30,"_148":-5,"_32":168},{"_48":157,"_37":158,"_35":159,"_143":-5,"_46":47,"_45":160,"_145":64,"_43":161,"_13":68,"_39":155,"_41":-5,"_29":30,"_148":-5,"_32":162},{"_48":150,"_37":151,"_35":152,"_143":-5,"_46":47,"_45":153,"_145":64,"_43":154,"_13":68,"_39":155,"_41":-5,"_29":30,"_148":-5,"_32":156},{"_48":140,"_37":141,"_35":142,"_143":-5,"_46":47,"_45":144,"_145":30,"_43":146,"_13":68,"_39":26,"_41":147,"_29":30,"_148":-5,"_32":149},"db098686-5476-11f1-8c43-ee650bb23af1","README.md","db098730-5476-11f1-8c43-ee650bb23af1","parentId",1,"latest",["D",1779300488272],"# hotel-management-system","label",[141],"8ea80f1e-5477-11f1-9426-ee650bb23af1","frontend","db2c79df-bf9c-4876-abb0-6b868c922d1e",5,["D",1779300789627],"directory",[151],"e9b7e894-5476-11f1-8c7b-ee650bb23af1","database","582166b8-a95d-4416-826e-7b81083aac44",2,["D",1779300512907],[158],"0501e974-5477-11f1-bf00-ee650bb23af1","api","6d8b275f-0e99-4398-9f97-6884fc7db2af",4,["D",1779300558691],[164],"pulls","branches","forks","envVars",{"_176":68,"_178":68},"connections",{"_176":68,"_177":68},"count","unfilledCount","emptyCount",{"_48":163,"_37":164,"_35":165,"_143":-5,"_46":47,"_45":166,"_145":64,"_43":308,"_13":68,"_39":155,"_41":-5,"_29":30,"_148":-5,"_198":309,"_32":310},{"_48":301,"_37":302,"_35":303,"_143":165,"_46":47,"_45":166,"_145":64,"_43":304,"_13":68,"_39":40,"_41":305,"_29":30,"_148":-5,"_198":306,"_32":307},{"_48":157,"_37":158,"_35":159,"_143":-5,"_46":47,"_45":160,"_145":64,"_43":298,"_13":68,"_39":155,"_41":-5,"_29":30,"_148":-5,"_198":299,"_32":300},{"_48":290,"_37":291,"_35":292,"_143":159,"_46":47,"_45":293,"_145":64,"_43":294,"_13":68,"_39":40,"_41":295,"_29":30,"_148":-5,"_198":296,"_32":297},{"_48":283,"_37":284,"_35":285,"_143":159,"_46":47,"_45":160,"_145":64,"_43":286,"_13":68,"_39":40,"_41":287,"_29":30,"_148":-5,"_198":288,"_32":289},{"_48":150,"_37":151,"_35":152,"_143":-5,"_46":47,"_45":153,"_145":64,"_43":280,"_13":68,"_39":155,"_41":-5,"_29":30,"_148":-5,"_198":281,"_32":282},{"_48":276,"_37":259,"_35":253,"_143":152,"_46":47,"_45":254,"_145":64,"_43":277,"_13":68,"_39":155,"_41":-5,"_29":30,"_148":-5,"_198":278,"_32":279},{"_48":268,"_37":269,"_35":270,"_143":253,"_46":47,"_45":271,"_145":64,"_43":272,"_13":68,"_39":40,"_41":273,"_29":30,"_148":-5,"_198":274,"_32":275},{"_48":260,"_37":261,"_35":262,"_143":253,"_46":47,"_45":263,"_145":64,"_43":264,"_13":68,"_39":40,"_41":265,"_29":30,"_148":-5,"_198":266,"_32":267},{"_48":250,"_37":251,"_35":252,"_143":253,"_46":47,"_45":254,"_145":64,"_43":255,"_13":68,"_39":40,"_41":256,"_29":30,"_148":-5,"_198":257,"_32":258},{"_48":246,"_37":225,"_35":219,"_143":152,"_46":47,"_45":229,"_145":64,"_43":247,"_13":68,"_39":155,"_41":-5,"_29":30,"_148":-5,"_198":248,"_32":249},{"_48":242,"_37":38,"_35":36,"_143":219,"_46":47,"_45":14,"_145":64,"_43":243,"_13":68,"_39":40,"_41":42,"_29":30,"_148":-5,"_198":244,"_32":245},{"_48":234,"_37":235,"_35":236,"_143":219,"_46":47,"_45":237,"_145":64,"_43":238,"_13":68,"_39":40,"_41":239,"_29":30,"_148":-5,"_198":240,"_32":241},{"_48":226,"_37":227,"_35":228,"_143":219,"_46":47,"_45":229,"_145":64,"_43":230,"_13":68,"_39":40,"_41":231,"_29":30,"_148":-5,"_198":232,"_32":233},{"_48":216,"_37":217,"_35":218,"_143":219,"_46":47,"_45":220,"_145":64,"_43":221,"_13":68,"_39":40,"_41":222,"_29":30,"_148":-5,"_198":223,"_32":224},{"_48":209,"_37":210,"_35":211,"_143":152,"_46":47,"_45":153,"_145":64,"_43":212,"_13":68,"_39":40,"_41":213,"_29":30,"_148":-5,"_198":214,"_32":215},{"_48":201,"_37":202,"_35":203,"_143":152,"_46":47,"_45":204,"_145":64,"_43":205,"_13":68,"_39":40,"_41":206,"_29":30,"_148":-5,"_198":207,"_32":208},{"_48":140,"_37":141,"_35":142,"_143":-5,"_46":47,"_45":144,"_145":30,"_43":197,"_13":68,"_39":26,"_41":147,"_29":30,"_148":-5,"_198":199,"_32":200},["D",1779300488272],"children",[],[141],"97b313ba-5477-11f1-8ca8-ee650bb23af1","styles.ts","97b314e6-5477-11f1-8ca8-ee650bb23af1",6,["D",1779300804802],"// 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",[],[151,202],"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

About Grand Palace

Where Tradition Meets Modern Luxury

Our Core Values

{v.title}

Leadership Team

\n {room.room_type} Room\n

\n Experience Unparalleled Luxury\n

Exquisite Room Collection

{room.type}

Hotel Amenities

{a.title}

What Our Guests Say

Book Your Stay

Select Your Room

Guest Information

Review Your Booking

Guest Details

Booking Details

💰 Bill Summary

Booking Confirmed!

Diff · v13