[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_213":214,"_215":216},"routes/_app.x.$handle.$name",{"_105":104,"_37":50,"_113":95,"_32":58,"_13":14,"_114":-5,"_11":115,"_116":117,"_118":119,"_120":121,"_122":123,"_26":-5,"_124":-5,"_125":-5,"_126":30,"_127":128,"_129":64,"_130":-5,"_131":-5,"_132":133},"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",8,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","b33a82a1-1a1b-41f5-8e14-0529ef099bcd","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/app.js","latestPath","fileId","1bcadc8a-8125-11f1-ad91-1607ee4eb77e","name","app.js","fileType","script","content","// ================= Promise Luxury Bus Company =================\nconst $ = (id) => document.getElementById(id);\n\nconst state = {\n from: \"\", to: \"\", date: \"\",\n pickups: [],\n trip: null, // trip selected for seat map\n selectedSeats: [],\n holdToken: null,\n holdExpiry: null,\n holdInterval: null,\n};\n\n// ---------- navigation ----------\nconst SECTIONS = [\"home\", \"results\", \"checkout\", \"ticket\", \"lookup\", \"about\", \"contact\"];\nfunction showSection(name) {\n SECTIONS.forEach((s) => $(\"section-\" + s).classList.toggle(\"hidden\", s !== name));\n $(\"nav\").classList.remove(\"open\");\n window.scrollTo({ top: 0 });\n}\nfunction goHome() { showSection(\"home\"); }\nwindow.showSection = showSection;\nwindow.goHome = goHome;\n\n$(\"menuBtn\").addEventListener(\"click\", () => $(\"nav\").classList.toggle(\"open\"));\n$(\"year\").textContent = new Date().getFullYear();\n\n// ---------- helpers ----------\nfunction todayStr(offset = 0) {\n const d = new Date();\n d.setDate(d.getDate() + offset);\n return d.toISOString().slice(0, 10);\n}\nfunction fmtDateLabel(dateStr) {\n const d = new Date(dateStr + \"T00:00:00\");\n return d.toLocaleDateString(\"en-KE\", { weekday: \"short\", day: \"numeric\", month: \"short\" });\n}\nfunction fmtTime(t) {\n const [h, m] = t.split(\":\").map(Number);\n const period = h >= 12 ? \"PM\" : \"AM\";\n const hr = h % 12 === 0 ? 12 : h % 12;\n const label = h < 12 ? \"MORNING\" : h < 17 ? \"AFTERNOON\" : \"NIGHT\";\n return `${hr}:${String(m).padStart(2, \"0\")} ${period} (${label})`;\n}\nfunction ksh(n) { return \"Ksh \" + Number(n).toLocaleString(\"en-KE\"); }\nasync function api(path, opts) {\n const res = await fetch(path, opts);\n const data = await res.json();\n if (!res.ok) throw new Error(data.error || \"Request failed\");\n return data;\n}\nfunction esc(s) {\n return String(s ?? \"\").replace(/[&<>\"']/g, (c) => ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\", \"'\": \"'\" }[c]));\n}\n\n// ---------- init: locations + popular routes + settings ----------\nasync function init() {\n $(\"dateInput\").min = todayStr();\n $(\"dateInput\").value = todayStr();\n try {\n const locations = await api(\"/api/locations\");\n $(\"locationsList\").innerHTML = locations.map((l) => ``).join(\"\")\n : ``;\n $(\"checkoutTotal\").textContent = ksh(state.selectedSeats.length * Number(t.fare));\n $(\"consentBox\").checked = false;\n $(\"mpesaNumber\").value = \"\";\n}\n\n$(\"checkoutForm\").addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n $(\"payError\").textContent = \"\";\n const passengers = state.selectedSeats.map((_, i) => {\n const p = {};\n document.querySelectorAll(`[data-p=\"${i}\"]`).forEach((inp) => (p[inp.dataset.f] = inp.value.trim()));\n return p;\n });\n $(\"payBtn\").disabled = true;\n $(\"payBtn\").innerHTML = `M-PESA PROCESSING…`;\n try {\n const result = await api(\"/api/book\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n trip_id: state.trip.id,\n seats: state.selectedSeats,\n hold_token: state.holdToken,\n passengers,\n pickup_point: $(\"pickupSelect\").value,\n mpesa_number: $(\"mpesaNumber\").value.trim(),\n payment_method: \"mpesa\",\n }),\n });\n clearInterval(state.holdInterval);\n await showTicket(result.booking_ref);\n } catch (err) {\n $(\"payError\").textContent = err.message;\n } finally {\n $(\"payBtn\").disabled = false;\n $(\"payBtn\").innerHTML = `M-PESA PAY WITH MPESA`;\n }\n});\n\n// ---------- ticket ----------\nasync function showTicket(ref) {\n const b = await api(`/api/booking/${encodeURIComponent(ref)}`);\n $(\"ticketCard\").innerHTML = ticketHTML(b);\n showSection(\"ticket\");\n}\nfunction ticketHTML(b) {\n const seats = JSON.parse(b.seat_numbers).join(\", \");\n const passengers = JSON.parse(b.passenger_details);\n const name = passengers.map((p) => `${p.first_name} ${p.last_name}`).join(\", \");\n const qrURL = `https://api.qrserver.com/v1/create-qr-code/?size=300x300&data=${encodeURIComponent(b.booking_ref)}`;\n return `\n

\n PROMISE LUXURY\n ${esc(String(b.status).toUpperCase())}\n

${esc(b.origin)} → ${esc(b.destination)}

${fmtDateLabel(b.date)} • ${fmtTime(b.departure_time)}

Passenger(s)

${esc(name)}

Seat(s)

${esc(seats)}

Boarding Point

${esc(b.pickup_point || \"Main Terminal\")}

Bus

${esc(b.plate_number)}

Amount Paid

${ksh(b.total_amount)}

Booked On

${esc(String(b.created_at).slice(0, 10))}

$\"Ticket$

${esc(b.booking_ref)}

Show this QR code or reference to the conductor when boarding. Arrive 30 minutes before departure.

`;\n}\n\n// ---------- lookup ----------\n$(\"lookupBtn\").addEventListener(\"click\", async () => {\n const ref = $(\"lookupRef\").value.trim();\n $(\"lookupError\").textContent = \"\";\n $(\"lookupResult\").innerHTML = \"\";\n if (!ref) { $(\"lookupError\").textContent = \"Enter your booking reference.\"; return; }\n try {\n const b = await api(`/api/booking/${encodeURIComponent(ref)}`);\n $(\"lookupResult\").innerHTML = `

${ticketHTML(b)}

`;\n } catch (e) {\n $(\"lookupError\").textContent = e.message;\n }\n});\n\ninit();\n","createdAt",["D",1784213180516],"branchVersion","branchId","5750ac7e-7315-4b96-b485-a66c74b2c160","id","45a84839-e6cc-4f23-9d61-55cb7ac3780f","Promiseluxury",["D",1784212068178],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","950b37dc-4df1-4d95-93f4-4fa77f672188","pinnedFileId","84cb9d9e-8122-11f1-91c2-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f6b52-7845-716b-baff-52a465889855","tursoName","45a84839e6cc4f239d6155cb7ac3780f","tursoHostname","45a84839e6cc4f239d6155cb7ac3780f-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789559472742],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_105":104,"_112":108},"org",{"_105":104,"_106":104,"_107":108,"_19":60,"_109":110,"_111":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",10,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","weruuweruy","handle","displayName","avatar","https://avatars.githubusercontent.com/u/305878056?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_48":49,"_37":50,"_43":208,"_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":209,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":210,"_89":211,"_91":212,"_93":30},"tree",[173,177,178],"files",[173,174,175,176,177,178],"counts",{"_162":68,"_163":164,"_165":68,"_166":167,"_168":169},"contents",[134,135,136],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":155,"_37":156,"_35":157,"_140":-5,"_46":47,"_45":158,"_142":64,"_43":159,"_13":68,"_39":160,"_41":-5,"_29":30,"_145":-5,"_32":161},{"_48":147,"_37":148,"_35":62,"_140":-5,"_46":47,"_45":149,"_142":64,"_43":150,"_13":151,"_39":152,"_41":153,"_29":30,"_145":-5,"_32":154},{"_48":137,"_37":138,"_35":139,"_140":-5,"_46":47,"_45":141,"_142":64,"_43":143,"_13":68,"_39":40,"_41":144,"_29":30,"_145":-5,"_32":146},"38c981f7-1991-4ad5-a265-c8f8c235da7e","seed_seats.ts","bb64633a-8123-11f1-b9e0-1607ee4eb77e","parentId",4,"latest",["D",1784212589285],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\n// Get all trips with bus capacities\nconst trips = await sqlite.execute(`\n SELECT t.id as trip_id, b.seat_capacity, b.layout\n FROM trips t JOIN buses b ON t.bus_id = b.id\n`);\n\nconst statements: { sql: string; args: any[] }[] = [];\n\nfor (const trip of trips.rows) {\n const capacity = trip.seat_capacity as number;\n const layout = trip.layout as string;\n \n for (let i = 1; i <= capacity; i++) {\n // Determine seat type: first row (1,2) and last row are premium\n const isPremium = i <= 4 || i > capacity - 5;\n const seatType = isPremium ? \"premium\" : \"standard\";\n statements.push({\n sql: \"INSERT OR IGNORE INTO seats (trip_id, seat_number, status) VALUES (?, ?, 'available')\",\n args: [trip.trip_id, String(i)],\n });\n }\n}\n\n// Execute in batches of 100\nfor (let i = 0; i < statements.length; i += 100) {\n const batch = statements.slice(i, i + 100);\n await sqlite.batch(batch);\n console.log(`Inserted seats batch ${Math.floor(i / 100) + 1} (${batch.length} seats)`);\n}\n\nconsole.log(`Done! Inserted ${statements.length} seats across ${trips.rows.length} trips`);\n","label",[138],"f3389b35-7cb6-4791-8667-1e2d4b05e090","main.ts",5,["D",1784213007060],3,"http","import { Hono } from \"npm:hono@4\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\nconst HOLD_MINUTES = 8;\n\nfunction genRef(prefix: string) {\n const chars = \"ABCDEFGHJKLMNPQRSTUVWXYZ23456789\";\n let s = \"\";\n for (let i = 0; i < 6; i++) s += chars[Math.floor(Math.random() * chars.length)];\n return `${prefix}-${s}`;\n}\n\n// ---------- API ----------\n\napp.get(\"/api/config\", async (c) => {\n const r = await sqlite.execute(\"SELECT * FROM company_settings WHERE id = 1\");\n return c.json(r.rows[0] ?? {});\n});\n\napp.get(\"/api/locations\", async (c) => {\n const r = await sqlite.execute(\n \"SELECT DISTINCT origin FROM routes WHERE is_active=1 UNION SELECT DISTINCT destination FROM routes WHERE is_active=1\",\n );\n return c.json(r.rows.map((row) => row.origin));\n});\n\n// Search trips: /api/search?from=Nairobi&to=Mombasa&date=2026-07-16\napp.get(\"/api/search\", async (c) => {\n const from = c.req.query(\"from\")?.trim();\n const to = c.req.query(\"to\")?.trim();\n const date = c.req.query(\"date\")?.trim();\n if (!from || !to || !date) return c.json({ error: \"from, to and date are required\" }, 400);\n\n const r = await sqlite.execute({\n sql: `SELECT t.id, t.departure_time, t.date, t.fare, t.status,\n r.origin, r.destination, r.duration_hours,\n b.plate_number, b.type AS bus_type, b.seat_capacity, b.layout, b.amenities,\n (SELECT COUNT(*) FROM seats s WHERE s.trip_id = t.id\n AND (s.status='available' OR (s.status='held' AND s.held_until < datetime('now')))) AS seats_left\n FROM trips t\n JOIN routes r ON t.route_id = r.id\n JOIN buses b ON t.bus_id = b.id\n WHERE lower(r.origin) = lower(?) AND lower(r.destination) = lower(?)\n AND t.date = ? AND t.status = 'scheduled'\n ORDER BY t.departure_time`,\n args: [from, to, date],\n });\n\n // pickup points for the route\n let pickups: string[] = [];\n if (r.rows.length > 0) {\n const rp = await sqlite.execute({\n sql: `SELECT p.name FROM pickup_points p JOIN routes r ON p.route_id = r.id\n WHERE lower(r.origin)=lower(?) AND lower(r.destination)=lower(?)`,\n args: [from, to],\n });\n pickups = rp.rows.map((row) => row.name as string);\n }\n return c.json({ trips: r.rows, pickups });\n});\n\n// Seat map for a trip\napp.get(\"/api/trips/:id/seats\", async (c) => {\n const id = c.req.param(\"id\");\n const trip = await sqlite.execute({\n sql: `SELECT t.id, t.fare, t.departure_time, t.date, r.origin, r.destination,\n b.seat_capacity, b.layout, b.type AS bus_type, b.plate_number\n FROM trips t JOIN routes r ON t.route_id=r.id JOIN buses b ON t.bus_id=b.id\n WHERE t.id = ?`,\n args: [id],\n });\n if (trip.rows.length === 0) return c.json({ error: \"Trip not found\" }, 404);\n\n const seats = await sqlite.execute({\n sql: `SELECT seat_number,\n CASE WHEN status='held' AND held_until < datetime('now') THEN 'available' ELSE status END AS status\n FROM seats WHERE trip_id = ? ORDER BY CAST(seat_number AS INTEGER)`,\n args: [id],\n });\n return c.json({ trip: trip.rows[0], seats: seats.rows });\n});\n\n// Hold seats for 8 minutes\napp.post(\"/api/hold\", async (c) => {\n const { trip_id, seats } = await c.req.json();\n if (!trip_id || !Array.isArray(seats) || seats.length === 0 || seats.length > 5) {\n return c.json({ error: \"trip_id and 1-5 seats required\" }, 400);\n }\n const holdToken = crypto.randomUUID();\n const results = await sqlite.batch(\n seats.map((s: string) => ({\n sql: `UPDATE seats SET status='held', held_until = datetime('now', '+${HOLD_MINUTES} minutes'), booked_by = ?\n WHERE trip_id = ? AND seat_number = ?\n AND (status='available' OR (status='held' AND held_until < datetime('now')))`,\n args: [holdToken, trip_id, String(s)],\n })),\n );\n const failed = results\n .map((r, i) => (r.rowsAffected === 0 ? seats[i] : null))\n .filter(Boolean);\n if (failed.length > 0) {\n // release any we did grab\n await sqlite.execute({\n sql: \"UPDATE seats SET status='available', held_until=NULL, booked_by=NULL WHERE booked_by = ?\",\n args: [holdToken],\n });\n return c.json({ error: `Seat(s) ${failed.join(\", \")} no longer available`, taken: failed }, 409);\n }\n return c.json({ hold_token: holdToken, expires_in_minutes: HOLD_MINUTES });\n});\n\n// Create booking + (demo) payment + ticket\napp.post(\"/api/book\", async (c) => {\n const body = await c.req.json();\n const { trip_id, seats, hold_token, passengers, pickup_point, mpesa_number, payment_method } = body;\n if (!trip_id || !Array.isArray(seats) || seats.length === 0 || !hold_token || !Array.isArray(passengers)) {\n return c.json({ error: \"Missing required fields\" }, 400);\n }\n if (passengers.length !== seats.length) {\n return c.json({ error: \"One passenger per seat required\" }, 400);\n }\n for (const p of passengers) {\n if (!p.first_name || !p.last_name || !p.phone) {\n return c.json({ error: \"Each passenger needs first name, last name and phone\" }, 400);\n }\n }\n if (!mpesa_number || !/^(?:\\+?254|0)?7\\d{8}$/.test(String(mpesa_number).replace(/\\s/g, \"\"))) {\n return c.json({ error: \"Valid Safaricom M-Pesa number required (e.g. 0722000000)\" }, 400);\n }\n\n // verify the hold is still ours and valid\n const held = await sqlite.execute({\n sql: `SELECT COUNT(*) AS n FROM seats WHERE trip_id=? AND booked_by=? AND status='held' AND held_until >= datetime('now')`,\n args: [trip_id, hold_token],\n });\n if (Number(held.rows[0].n) !== seats.length) {\n return c.json({ error: \"Your seat hold has expired. Please select seats again.\" }, 409);\n }\n\n const trip = await sqlite.execute({ sql: \"SELECT fare FROM trips WHERE id=?\", args: [trip_id] });\n const total = Number(trip.rows[0].fare) * seats.length;\n const bookingRef = genRef(\"PL\");\n const ticketRef = genRef(\"TKT\");\n\n await sqlite.batch([\n {\n sql: `INSERT INTO bookings (trip_id, seat_numbers, passenger_details, pickup_point, total_amount, status, booking_ref)\n VALUES (?, ?, ?, ?, ?, 'confirmed', ?)`,\n args: [trip_id, JSON.stringify(seats), JSON.stringify(passengers), pickup_point ?? \"\", total, bookingRef],\n },\n {\n sql: `UPDATE seats SET status='booked', held_until=NULL WHERE trip_id=? AND booked_by=?`,\n args: [trip_id, hold_token],\n },\n ]);\n\n const bk = await sqlite.execute({ sql: \"SELECT id FROM bookings WHERE booking_ref=?\", args: [bookingRef] });\n const bookingId = bk.rows[0].id;\n\n // DEMO payment: recorded as completed. Swap this for a real M-Pesa Daraja\n // STK push once MPESA_CONSUMER_KEY / MPESA_CONSUMER_SECRET env vars are set.\n await sqlite.batch([\n {\n sql: `INSERT INTO payments (booking_id, method, provider_ref, status, amount, phone_number)\n VALUES (?, ?, ?, 'completed', ?, ?)`,\n args: [bookingId, payment_method ?? \"mpesa\", genRef(\"MP\"), total, mpesa_number],\n },\n {\n sql: `INSERT INTO tickets (booking_id, ticket_ref, qr_code) VALUES (?, ?, ?)`,\n args: [bookingId, ticketRef, bookingRef],\n },\n ]);\n\n return c.json({ booking_ref: bookingRef, ticket_ref: ticketRef, total, status: \"confirmed\" });\n});\n\n// Look up a booking / ticket\napp.get(\"/api/booking/:ref\", async (c) => {\n const ref = c.req.param(\"ref\").toUpperCase();\n const r = await sqlite.execute({\n sql: `SELECT bk.booking_ref, bk.seat_numbers, bk.passenger_details, bk.pickup_point,\n bk.total_amount, bk.status, bk.created_at,\n t.departure_time, t.date, r.origin, r.destination,\n b.plate_number, b.type AS bus_type,\n tk.ticket_ref, tk.boarded\n FROM bookings bk\n JOIN trips t ON bk.trip_id = t.id\n JOIN routes r ON t.route_id = r.id\n JOIN buses b ON t.bus_id = b.id\n LEFT JOIN tickets tk ON tk.booking_id = bk.id\n WHERE upper(bk.booking_ref) = ? OR upper(tk.ticket_ref) = ?`,\n args: [ref, ref],\n });\n if (r.rows.length === 0) return c.json({ error: \"Booking not found\" }, 404);\n return c.json(r.rows[0]);\n});\n\n// ---------- Static frontend ----------\napp.get(\"/\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\n\nexport default app.fetch;\n",[148],"63612590-9dfd-4161-b537-fc641b3ab4b5","frontend","001bbdf4-3cb8-4e58-91e1-feb150b4293e",6,["D",1784213046603],"directory",[156],"pulls","branches",1,"forks","envVars",{"_170":68,"_172":68},"connections",{"_170":68,"_171":68},"count","unfilledCount","emptyCount",{"_48":155,"_37":156,"_35":157,"_140":-5,"_46":47,"_45":158,"_142":64,"_43":205,"_13":68,"_39":160,"_41":-5,"_29":30,"_145":-5,"_180":206,"_32":207},{"_48":201,"_37":38,"_35":36,"_140":157,"_46":47,"_45":14,"_142":64,"_43":202,"_13":68,"_39":40,"_41":42,"_29":30,"_145":-5,"_180":203,"_32":204},{"_48":194,"_37":195,"_35":196,"_140":157,"_46":47,"_45":158,"_142":64,"_43":197,"_13":68,"_39":26,"_41":198,"_29":30,"_145":-5,"_180":199,"_32":200},{"_48":186,"_37":187,"_35":188,"_140":157,"_46":47,"_45":189,"_142":64,"_43":190,"_13":68,"_39":26,"_41":191,"_29":30,"_145":-5,"_180":192,"_32":193},{"_48":147,"_37":148,"_35":62,"_140":-5,"_46":47,"_45":149,"_142":64,"_43":183,"_13":151,"_39":152,"_41":153,"_29":30,"_145":-5,"_180":184,"_32":185},{"_48":137,"_37":138,"_35":139,"_140":-5,"_46":47,"_45":141,"_142":64,"_43":179,"_13":68,"_39":40,"_41":144,"_29":30,"_145":-5,"_180":181,"_32":182},["D",1784212589285],"children",[],[138],["D",1784213007060],[],[148],"e63dd90b-ef67-43d0-acde-046bf601a335","style.css","f1c16a12-8124-11f1-a6de-1607ee4eb77e",7,["D",1784213109989],":root {\n --navy: #14142b;\n --navy-2: #1e1e3f;\n --gold: #c9a227;\n --gold-light: #e6c65c;\n --green: #1b5e20;\n --bg: #f4f4f7;\n --card: #ffffff;\n --text: #23233b;\n --muted: #6b6b80;\n --danger: #c0392b;\n --radius: 12px;\n --shadow: 0 2px 12px rgba(20, 20, 43, 0.10);\n}\n\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\nbody { font-family: \"Segoe UI\", system-ui, -apple-system, sans-serif; background: var(--bg); color: var(--text); min-height: 100vh; display: flex; flex-direction: column; }\nmain { flex: 1; }\n.hidden { display: none !important; }\n.center { text-align: center; margin: 24px 0; }\n\n/* ---------- Header ---------- */\n.header {\n background: var(--navy);\n color: #fff;\n display: flex; align-items: center; justify-content: space-between;\n padding: 12px 20px;\n position: sticky; top: 0; z-index: 100;\n box-shadow: 0 2px 8px rgba(0,0,0,.25);\n}\n.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #fff; }\n.brand-logo {\n width: 44px; height: 44px; border-radius: 10px;\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\n color: var(--navy); font-weight: 800; font-size: 20px;\n display: flex; align-items: center; justify-content: center;\n letter-spacing: 1px;\n}\n.brand-logo.small { width: 36px; height: 36px; font-size: 16px; margin-bottom: 8px; }\n.brand-text { display: flex; flex-direction: column; line-height: 1.1; }\n.brand-name { font-weight: 700; font-size: 18px; }\n.brand-tag { font-size: 10px; letter-spacing: 3px; color: var(--gold-light); }\n.menu-btn { display: none; background: none; border: 1px solid rgba(255,255,255,.3); color: #fff; font-size: 22px; border-radius: 8px; padding: 4px 12px; cursor: pointer; }\n.nav { display: flex; gap: 24px; }\n.nav a { color: #fff; text-decoration: none; font-weight: 500; font-size: 15px; opacity: .9; }\n.nav a:hover { color: var(--gold-light); }\n\n@media (max-width: 760px) {\n .menu-btn { display: block; }\n .nav { display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--navy-2); flex-direction: column; gap: 0; }\n .nav.open { display: flex; }\n .nav a { padding: 14px 24px; border-bottom: 1px solid rgba(255,255,255,.08); }\n}\n\n/* ---------- Hero + search ---------- */\n.hero {\n background:\n linear-gradient(rgba(20,20,43,.78), rgba(20,20,43,.85)),\n url('https://images.unsplash.com/photo-1544620347-c4fd4a3d5957?w=1600&q=60') center/cover;\n padding: 48px 16px 64px;\n}\n.hero-badge {\n display: inline-block; background: #fff; color: var(--navy);\n font-weight: 700; font-size: 18px; padding: 10px 18px; border-radius: 8px;\n margin: 0 auto 20px; box-shadow: var(--shadow);\n}\n.search-card {\n background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow);\n max-width: 560px; margin: 0 auto; padding: 24px; position: relative;\n}\n.search-card label { display: block; font-weight: 600; font-size: 14px; margin: 14px 0 6px; }\n.input-wrap {\n display: flex; align-items: center; gap: 8px;\n background: #f7f7fa; border: 1px solid #e1e1ea; border-radius: 8px; padding: 0 12px;\n}\n.input-wrap:focus-within { border-color: var(--gold); }\n.input-wrap .icon { font-size: 15px; opacity: .6; }\n.input-wrap input, .input-wrap select {\n flex: 1; border: none; outline: none; background: transparent;\n padding: 14px 4px; font-size: 16px; color: var(--text);\n}\n.swap-btn {\n position: absolute; right: 24px; margin-top: -4px;\n width: 42px; height: 42px; border-radius: 50%;\n background: #fff; border: 1px solid #e1e1ea; font-size: 18px; cursor: pointer;\n box-shadow: var(--shadow); z-index: 2;\n}\n.swap-btn:hover { border-color: var(--gold); color: var(--gold); }\n\n.btn-primary {\n width: 100%; margin-top: 20px;\n background: var(--navy); color: #fff; border: none; border-radius: 8px;\n padding: 15px; font-size: 16px; font-weight: 600; cursor: pointer;\n transition: background .15s;\n}\n.btn-primary:hover:not(:disabled) { background: var(--navy-2); }\n.btn-primary:disabled { opacity: .5; cursor: not-allowed; }\n.search-error { color: var(--danger); font-size: 14px; margin-top: 10px; min-height: 18px; }\n\n/* ---------- Features ---------- */\n.features { max-width: 900px; margin: 0 auto; padding: 48px 20px; display: grid; gap: 36px; text-align: center; }\n@media (min-width: 720px) { .features { grid-template-columns: repeat(3, 1fr); } }\n.feature-icon { font-size: 34px; margin-bottom: 10px; }\n.feature h3 { color: var(--navy); margin-bottom: 8px; font-size: 17px; }\n.feature p { color: var(--muted); font-size: 14.5px; line-height: 1.5; }\n\n/* ---------- Popular routes ---------- */\n.popular { max-width: 900px; margin: 0 auto; padding: 0 20px 56px; }\n.popular h2 { text-align: center; color: var(--navy); margin-bottom: 20px; }\n.popular-grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }\n.popular-card {\n background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow);\n padding: 16px; cursor: pointer; border: 1px solid transparent; transition: border-color .15s;\n}\n.popular-card:hover { border-color: var(--gold); }\n.popular-card .pr-route { font-weight: 700; color: var(--navy); }\n.popular-card .pr-price { color: var(--gold); font-weight: 700; margin-top: 6px; }\n.popular-card .pr-meta { color: var(--muted); font-size: 13px; margin-top: 2px; }\n\n/* ---------- Results ---------- */\n.section { animation: fade .25s ease; }\n@keyframes fade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }\n.route-title { text-align: center; color: var(--muted); font-size: 26px; padding: 24px 16px 8px; }\n.route-title strong { color: var(--navy); }\n.date-tabs { display: flex; justify-content: center; gap: 8px; padding: 8px 16px 20px; flex-wrap: wrap; }\n.date-tab {\n background: var(--card); border: 1px solid #e1e1ea; border-radius: 8px;\n padding: 10px 18px; font-weight: 600; cursor: pointer; font-size: 14px;\n}\n.date-tab.active { border-color: var(--navy); background: var(--navy); color: #fff; }\n.trips-list { max-width: 760px; margin: 0 auto; padding: 0 16px 56px; display: flex; flex-direction: column; gap: 16px; }\n.trip-card {\n background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow);\n padding: 20px; display: grid; grid-template-columns: 90px 1fr; gap: 16px; align-items: center;\n}\n.trip-price { font-size: 22px; font-weight: 800; color: var(--navy); }\n.trip-main { text-align: center; }\n.trip-name { font-weight: 700; color: var(--text); margin-bottom: 2px; }\n.trip-time { color: var(--muted); font-size: 14.5px; margin-bottom: 10px; }\n.btn-select {\n background: var(--gold); color: var(--navy); border: 2px solid #b3901f;\n font-weight: 700; padding: 10px 26px; border-radius: 8px; cursor: pointer; font-size: 15px;\n}\n.btn-select:hover { background: var(--gold-light); }\n.seats-left { color: #c0641e; font-size: 13.5px; margin-top: 8px; font-weight: 600; }\n.trip-amenities { color: var(--muted); font-size: 12.5px; margin-top: 6px; }\n.no-trips { text-align: center; color: var(--muted); padding: 40px 0; }\n\n/* ---------- Seat modal ---------- */\n.modal {\n position: fixed; inset: 0; background: rgba(20,20,43,.55); z-index: 200;\n display: flex; align-items: flex-start; justify-content: center; overflow-y: auto; padding: 20px 10px;\n}\n.modal-content {\n background: var(--card); border-radius: var(--radius); width: 100%; max-width: 440px;\n padding: 16px; box-shadow: 0 10px 40px rgba(0,0,0,.3);\n}\n.modal-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ececf2; padding-bottom: 12px; }\n.legend { display: flex; gap: 14px; flex-wrap: wrap; }\n.legend-item { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; }\n.seat-demo { width: 26px; height: 22px; border-radius: 6px 6px 3px 3px; display: inline-block; }\n.seat-demo.available { background: #fff; border: 2px solid #b9b9c9; }\n.seat-demo.occupied { background: #c9c9d4; border: 2px solid #b0b0bf; }\n.seat-demo.selected { background: var(--gold); border: 2px solid #b3901f; }\n.close-btn { background: none; border: none; font-size: 20px; cursor: pointer; color: var(--muted); }\n.seat-trip-info { text-align: center; font-size: 14px; color: var(--muted); padding: 10px 0 4px; font-weight: 600; }\n\n.bus-frame {\n border: 2px solid #d9d9e3; border-radius: 18px; max-width: 320px; margin: 14px auto; padding: 14px;\n}\n.bus-top { display: flex; justify-content: flex-end; border-bottom: 1px dashed #d9d9e3; padding-bottom: 10px; margin-bottom: 14px; }\n.driver { font-size: 26px; opacity: .55; }\n.seat-grid { display: flex; flex-direction: column; gap: 10px; }\n.seat-row { display: flex; justify-content: space-between; }\n.seat-pair { display: flex; gap: 8px; }\n.seat {\n width: 48px; height: 40px; border-radius: 8px 8px 4px 4px;\n background: #fff; border: 2px solid #b9b9c9;\n font-weight: 700; font-size: 14px; color: var(--text);\n cursor: pointer; transition: all .12s;\n}\n.seat:hover:not(.occupied) { border-color: var(--gold); }\n.seat.occupied { background: #c9c9d4; border-color: #b0b0bf; color: #8a8a99; cursor: not-allowed; }\n.seat.selected { background: var(--gold); border-color: #b3901f; color: var(--navy); }\n.seat-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #ececf2; padding-top: 12px; margin-top: 6px; }\n.seat-footer .btn-primary { width: auto; margin: 0; padding: 12px 28px; }\n.seat-summary { font-size: 14px; font-weight: 600; color: var(--muted); }\n\n/* ---------- Checkout ---------- */\n.page-title { text-align: center; color: var(--navy); padding: 26px 16px 18px; font-size: 24px; }\n.card {\n background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow);\n max-width: 620px; margin: 0 auto 18px; padding: 22px;\n}\n.card h2 { font-size: 18px; color: var(--navy); margin-bottom: 14px; }\n.passenger-head { text-align: right; font-weight: 700; color: var(--navy); margin-bottom: 10px; }\n.form-group { margin-bottom: 14px; }\n.form-group label { display: block; font-weight: 600; font-size: 14px; margin-bottom: 6px; }\n.form-group select { width: 100%; padding: 14px 12px; border: 1px solid #e1e1ea; border-radius: 8px; background: #f7f7fa; font-size: 16px; }\n.consent { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; margin: 14px 0; cursor: pointer; }\n.consent input { margin-top: 3px; }\n.note { font-size: 13.5px; color: var(--muted); margin-bottom: 14px; line-height: 1.5; }\n.total-row { font-size: 18px; margin-bottom: 14px; text-align: right; }\n.total-row strong { color: var(--navy); font-size: 22px; }\n.btn-mpesa {\n width: 100%; background: var(--green); color: #fff; border: none; border-radius: 8px;\n padding: 15px; font-size: 15px; font-weight: 700; cursor: pointer;\n display: flex; align-items: center; justify-content: center; gap: 10px; letter-spacing: .5px;\n}\n.btn-mpesa:hover:not(:disabled) { background: #2e7d32; }\n.btn-mpesa:disabled { opacity: .6; cursor: wait; }\n.mpesa-badge { background: #fff; color: var(--green); font-weight: 800; padding: 3px 8px; border-radius: 4px; font-size: 12px; }\n.hold-timer { text-align: center; color: #c0641e; font-weight: 600; font-size: 14px; margin-top: 12px; }\n.checkout-trip { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; }\n.checkout-trip .ct-route { font-weight: 700; color: var(--navy); font-size: 17px; }\n.checkout-trip .ct-meta { color: var(--muted); font-size: 14px; }\n.checkout-trip .ct-seats { background: var(--gold); color: var(--navy); font-weight: 700; border-radius: 6px; padding: 4px 10px; font-size: 14px; }\n\n/* ---------- Ticket ---------- */\n.ticket-card {\n background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow);\n max-width: 460px; margin: 30px auto 10px; overflow: hidden;\n}\n.ticket-head { background: var(--navy); color: #fff; padding: 18px 22px; display: flex; justify-content: space-between; align-items: center; }\n.ticket-head .th-brand { font-weight: 800; letter-spacing: .5px; }\n.ticket-head .th-status { background: var(--gold); color: var(--navy); font-weight: 700; font-size: 12px; padding: 4px 10px; border-radius: 20px; }\n.ticket-body { padding: 22px; }\n.ticket-route { font-size: 20px; font-weight: 800; color: var(--navy); text-align: center; margin-bottom: 4px; }\n.ticket-datetime { text-align: center; color: var(--muted); margin-bottom: 16px; }\n.ticket-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; font-size: 14px; margin-bottom: 16px; }\n.ticket-grid .tk-label { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .5px; }\n.ticket-grid .tk-value { font-weight: 700; }\n.ticket-qr { text-align: center; padding: 10px 0 4px; border-top: 1px dashed #d9d9e3; }\n.ticket-qr img { width: 150px; height: 150px; }\n.ticket-ref { text-align: center; font-weight: 800; font-size: 18px; color: var(--navy); letter-spacing: 1px; }\n.ticket-note { text-align: center; color: var(--muted); font-size: 12.5px; padding: 8px 22px 0; }\n\n/* ---------- About / contact / footer ---------- */\n.about-text p { margin-bottom: 12px; line-height: 1.65; color: var(--text); }\n.contact-row { display: flex; gap: 10px; align-items: center; margin-bottom: 12px; font-size: 15px; }\n.footer { background: var(--navy); color: #fff; padding: 28px 20px 16px; margin-top: 40px; }\n.footer-inner { max-width: 900px; margin: 0 auto; display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; }\n.footer p { font-size: 14px; opacity: .85; line-height: 1.6; }\n.copyright { text-align: center; font-size: 12.5px; opacity: .6; margin-top: 20px; }\n",[],[156,187],"b65e4adb-1b26-4743-a2a4-78bda47a611d","index.html","cbf9f07e-8124-11f1-a6d4-1607ee4eb77e",["D",1784213046603],"\n\n\n \n \n Promise Luxury — Book Bus Tickets Online in Kenya\n \n \n \n\n\n \n \n\n

\n \n

LUXURY bus travel across Kenya

\n From\n

\n 📍\n \n

\n \n To\n

\n 📍\n \n

\n \n Travel Date\n

\n \n

\n\n

🛋️

Comfort on board

Luxury reclining seats, AC, WiFi and onboard entertainment on every coach.

🗺️

Trusted routes across Kenya

Daily departures between Nairobi, Mombasa, Kisumu, Eldoret, Nakuru and more.

📱

Pay with M-Pesa

Fast, secure mobile checkout. Your e-ticket is issued instantly.

\n\n

Popular Routes

\n\n \n

\n\n \n \n\n \n

Booking Submission

\n \n

\n\n \n

\n \n

\n\n \n

Find My Ticket

\n Enter your booking reference (e.g. PL-ABC123)\n

🎫\n \n

\n \n

\n\n \n

About Promise Luxury

Promise Luxury Bus Company is a premium Kenyan coach operator dedicated to safe, comfortable and reliable travel. Our modern fleet features reclining seats, air conditioning, onboard WiFi and entertainment.

We operate daily departures connecting Nairobi, Mombasa, Kisumu, Eldoret, Nakuru, Nyeri, Thika and Naivasha — with professional drivers and a commitment to punctuality.

Book online in minutes and pay securely with M-Pesa. Your comfort is our promise.

\n\n \n

Contact Us

\n\n \n\n \n\n\n",[],[156,195],"78b35466-7670-4a1d-a669-25cc491bad06",["D",1784213180516],[],[156,38],["D",1784213046603],[174,175,176],[156],["D",1784212068178],["D",1789559472742],{"_105":104,"_112":108},{"_105":104,"_106":104,"_107":108,"_19":60,"_109":110,"_111":30},{"_13":94,"_37":95,"_48":47,"_96":49,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":50,"_103":104},"ctx",{"_87":-5,"_131":246,"_247":248,"_249":250,"_251":30,"_252":30,"_253":30,"_254":64,"_255":-5,"_256":-7,"_257":-7,"_258":68,"_259":30,"_260":30,"_261":-5,"_262":30,"_263":30,"_264":30,"_265":-5},"ENV",{"_217":218,"_219":220,"_221":95,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Comfort on board

Trusted routes across Kenya

Pay with M-Pesa

Popular Routes

Booking Submission

Boarding Point

Your Payment Information

Find My Ticket

About Promise Luxury

Contact Us

Diff · v8