react-component-kit-ui 0.0.0-stage → 0.1.0

package/dist/templates/saas-hotel.js

@@ -0,0 +1,540 @@
+"use client";
+import { jsx as t, Fragment as c, jsxs as a } from "react/jsx-runtime";
+import { useRef as R, useEffect as x } from "react";
+/* empty css                        */
+import { A as G, a as W, c as F, P as h, b as O, R as U, D as T, H as $, G as q, S as w, e as v, T as z, d as J } from "../chunks/AuthCard-BkWHMFho.js";
+import { H as V, L as Y, a as K, b as j, S as Q, P as Z, T as X, F as ee } from "../chunks/LogoWallGrid-BEpsn1Gt.js";
+import { F as te } from "../chunks/FooterMegaSection-DG1qtKuZ.js";
+import { K as f, a as ae, H as ie } from "../chunks/StackedAreaChart-DF1-3rDG.js";
+import { G as re, P as ne, b as oe, S as L, F as se, H as le, a as ce, M as de } from "../chunks/SegmentedBarChart-DEBZURnS.js";
+import { S as ue } from "../chunks/StatusTimelineFeed-BRYwz08g.js";
+import { A as k, M as S } from "../chunks/AnimatedInput-Dt37HZSs.js";
+const u = {
+  landing: "/",
+  signIn: "/sign-in/",
+  dashboard: "/app/",
+  reservations: "/app/reservations/",
+  rooms: "/app/rooms/",
+  guests: "/app/guests/",
+  reports: "/app/reports/",
+  settings: "/app/settings/"
+}, C = [
+  ["Elena Duarte", "Spain"],
+  ["James Whitfield", "UK"],
+  ["Aiko Tanaka", "Japan"],
+  ["Marco Bellini", "Italy"],
+  ["Sofía Ramos", "Mexico"],
+  ["Hans Müller", "Germany"],
+  ["Priya Nair", "India"],
+  ["The Okafor family", "Nigeria"],
+  ["Chloé Martin", "France"],
+  ["Tom Becker", "Austria"],
+  ["Ana Costa", "Portugal"],
+  ["Liam O’Connor", "Ireland"],
+  ["Mei Chen", "Singapore"],
+  ["Lucas Silva", "Brazil"],
+  ["Nora Lindqvist", "Sweden"],
+  ["David Cohen", "USA"]
+], D = ["Direct", "Booking.com", "Expedia", "Airbnb", "Direct", "Booking.com"], me = { Standard: 118, Deluxe: 176, Suite: 312 }, P = [
+  ...["101", "102", "103", "104", "105", "106"].map((e) => ({ id: e, name: e, type: "Standard", floor: "Floor 1" })),
+  ...["201", "202", "203", "204", "205", "206"].map((e) => ({ id: e, name: e, type: "Deluxe", floor: "Floor 2" })),
+  ...["301", "302", "303", "304"].map((e) => ({ id: e, name: e, type: "Suite", floor: "Floor 3" }))
+];
+function he(e, r) {
+  const n = /* @__PURE__ */ new Date();
+  n.setUTCHours(0, 0, 0, 0), n.setUTCDate(n.getUTCDate() - 1);
+  const i = new Intl.DateTimeFormat(r, { weekday: "short", day: "numeric", timeZone: "UTC" }), o = [], s = [];
+  for (let l = 0; l < e; l++) {
+    const d = new Date(n);
+    d.setUTCDate(n.getUTCDate() + l), o.push(i.format(d).replace(",", "")), s.push(d.toISOString().slice(0, 10));
+  }
+  return { labels: o, iso: s };
+}
+const M = "en-GB", y = he(14, M), be = [
+  ["101", 0, 3, "checked-in"],
+  ["101", 4, 2, "confirmed"],
+  ["101", 8, 4, "pending"],
+  ["102", 1, 5, "confirmed"],
+  ["102", 7, 3, "confirmed"],
+  ["103", 0, 2, "checked-in"],
+  ["103", 3, 6, "confirmed"],
+  ["104", 2, 2, "blocked"],
+  ["104", 5, 4, "confirmed"],
+  ["105", 0, 4, "checked-in"],
+  ["105", 6, 3, "pending"],
+  ["105", 10, 3, "confirmed"],
+  ["106", 1, 2, "confirmed"],
+  ["106", 4, 5, "confirmed"],
+  ["201", 0, 6, "checked-in"],
+  ["201", 7, 2, "confirmed"],
+  ["202", 2, 3, "confirmed"],
+  ["202", 6, 5, "pending"],
+  ["203", 0, 1, "checked-in"],
+  ["203", 3, 4, "confirmed"],
+  ["203", 9, 3, "confirmed"],
+  ["204", 1, 3, "confirmed"],
+  ["204", 5, 2, "blocked"],
+  ["205", 0, 3, "checked-in"],
+  ["205", 4, 4, "confirmed"],
+  ["206", 2, 6, "confirmed"],
+  ["301", 1, 6, "confirmed"],
+  ["301", 9, 3, "pending"],
+  ["302", 0, 2, "checked-in"],
+  ["302", 4, 4, "confirmed"],
+  ["303", 3, 3, "confirmed"],
+  ["304", 0, 5, "checked-in"],
+  ["304", 8, 4, "confirmed"]
+], A = be.map(([e, r, n, i], o) => {
+  const [s] = C[o % C.length];
+  return { room: e, guest: i === "blocked" ? "Maintenance" : s, start: r, nights: n, status: i, ref: i === "blocked" ? void 0 : `MR-${2810 + o}`, channel: i === "blocked" ? void 0 : D[o % D.length] };
+}), pe = (e, r) => e === "checked-in" ? "Checked in" : e === "pending" ? "Pending" : r % 9 === 4 ? "Cancelled" : "Confirmed", ge = A.filter((e) => e.status !== "blocked").map((e, r) => {
+  const n = P.find((o) => o.id === e.room), i = pe(e.status, r);
+  return {
+    ref: e.ref,
+    guest: { name: e.guest, sub: e.channel },
+    room: `${n.name} · ${n.type}`,
+    checkIn: y.iso[e.start],
+    nights: e.nights,
+    status: i,
+    total: i === "Cancelled" ? 0 : e.nights * me[n.type]
+  };
+}), fe = P.map((e, r) => {
+  const n = A.find((s) => s.room === e.id && s.status === "checked-in"), i = ["clean", "dirty", "inspecting", "clean", "dirty"];
+  if (e.id === "104") return { number: e.name, floor: e.floor, type: e.type, status: "ooo", note: "Plumbing repair" };
+  if (n) return { number: e.name, floor: e.floor, type: e.type, status: "occupied", guest: n.guest.split(" ").slice(-1)[0] };
+  const o = i[r % i.length];
+  return { number: e.name, floor: e.floor, type: e.type, status: o, assignee: o !== "clean" ? ["Rosa", "Luis", "Inés"][r % 3] : void 0 };
+}), ye = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], m = {
+  product: "Lobby",
+  workspace: { name: "Hotel Mirador", plan: "Pro plan", initials: "HM" },
+  user: { name: "Lucía Ortega", role: "General manager", email: "lucia@mirador.com" },
+  currency: "EUR",
+  locale: M,
+  days: y.labels,
+  rooms: P,
+  bookings: A,
+  reservations: ge,
+  housekeeping: fe,
+  kpis: [
+    { label: "Occupancy", value: "84%", change: 6.2, trend: [62, 66, 70, 68, 74, 78, 80, 84] },
+    { label: "ADR", value: "€168", change: 3.4, trend: [150, 152, 158, 155, 160, 162, 165, 168] },
+    { label: "RevPAR", value: "€141", change: 9.1, trend: [98, 104, 110, 106, 118, 124, 132, 141] },
+    { label: "Cancellations", value: "3.1%", change: -1.2, invert: !0, trend: [5, 4.6, 4.8, 4.1, 3.9, 3.6, 3.4, 3.1] }
+  ],
+  revenue: {
+    categories: ["W1", "W2", "W3", "W4", "W5", "W6", "W7", "W8", "W9", "W10", "W11", "W12"],
+    series: [
+      { name: "Rooms", data: [38, 41, 39, 44, 47, 52, 49, 55, 58, 61, 57, 64] },
+      { name: "F&B", data: [9, 10, 9, 11, 12, 13, 12, 14, 15, 16, 15, 17] },
+      { name: "Spa & extras", data: [4, 4, 5, 5, 6, 6, 6, 7, 7, 8, 8, 9] }
+    ]
+  },
+  occupancyByType: {
+    categories: ye.slice(4, 11),
+    series: [
+      { name: "Standard", data: [72, 78, 88, 91, 84, 76, 81] },
+      { name: "Deluxe", data: [64, 71, 85, 89, 79, 70, 77] },
+      { name: "Suite", data: [48, 55, 74, 80, 66, 58, 63] }
+    ]
+  },
+  channels: [
+    { label: "Direct", value: 38 },
+    { label: "Booking.com", value: 31 },
+    { label: "Expedia", value: 17 },
+    { label: "Airbnb", value: 9 },
+    { label: "Corporate", value: 5 }
+  ],
+  forecast: {
+    categories: ["Oct 28", "Oct 31", "Nov 3", "Nov 6", "Nov 9", "Nov 12", "Nov 15", "Nov 18", "Nov 21", "Nov 24"],
+    actual: [71, 74, 80, 84],
+    forecast: [84, 82, 79, 86, 91, 88, 76, 72]
+  },
+  pace: {
+    rows: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
+    columns: ["0–7d", "8–14d", "15–30d", "31–60d", "61–90d", "90d+"],
+    values: [
+      [12, 9, 14, 8, 4, 2],
+      [10, 8, 12, 7, 3, 2],
+      [11, 10, 13, 9, 4, 3],
+      [14, 12, 15, 10, 6, 3],
+      [22, 18, 20, 14, 9, 5],
+      [26, 21, 22, 16, 10, 6],
+      [15, 11, 12, 8, 5, 3]
+    ]
+  },
+  funnel: [
+    { label: "Website visits", value: 18400 },
+    { label: "Searched dates", value: 7350 },
+    { label: "Viewed rooms", value: 3920 },
+    { label: "Started booking", value: 1180 },
+    { label: "Booked", value: 612 }
+  ],
+  segments: [
+    { label: "Leisure", value: 46 },
+    { label: "Business", value: 28 },
+    { label: "Groups", value: 14 },
+    { label: "Long stay", value: 12 }
+  ],
+  arrivals: [
+    { guest: "Elena Duarte", room: "204", time: "14:00", nights: 3, vip: !0, note: "Anniversary, late arrival" },
+    { guest: "Aiko Tanaka", room: "102", time: "15:30", nights: 5 },
+    { guest: "The Okafor family", room: "301", time: "16:00", nights: 6, note: "Baby cot", done: !0 },
+    { guest: "David Cohen", room: "106", time: "18:45", nights: 2 }
+  ],
+  departures: [
+    { guest: "Hans Müller", room: "203", time: "11:00", balance: "€0", done: !0 },
+    { guest: "Priya Nair", room: "302", time: "12:00", balance: "€48" },
+    { guest: "Lucas Silva", room: "105", time: "12:00", balance: "€0" }
+  ],
+  inHouse: [
+    { guest: "James Whitfield", room: "201", until: y.labels[6] },
+    { guest: "Mei Chen", room: "304", until: y.labels[5] },
+    { guest: "Nora Lindqvist", room: "205", until: y.labels[3] }
+  ],
+  activity: [
+    { title: "Check-in completed", desc: "The Okafor family · Suite 301", time: "09:42", status: "done" },
+    { title: "Payment captured", desc: "MR-2840 · €890 · Visa", time: "09:15", status: "done" },
+    { title: "Room 104 out of order", desc: "Plumbing — technician on site", time: "08:50", status: "active" },
+    { title: "Rate update pushed", desc: "Weekend +8% on all channels", time: "08:05", status: "pending" }
+  ],
+  notifications: [
+    { title: "New booking from Booking.com", text: "Deluxe King · 3 nights · €528", time: "2 min ago", unread: !0, tone: "success" },
+    { title: "Room 104 out of order", text: "Plumbing repair scheduled", time: "1 h ago", unread: !0, tone: "warning" },
+    { title: "Weekly report ready", text: "Occupancy up 6.2% vs last week", time: "Yesterday", tone: "info" }
+  ],
+  guests: C.slice(0, 12).map(([e, r], n) => ({
+    guest: { name: e, sub: `${e.toLowerCase().replace(/[^a-z]+/g, ".").replace(/^\.|\.$/g, "")}@mail.com` },
+    country: r,
+    stays: [7, 3, 1, 2, 4, 9, 1, 2, 5, 1, 3, 6][n],
+    spend: [4820, 2140, 476, 980, 1730, 6120, 290, 1880, 2410, 340, 1290, 3980][n],
+    tier: ["Gold", "Silver", "Member", "Member", "Silver", "Platinum", "Member", "Silver", "Gold", "Member", "Silver", "Gold"][n],
+    tags: [["VIP", "Anniversary"], ["Business"], ["First stay"], ["Repeat"], ["Spa"], ["VIP", "Long stay"], [], ["Family"], ["Business"], [], ["Repeat"], ["VIP"]][n]
+  })),
+  team: [
+    { name: "Lucía Ortega", email: "lucia@mirador.com", role: "Owner", status: "active", you: !0 },
+    { name: "Daniel Kim", email: "daniel@mirador.com", role: "Manager", status: "active" },
+    { name: "Rosa Jiménez", email: "rosa@mirador.com", role: "Housekeeping", status: "active" },
+    { name: "Omar Haddad", email: "omar@mirador.com", role: "Front desk", status: "invited" }
+  ]
+};
+function b({
+  title: e,
+  description: r,
+  current: n = "dashboard",
+  data: i = m,
+  routes: o = u,
+  theme: s = "light",
+  noindex: l = !0,
+  lang: d = "en",
+  children: E
+}) {
+  const B = i.reservations.filter((p) => p.status === "Pending").length, I = i.housekeeping.filter((p) => p.status === "dirty").length, H = [
+    { items: [
+      { label: "Dashboard", href: o.dashboard, icon: "dashboard" },
+      { label: "Reservations", href: o.reservations, icon: "calendar", badge: B || void 0 },
+      { label: "Rooms", href: o.rooms, icon: "bed", badge: I || void 0 },
+      { label: "Guests", href: o.guests, icon: "users" }
+    ] },
+    { label: "Insights", items: [{ label: "Reports", href: o.reports, icon: "chart" }] },
+    { label: "Workspace", items: [{ label: "Settings", href: o.settings, icon: "settings" }] }
+  ], _ = o[n], N = R(!1);
+  return x(() => {
+    if (N.current) return;
+    N.current = !0, document.documentElement.hasAttribute("lang") || document.documentElement.setAttribute("lang", String(d)), document.documentElement.classList.add(..."theme-lobby".split(/\s+/).filter(Boolean)), document.documentElement.hasAttribute("data-theme") || document.documentElement.setAttribute("data-theme", String(s === "auto" ? "light" : s)), document.body.classList.add(..."lobby".split(/\s+/).filter(Boolean));
+    const { initial: p } = { initial: s };
+    (function() {
+      var g = p;
+      try {
+        g = localStorage.getItem("ack-theme") || g;
+      } catch {
+      }
+      g === "auto" && (g = matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), document.documentElement.dataset.theme = g;
+    })();
+  }, []), /* @__PURE__ */ t(c, { children: /* @__PURE__ */ a(c, { children: [
+    /* @__PURE__ */ a(c, { children: [
+      /* @__PURE__ */ t("title", { children: `${e} · ${i.workspace.name} — ${i.product}` }),
+      r && /* @__PURE__ */ t("meta", { name: "description", content: r }),
+      l && /* @__PURE__ */ t("meta", { name: "robots", content: "noindex, follow" })
+    ] }),
+    /* @__PURE__ */ a(c, { children: [
+      /* @__PURE__ */ t("a", { className: "lobby__skip", href: "#main", children: "Skip to content" }),
+      /* @__PURE__ */ a("div", { className: "lobby__shell", children: [
+        /* @__PURE__ */ t(G, { workspace: i.workspace, groups: H, currentHref: _, promo: { title: "Channel manager", text: "4 of 5 channels in sync", href: o.settings, cta: "Connect Airbnb", progress: 80 } }),
+        /* @__PURE__ */ a("div", { className: "lobby__main", children: [
+          /* @__PURE__ */ t(W, { notifications: i.notifications, user: i.user, userLinks: [{ label: "Your profile", href: o.settings }, { label: "Team & billing", href: `${o.settings}#team` }], signOutHref: o.signIn }),
+          /* @__PURE__ */ t("main", { id: "main", className: "lobby__content", tabIndex: -1, children: E })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function Te({ routes: e = u, theme: r = "light", noindex: n = !1 }) {
+  const i = R(!1);
+  return x(() => {
+    var s;
+    if (i.current) return;
+    i.current = !0, document.documentElement.hasAttribute("lang") || document.documentElement.setAttribute("lang", "en"), document.documentElement.classList.add(..."theme-lobby".split(/\s+/).filter(Boolean)), document.documentElement.hasAttribute("data-theme") || document.documentElement.setAttribute("data-theme", String(r === "auto" ? "light" : r)), document.body.classList.add(..."lobby lobby--site".split(/\s+/).filter(Boolean));
+    const { initial: o } = { initial: r };
+    (function() {
+      var l = o;
+      try {
+        l = localStorage.getItem("ack-theme") || l;
+      } catch {
+      }
+      l === "auto" && (l = matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), document.documentElement.dataset.theme = l;
+    })(), (s = document.querySelector("[data-site-theme]")) == null || s.addEventListener("click", () => {
+      const l = document.documentElement, d = l.dataset.theme === "light" ? "dark" : "light";
+      l.dataset.theme = d;
+      try {
+        window.localStorage.setItem("ack-theme", d);
+      } catch {
+      }
+    });
+  }, []), /* @__PURE__ */ t(c, { children: /* @__PURE__ */ a(c, { children: [
+    /* @__PURE__ */ a(c, { children: [
+      /* @__PURE__ */ t("title", { "data-rk-757ecd": "", children: "Lobby — the operating system for independent hotels" }),
+      /* @__PURE__ */ t("meta", { name: "description", content: "Reservations, housekeeping, guest CRM and revenue reports in one calm workspace. Built for independent hotels.", "data-rk-757ecd": "" }),
+      n && /* @__PURE__ */ t("meta", { name: "robots", content: "noindex, follow", "data-rk-757ecd": "" })
+    ] }),
+    /* @__PURE__ */ a(c, { children: [
+      /* @__PURE__ */ t("a", { className: "lobby__skip", href: "#main", "data-rk-757ecd": "", children: "Skip to content" }),
+      /* @__PURE__ */ t("header", { className: "site-nav", "data-rk-757ecd": "", children: /* @__PURE__ */ a("div", { className: "site-nav__inner", "data-rk-757ecd": "", children: [
+        /* @__PURE__ */ a("a", { className: "site-nav__brand", href: e.landing, "data-rk-757ecd": "", children: [
+          /* @__PURE__ */ t("span", { "aria-hidden": "true", "data-rk-757ecd": "", children: "L" }),
+          "Lobby"
+        ] }),
+        /* @__PURE__ */ t("nav", { "aria-label": "Main", "data-rk-757ecd": "", children: /* @__PURE__ */ a("ul", { "data-rk-757ecd": "", children: [
+          /* @__PURE__ */ t("li", { "data-rk-757ecd": "", children: /* @__PURE__ */ t("a", { href: "#features", "data-rk-757ecd": "", children: "Product" }) }),
+          /* @__PURE__ */ t("li", { "data-rk-757ecd": "", children: /* @__PURE__ */ t("a", { href: "#how", "data-rk-757ecd": "", children: "How it works" }) }),
+          /* @__PURE__ */ t("li", { "data-rk-757ecd": "", children: /* @__PURE__ */ t("a", { href: "#pricing", "data-rk-757ecd": "", children: "Pricing" }) }),
+          /* @__PURE__ */ t("li", { "data-rk-757ecd": "", children: /* @__PURE__ */ t("a", { href: "#faq", "data-rk-757ecd": "", children: "FAQ" }) })
+        ] }) }),
+        /* @__PURE__ */ a("div", { className: "site-nav__cta", "data-rk-757ecd": "", children: [
+          /* @__PURE__ */ t("button", { type: "button", className: "site-nav__theme", "aria-label": "Switch theme", "data-site-theme": !0, "data-rk-757ecd": "", children: /* @__PURE__ */ a("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", "data-rk-757ecd": "", children: [
+            /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "8", "data-rk-757ecd": "" }),
+            /* @__PURE__ */ t("path", { d: "M12 4a8 8 0 0 1 0 16z", fill: "currentColor", "data-rk-757ecd": "" })
+          ] }) }),
+          /* @__PURE__ */ t("a", { className: "site-nav__link", href: e.signIn, "data-rk-757ecd": "", children: "Sign in" }),
+          /* @__PURE__ */ t("a", { className: "site-nav__btn", href: e.dashboard, "data-rk-757ecd": "", children: "Open demo" })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ a("main", { id: "main", tabIndex: -1, "data-rk-757ecd": "", children: [
+        /* @__PURE__ */ t(V, { badge: "New · AI rate suggestions", title: "The calm way to run an independent hotel", subtitle: "Reservations, housekeeping, guest profiles and revenue reports in one workspace your whole team will actually enjoy using.", primary: { label: "Start free trial", href: e.signIn }, secondary: { label: "Explore the demo", href: e.dashboard }, variant: "browser", "data-rk-757ecd": "" }),
+        /* @__PURE__ */ t(Y, { title: "Trusted by 2,400+ independent hotels", columns: 6, variant: "plain", logos: [{ name: "Casa Mirador" }, { name: "Hotel Alba" }, { name: "The Linden" }, { name: "Nordlys Inn" }, { name: "Villa Sole" }, { name: "Harbour House" }] }),
+        /* @__PURE__ */ t("div", { id: "features", "data-rk-757ecd": "", children: /* @__PURE__ */ t(K, { eyebrow: "Everything in one place", title: "Built for the front desk, loved by the back office", subtitle: "Replace spreadsheets, sticky notes and three logins with one fast, accessible workspace.", columns: 3, features: [
+          { icon: "layers", title: "Room rack", text: "Drag-free tape chart for the next 90 days with live occupancy per night." },
+          { icon: "users", title: "Guest CRM", text: "Preferences, stays and notes follow every guest — across every channel." },
+          { icon: "sparkles", title: "Housekeeping board", text: "Clean, dirty, inspecting: rooms update in real time on any device." },
+          { icon: "chart", title: "Revenue reports", text: "Forecasts, booking pace and channel mix without exporting a single CSV." },
+          { icon: "globe", title: "Channel manager", text: "Booking.com, Expedia and Airbnb in sync — no more overbookings." },
+          { icon: "shield", title: "Secure by default", text: "Role-based access, audit log and PCI-compliant payments." }
+        ] }) }),
+        /* @__PURE__ */ t("div", { id: "how", "data-rk-757ecd": "", children: /* @__PURE__ */ t(j, { eyebrow: "Up and running in a day", title: "From signup to first check-in", steps: [
+          { title: "Import your rooms", text: "Upload your room list or connect your current PMS — we map types and rates for you.", time: "10 min" },
+          { title: "Connect your channels", text: "Link Booking.com, Expedia and your website booking engine in a few clicks.", time: "20 min" },
+          { title: "Invite your team", text: "Give front desk, housekeeping and managers exactly the access they need.", time: "5 min" }
+        ], cta: { label: "Start your free trial", href: e.signIn } }) }),
+        /* @__PURE__ */ t(Q, { title: "What hotels see after three months", stats: [
+          { value: 9, prefix: "+", suffix: "%", label: "occupancy" },
+          { value: 38, suffix: "%", label: "less admin time" },
+          { value: 2.4, prefix: "+€", suffix: "k", decimals: 1, label: "direct revenue / month" },
+          { value: 4.9, suffix: "/5", decimals: 1, label: "support rating" }
+        ] }),
+        /* @__PURE__ */ t("div", { id: "pricing", "data-rk-757ecd": "", children: /* @__PURE__ */ t(Z, { title: "Simple pricing, per property", subtitle: "All plans include unlimited reservations, guest profiles and support in your language.", currency: "€", plans: [
+          { name: "Starter", monthly: 69, yearly: 55, description: "Up to 15 rooms", features: ["Room rack & reservations", "Housekeeping board", "Guest CRM", "2 channels"], cta: "Start free", href: e.signIn },
+          { name: "Pro", monthly: 149, yearly: 119, description: "Up to 50 rooms", features: ["Everything in Starter", "Revenue reports", "5 channels", "Team roles & audit log"], cta: "Start free trial", href: e.signIn, featured: !0 },
+          { name: "Business", monthly: 299, yearly: 239, description: "Unlimited rooms", features: ["Everything in Pro", "Multi-property", "API & webhooks", "Dedicated success manager"], cta: "Talk to sales", href: "#" }
+        ] }) }),
+        /* @__PURE__ */ t(X, { title: "Hoteliers on Lobby", items: [
+          { quote: "We replaced three tools with Lobby. Check-in takes half the time and occupancy is up 9% this season.", name: "Lucía Ortega", role: "GM, Hotel Mirador", rating: 5 },
+          { quote: "Housekeeping finally knows which rooms to prioritise. No more radio calls.", name: "Rosa Jiménez", role: "Head of housekeeping, Casa Alba", rating: 5 },
+          { quote: "The reports alone paid for the subscription in the first month.", name: "Daniel Kim", role: "Revenue manager, The Linden", rating: 5 }
+        ] }),
+        /* @__PURE__ */ t("div", { id: "faq", "data-rk-757ecd": "", children: /* @__PURE__ */ t(ee, { title: "Questions, answered", subtitle: "Can’t find what you need? Our team replies in under 2 hours.", support: { label: "Contact support", href: "#" }, items: [
+          { q: "Can I migrate from my current PMS?", a: "Yes. We import rooms, rates, future reservations and guest profiles from the most common systems at no cost." },
+          { q: "Do you charge per booking?", a: "No commissions, ever. You pay a flat monthly price per property." },
+          { q: "Does it work on tablets and phones?", a: "Every screen is responsive and accessible, so housekeeping can update rooms from any device." },
+          { q: "Is my data safe?", a: "Data is encrypted at rest and in transit, hosted in the EU, with daily backups and role-based access." }
+        ] }) })
+      ] }),
+      /* @__PURE__ */ t(te, { brand: "Lobby", tagline: "The calm operating system for independent hotels.", columns: [
+        { title: "Product", links: [{ label: "Room rack", href: "#features" }, { label: "Housekeeping", href: "#features" }, { label: "Reports", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+        { title: "Company", links: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#" }] },
+        { title: "Resources", links: [{ label: "Help center", href: "#" }, { label: "API docs", href: "#" }, { label: "Status", href: "#" }] },
+        { title: "Legal", links: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "DPA", href: "#" }] }
+      ], copyright: `© ${(/* @__PURE__ */ new Date()).getFullYear()} Lobby. Demo template built with React Components Kit.` })
+    ] })
+  ] }) });
+}
+function Le({ mode: e = "signin", routes: r = u, theme: n = "light", noindex: i = !0 }) {
+  const o = R(!1);
+  return x(() => {
+    if (o.current) return;
+    o.current = !0, document.documentElement.hasAttribute("lang") || document.documentElement.setAttribute("lang", "en"), document.documentElement.classList.add(..."theme-lobby".split(/\s+/).filter(Boolean)), document.documentElement.hasAttribute("data-theme") || document.documentElement.setAttribute("data-theme", String(n === "auto" ? "light" : n)), document.body.classList.add(..."lobby".split(/\s+/).filter(Boolean));
+    const { initial: s } = { initial: n };
+    (function() {
+      var l = s;
+      try {
+        l = localStorage.getItem("ack-theme") || l;
+      } catch {
+      }
+      l === "auto" && (l = matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), document.documentElement.dataset.theme = l;
+    })();
+  }, []), /* @__PURE__ */ t(c, { children: /* @__PURE__ */ a(c, { children: [
+    /* @__PURE__ */ a(c, { children: [
+      /* @__PURE__ */ a("title", { children: [
+        e === "signin" ? "Sign in" : "Start your free trial",
+        " — Lobby"
+      ] }),
+      i && /* @__PURE__ */ t("meta", { name: "robots", content: "noindex, follow" })
+    ] }),
+    /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t("main", { children: /* @__PURE__ */ t(F, { mode: e, brand: "Lobby", successHref: r.dashboard, switchHref: r.landing }) }) })
+  ] }) });
+}
+function Me({ data: e = m, routes: r = u, theme: n = "light" }) {
+  const i = e.housekeeping.filter((s) => s.status === "occupied").length + e.arrivals.length, o = Math.min(100, Math.round(i / e.rooms.length * 100));
+  return /* @__PURE__ */ t(c, { children: /* @__PURE__ */ a(b, { title: "Dashboard", description: "Hotel performance at a glance", current: "dashboard", data: e, routes: r, theme: n, children: [
+    /* @__PURE__ */ t(h, { title: "Dashboard", description: `Good morning, ${e.user.name.split(" ")[0]} — here is what is happening at ${e.workspace.name} today.`, actions: [{ label: "Export", icon: "download" }, { label: "New booking", icon: "plus", primary: !0, href: r.reservations }], periods: ["Today", "7 days", "30 days", "Year"], activePeriod: 2 }),
+    /* @__PURE__ */ t("div", { className: "lobby-grid lobby-grid--kpis", children: e.kpis.map((s, l) => /* @__PURE__ */ t(f, { label: s.label, value: s.value, change: s.change, invert: s.invert, trend: s.trend, period: "vs last month", variant: "solid" }, l)) }),
+    /* @__PURE__ */ a("div", { className: "lobby-grid lobby-grid--2-1", children: [
+      /* @__PURE__ */ t(ae, { title: "Revenue by department", subtitle: "Weekly, in € thousands", categories: e.revenue.categories, series: e.revenue.series, prefix: "€", suffix: "k", variant: "solid", height: 260 }),
+      /* @__PURE__ */ t(re, { prefix: "", title: "Tonight", subtitle: `${i} of ${e.rooms.length} rooms sold`, value: o, max: 100, label: "Occupancy", suffix: "%", variant: "solid" })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "lobby-grid lobby-grid--1-1", children: [
+      /* @__PURE__ */ t(O, { arrivals: e.arrivals, departures: e.departures, inHouse: e.inHouse }),
+      /* @__PURE__ */ t(ne, { prefix: "", title: "Bookings by channel", subtitle: "Share of room nights, last 30 days", slices: e.channels, donut: !0, centerLabel: "Direct 38%", suffix: "%", variant: "solid" })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "lobby-grid lobby-grid--2-1", children: [
+      /* @__PURE__ */ t(oe, { prefix: "", title: "Occupancy by room type", subtitle: "May – Nov", categories: e.occupancyByType.categories, series: e.occupancyByType.series, suffix: "%", variant: "solid", height: 240 }),
+      /* @__PURE__ */ a("section", { className: "lobby-card", "aria-labelledby": "activity-title", children: [
+        /* @__PURE__ */ t("h2", { id: "activity-title", className: "lobby-card__title", children: "Live activity" }),
+        /* @__PURE__ */ t(ue, { events: e.activity })
+      ] })
+    ] })
+  ] }) });
+}
+function Ee({ data: e = m, routes: r = u, theme: n = "light" }) {
+  const i = (o) => e.reservations.filter((s) => s.status === o).length;
+  return /* @__PURE__ */ t(c, { children: /* @__PURE__ */ a(b, { title: "Reservations", current: "reservations", data: e, routes: r, theme: n, children: [
+    /* @__PURE__ */ t(h, { title: "Reservations", description: `${e.reservations.length} bookings in the next 14 days · ${i("Pending")} waiting for confirmation`, breadcrumb: [{ label: e.workspace.name, href: r.dashboard }, { label: "Reservations" }], actions: [{ label: "Import", icon: "download" }, { label: "New booking", icon: "plus", primary: !0 }], periods: [] }),
+    /* @__PURE__ */ t(U, { days: e.days, today: 1, rooms: e.rooms, bookings: e.bookings }),
+    /* @__PURE__ */ t(T, { id: "reservations", title: "All reservations", rows: e.reservations, searchPlaceholder: "Search guest, booking or room…", bulkActions: ["Send confirmation", "Export CSV", "Assign rooms"], pageSize: 8, currency: e.currency, locale: e.locale })
+  ] }) });
+}
+function Be({ data: e = m, routes: r = u, theme: n = "light" }) {
+  const i = (s) => e.housekeeping.filter((l) => l.status === s).length, o = Array.from(new Set(e.rooms.map((s) => s.type))).map((s) => ({ label: s, value: e.rooms.filter((l) => l.type === s).length }));
+  return /* @__PURE__ */ t(c, { children: /* @__PURE__ */ a(b, { title: "Rooms", current: "rooms", data: e, routes: r, theme: n, children: [
+    /* @__PURE__ */ t(h, { title: "Rooms & housekeeping", description: "Tap a dirty room to move it to inspection, then to clean.", breadcrumb: [{ label: e.workspace.name, href: r.dashboard }, { label: "Rooms" }], actions: [{ label: "Assign tasks", icon: "broom" }, { label: "Block room", icon: "door", primary: !0 }], periods: [] }),
+    /* @__PURE__ */ a("div", { className: "lobby-grid lobby-grid--kpis", children: [
+      /* @__PURE__ */ t(f, { label: "Ready to sell", value: String(i("clean")), change: 12, period: "vs yesterday", variant: "solid", size: "sm" }),
+      /* @__PURE__ */ t(f, { label: "To clean", value: String(i("dirty")), change: -8, invert: !0, period: "vs yesterday", variant: "solid", size: "sm" }),
+      /* @__PURE__ */ t(f, { label: "Occupied", value: String(i("occupied")), change: 4, period: "vs yesterday", variant: "solid", size: "sm" }),
+      /* @__PURE__ */ t(f, { label: "Out of order", value: String(i("ooo")), change: 0, invert: !0, period: "vs yesterday", variant: "solid", size: "sm" })
+    ] }),
+    /* @__PURE__ */ t(L, { title: "Inventory by room type", segments: o, total: `${e.rooms.length} rooms`, suffix: " rooms", variant: "solid" }),
+    /* @__PURE__ */ t($, { rooms: e.housekeeping, title: "Room board" })
+  ] }) });
+}
+function Ie({ data: e = m, routes: r = u, theme: n = "light" }) {
+  const i = e.guests[0];
+  return /* @__PURE__ */ t(c, { children: /* @__PURE__ */ a(b, { title: "Guests", current: "guests", data: e, routes: r, theme: n, children: [
+    /* @__PURE__ */ t(h, { title: "Guests", description: `${e.guests.length} profiles · ${e.guests.filter((o) => o.tier === "Gold" || o.tier === "Platinum").length} loyalty members`, breadcrumb: [{ label: e.workspace.name, href: r.dashboard }, { label: "Guests" }], actions: [{ label: "Export", icon: "download" }, { label: "Add guest", icon: "plus", primary: !0 }], periods: [] }),
+    /* @__PURE__ */ a("div", { className: "lobby-grid lobby-grid--2-1", children: [
+      /* @__PURE__ */ t(T, { id: "guests", title: "Guest directory", columns: [
+        { key: "guest", label: "Guest", type: "person", sortable: !0 },
+        { key: "country", label: "Country", sortable: !0 },
+        { key: "tier", label: "Tier", type: "status" },
+        { key: "stays", label: "Stays", type: "number", align: "right", sortable: !0 },
+        { key: "spend", label: "Lifetime", type: "money", align: "right", sortable: !0 },
+        { key: "tags", label: "Tags", type: "tags" }
+      ], rows: e.guests, statusTones: { Platinum: "info", Gold: "warning", Silver: "default", Member: "default" }, filterKey: "tier", bulkActions: ["Send offer", "Export"], searchPlaceholder: "Search guests…", pageSize: 8, currency: e.currency, locale: e.locale }),
+      /* @__PURE__ */ t(q, { guest: { name: i.guest.name, email: i.guest.sub, phone: "+34 612 345 678", country: i.country, since: "Mar 2022" }, tier: i.tier, stats: [{ label: "Stays", value: String(i.stays) }, { label: "Nights", value: "19" }, { label: "Lifetime", value: `€${i.spend.toLocaleString("en-GB")}` }, { label: "Rating", value: "4.9" }] })
+    ] })
+  ] }) });
+}
+function He({ data: e = m, routes: r = u, theme: n = "light" }) {
+  return /* @__PURE__ */ t(c, { children: /* @__PURE__ */ a(b, { title: "Reports", current: "reports", data: e, routes: r, theme: n, children: [
+    /* @__PURE__ */ t(h, { title: "Reports", description: "Revenue, pace and conversion — updated every hour.", breadcrumb: [{ label: e.workspace.name, href: r.dashboard }, { label: "Reports" }], actions: [{ label: "Schedule", icon: "calendar" }, { label: "Download PDF", icon: "download", primary: !0 }], periods: ["30 days", "Quarter", "Year"], activePeriod: 0 }),
+    /* @__PURE__ */ t(se, { prefix: "", title: "Occupancy forecast", subtitle: "Actual vs. forecast with 90% confidence", categories: e.forecast.categories, actual: e.forecast.actual, forecast: e.forecast.forecast, suffix: "%", variant: "solid", height: 260 }),
+    /* @__PURE__ */ a("div", { className: "lobby-grid lobby-grid--1-1", children: [
+      /* @__PURE__ */ t(le, { title: "Booking pace", subtitle: "Rooms booked by arrival weekday and lead time", rows: e.pace.rows, columns: e.pace.columns, values: e.pace.values, showValues: !0, variant: "solid" }),
+      /* @__PURE__ */ t(ce, { title: "Direct booking funnel", subtitle: "Website, last 30 days", stages: e.funnel, variant: "solid" })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "lobby-grid lobby-grid--1-1", children: [
+      /* @__PURE__ */ t(L, { title: "Guest segments", segments: e.segments, total: "Room nights", suffix: "%", variant: "solid" }),
+      /* @__PURE__ */ t(ie, { title: "ADR by channel", items: [{ label: "Direct", value: 182 }, { label: "Corporate", value: 171 }, { label: "Booking.com", value: 164 }, { label: "Expedia", value: 158 }, { label: "Airbnb", value: 149 }], highlight: "Direct", prefix: "€", variant: "solid" })
+    ] }),
+    /* @__PURE__ */ t(de, { title: "Month over month", currentLabel: "October", previousLabel: "September", rows: [
+      { label: "Occupancy (%)", current: 84, previous: 79, trend: [70, 74, 79, 84] },
+      { label: "ADR (€)", current: 168, previous: 162, trend: [150, 158, 162, 168] },
+      { label: "RevPAR (€)", current: 141, previous: 128, trend: [105, 117, 128, 141] },
+      { label: "Cancellation rate (%)", current: 3.1, previous: 4.2, invert: !0, trend: [5.1, 4.8, 4.2, 3.1] }
+    ], variant: "solid" })
+  ] }) });
+}
+function _e({ data: e = m, routes: r = u, theme: n = "light" }) {
+  return /* @__PURE__ */ t(c, { children: /* @__PURE__ */ a(b, { title: "Settings", current: "settings", data: e, routes: r, theme: n, children: [
+    /* @__PURE__ */ t(h, { title: "Settings", description: "Manage your profile, property, team and billing.", breadcrumb: [{ label: e.workspace.name, href: r.dashboard }, { label: "Settings" }], actions: [], periods: [], tabs: [
+      { label: "Profile", href: "#profile" },
+      { label: "Property", href: "#property" },
+      { label: "Notifications", href: "#notifications" },
+      { label: "Team", href: "#team", count: e.team.length },
+      { label: "Billing", href: "#billing" }
+    ], currentTab: "#profile" }),
+    /* @__PURE__ */ a("div", { className: "settings", "data-rk-882bc7": "", children: [
+      /* @__PURE__ */ t("div", { id: "profile", "data-rk-882bc7": "", children: /* @__PURE__ */ a(w, { id: "set-profile", title: "Your profile", description: "How you appear to your team and in guest messages.", children: [
+        /* @__PURE__ */ a("div", { className: "settings__row", "data-rk-882bc7": "", children: [
+          /* @__PURE__ */ t(k, { label: "Full name", id: "set-name", name: "name", required: !0, autocomplete: "name", placeholder: " " }),
+          /* @__PURE__ */ t(k, { label: "Email", id: "set-email", name: "email", type: "email", required: !0, autocomplete: "email" })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "settings__row", "data-rk-882bc7": "", children: [
+          /* @__PURE__ */ t(k, { label: "Job title", id: "set-role", name: "role", autocomplete: "organization-title" }),
+          /* @__PURE__ */ t(S, { label: "Language", id: "set-lang", name: "lang", options: [{ label: "English", value: "en" }, { label: "Español", value: "es" }, { label: "Русский", value: "ru" }] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ t("div", { id: "property", "data-rk-882bc7": "", children: /* @__PURE__ */ a(w, { id: "set-property", title: "Property", description: "Details used on invoices, confirmations and your booking engine.", children: [
+        /* @__PURE__ */ a("div", { className: "settings__row", "data-rk-882bc7": "", children: [
+          /* @__PURE__ */ t(k, { label: "Property name", id: "set-prop", name: "property", required: !0 }),
+          /* @__PURE__ */ t(S, { label: "Currency", id: "set-cur", name: "currency", options: [{ label: "Euro (€)", value: "EUR" }, { label: "US dollar ($)", value: "USD" }, { label: "Pound (£)", value: "GBP" }] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "settings__row", "data-rk-882bc7": "", children: [
+          /* @__PURE__ */ t(S, { label: "Check-in time", id: "set-in", name: "checkin", options: [{ label: "14:00", value: "14" }, { label: "15:00", value: "15" }, { label: "16:00", value: "16" }] }),
+          /* @__PURE__ */ t(S, { label: "Check-out time", id: "set-out", name: "checkout", options: [{ label: "11:00", value: "11" }, { label: "12:00", value: "12" }] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ t("div", { id: "notifications", "data-rk-882bc7": "", children: /* @__PURE__ */ a(w, { id: "set-notes", title: "Notifications", description: "Choose what reaches your inbox and phone.", children: [
+        /* @__PURE__ */ t(v, { name: "n-bookings", label: "New bookings & cancellations", description: "Instant email for every change from any channel.", checked: !0 }),
+        /* @__PURE__ */ t(v, { name: "n-house", label: "Housekeeping alerts", description: "Push notification when a room is out of order.", checked: !0 }),
+        /* @__PURE__ */ t(v, { name: "n-reviews", label: "New guest reviews", description: "Daily digest at 9:00.", checked: !1 }),
+        /* @__PURE__ */ t(v, { name: "n-report", label: "Weekly performance report", description: "Occupancy, ADR and RevPAR every Monday.", checked: !0 })
+      ] }) }),
+      /* @__PURE__ */ a("div", { id: "team", className: "settings__block", "data-rk-882bc7": "", children: [
+        /* @__PURE__ */ a("div", { className: "settings__intro", "data-rk-882bc7": "", children: [
+          /* @__PURE__ */ t("h2", { "data-rk-882bc7": "", children: "Team" }),
+          /* @__PURE__ */ t("p", { "data-rk-882bc7": "", children: "Invite colleagues and choose what each role can see and do." })
+        ] }),
+        /* @__PURE__ */ t(z, { members: e.team, seats: 10 })
+      ] }),
+      /* @__PURE__ */ a("div", { id: "billing", className: "settings__block", "data-rk-882bc7": "", children: [
+        /* @__PURE__ */ a("div", { className: "settings__intro", "data-rk-882bc7": "", children: [
+          /* @__PURE__ */ t("h2", { "data-rk-882bc7": "", children: "Plan & billing" }),
+          /* @__PURE__ */ t("p", { "data-rk-882bc7": "", children: "Your subscription renews automatically. Change or cancel any time." })
+        ] }),
+        /* @__PURE__ */ t(J, { variant: "accent", upgrade: { label: "Upgrade to Business", href: r.landing + "#pricing" } })
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  b as AppLayout,
+  Me as DashboardPage,
+  Ie as GuestsPage,
+  Te as LandingPage,
+  He as ReportsPage,
+  Ee as ReservationsPage,
+  Be as RoomsPage,
+  _e as SettingsPage,
+  Le as SignInPage,
+  m as lobbyData,
+  u as saasRoutes
+};

package/dist/three.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { useRef as c, useEffect as s } from "react";
+function f({ className: n = "" }) {
+  const r = c(null);
+  return s(() => {
+    let e, t = !1;
+    return Promise.all([import("three"), import("./chunks/galaxy-scene-C854qLoX.js")]).then(([i, { mountGalaxy: l }]) => {
+      !t && r.current && (e = l(r.current, i));
+    }), () => {
+      t = !0, e == null || e();
+    };
+  }, []), /* @__PURE__ */ a("div", { className: `galaxy-3d-container ${n}`.trim(), "aria-hidden": "true", children: /* @__PURE__ */ a("canvas", { id: "galaxy-3d-canvas", ref: r }) });
+}
+export {
+  f as Galaxy3D
+};