@pylonsync/create-pylon 0.3.273 → 0.3.275

package/templates/local-service/components/ui/button.tsx

@@ -0,0 +1,56 @@
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
+
+import { cn } from "@/lib/utils";
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive:
+          "bg-destructive text-white hover:bg-destructive/90",
+        outline:
+          "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary:
+          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  },
+);
+
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean;
+}
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    );
+  },
+);
+Button.displayName = "Button";
+
+export { Button, buttonVariants };

package/templates/local-service/components/ui/card.tsx

@@ -0,0 +1,90 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Card({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
+  return (
+    <div
+      data-slot="card"
+      className={cn(
+        "rounded-xl border bg-card text-card-foreground shadow-sm",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function CardHeader({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) {
+  return (
+    <div
+      data-slot="card-header"
+      className={cn("flex flex-col space-y-1.5 p-6", className)}
+      {...props}
+    />
+  );
+}
+
+function CardTitle({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) {
+  return (
+    <div
+      data-slot="card-title"
+      className={cn("font-semibold leading-none tracking-tight", className)}
+      {...props}
+    />
+  );
+}
+
+function CardDescription({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) {
+  return (
+    <div
+      data-slot="card-description"
+      className={cn("text-sm text-muted-foreground", className)}
+      {...props}
+    />
+  );
+}
+
+function CardContent({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) {
+  return (
+    <div
+      data-slot="card-content"
+      className={cn("p-6 pt-0", className)}
+      {...props}
+    />
+  );
+}
+
+function CardFooter({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) {
+  return (
+    <div
+      data-slot="card-footer"
+      className={cn("flex items-center p-6 pt-0", className)}
+      {...props}
+    />
+  );
+}
+
+export {
+  Card,
+  CardHeader,
+  CardFooter,
+  CardTitle,
+  CardDescription,
+  CardContent,
+};

package/templates/local-service/components.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "app/globals.css",
+    "baseColor": "zinc",
+    "cssVariables": true
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

package/templates/local-service/functions/bookingsForOwner.ts

@@ -0,0 +1,30 @@
+import { query } from "@pylonsync/functions";
+import { emailMatchesOwner } from "../lib/owner";
+import type { BookingRow, OwnerBookingsResult } from "../lib/booking";
+
+// bookingsForOwner — the owner's view of every appointment, INCLUDING the
+// customer name/email/phone. This is the one function allowed to return that
+// PII, so it's gated to the configured owner (PYLON_OWNER_EMAIL via ctx.env).
+//
+// The dashboard calls it with `callFn` and re-fetches whenever the live, public
+// BookedSlot set changes — so new bookings + cancellations show up without a
+// refresh, while the contact details themselves never travel over entity sync.
+export default query({
+  auth: "user",
+  async handler(ctx): Promise<OwnerBookingsResult> {
+    const me = await ctx.db.get("User", ctx.auth.userId);
+    const email = (me?.email as string | undefined) ?? null;
+    if (!emailMatchesOwner(email, ctx.env.PYLON_OWNER_EMAIL)) {
+      return { authorized: false };
+    }
+
+    // Booking denies all client reads; the owner-only full list goes through
+    // the intentional cross-user read surface. Chronological by start.
+    const rows = (await ctx.db.unsafe.list("Booking")) as unknown as BookingRow[];
+    const bookings = rows
+      .map((r) => ({ ...r }))
+      .sort((a, b) => (a.startsAt < b.startsAt ? -1 : a.startsAt > b.startsAt ? 1 : 0));
+
+    return { authorized: true, bookings };
+  },
+});

package/templates/local-service/functions/cancelBooking.ts

@@ -0,0 +1,27 @@
+import { mutation, v } from "@pylonsync/functions";
+import { emailMatchesOwner } from "../lib/owner";
+
+// cancelBooking — owner-only. Marks the booking cancelled AND deletes its
+// BookedSlot projection, which FREES the time: the deletion syncs to every open
+// picker, so the slot becomes bookable again live.
+export default mutation<{ bookingId: string }, { ok: boolean }>({
+  auth: "user",
+  args: { bookingId: v.id("Booking") },
+  async handler(ctx, args) {
+    const me = await ctx.db.get("User", ctx.auth.userId);
+    if (!emailMatchesOwner(me?.email as string | undefined, ctx.env.PYLON_OWNER_EMAIL)) {
+      throw ctx.error("POLICY_DENIED", "Only the owner can manage bookings.");
+    }
+    await ctx.db.unsafe.update("Booking", args.bookingId, { status: "cancelled" });
+
+    // Free the slot — find the projection row pointing at this booking.
+    const slots = (await ctx.db.unsafe.list("BookedSlot")) as unknown as {
+      id: string;
+      bookingId: string;
+    }[];
+    const slot = slots.find((s) => s.bookingId === args.bookingId);
+    if (slot) await ctx.db.unsafe.delete("BookedSlot", slot.id);
+
+    return { ok: true };
+  },
+});

package/templates/local-service/functions/confirmBooking.ts

@@ -0,0 +1,18 @@
+import { mutation, v } from "@pylonsync/functions";
+import { emailMatchesOwner } from "../lib/owner";
+
+// confirmBooking — owner-only. Marks a pending booking confirmed. The BookedSlot
+// already exists (createBooking wrote it), so the time stays held. Mutations DO
+// have `ctx.error`, so the non-owner deny throws a typed error here.
+export default mutation<{ bookingId: string }, { ok: boolean }>({
+  auth: "user",
+  args: { bookingId: v.id("Booking") },
+  async handler(ctx, args) {
+    const me = await ctx.db.get("User", ctx.auth.userId);
+    if (!emailMatchesOwner(me?.email as string | undefined, ctx.env.PYLON_OWNER_EMAIL)) {
+      throw ctx.error("POLICY_DENIED", "Only the owner can manage bookings.");
+    }
+    await ctx.db.unsafe.update("Booking", args.bookingId, { status: "confirmed" });
+    return { ok: true };
+  },
+});

package/templates/local-service/functions/createBooking.ts

@@ -0,0 +1,98 @@
+import { mutation, v } from "@pylonsync/functions";
+import { siteConfig } from "../lib/site.config";
+import { rangesOverlap } from "../lib/slots";
+
+const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+
+// createBooking — the ONLY way a Booking + its BookedSlot projection are
+// written. It's a `mutation` (transactional, has `ctx.db`): one atomic write of
+// the PII Booking row plus the PII-free BookedSlot, and the BookedSlot insert
+// fires a change event that greys the slot out on every open picker in
+// realtime.
+//
+// `auth: "public"` — a visitor has no account. The server RE-CHECKS that the
+// slot is still free before inserting (the live UI mostly prevents collisions,
+// but two people can hit "book" within the same instant). A per-day advisory
+// lock serializes the check-then-insert so the re-check can't race — including
+// on Postgres, where mutations can otherwise interleave.
+//
+// PRIVACY: returns only `{ ok, reason? }` — never a booking row or anyone's
+// contact details.
+export default mutation<
+  {
+    serviceSlug: string;
+    startsAt: string;
+    customerName: string;
+    customerEmail: string;
+    customerPhone?: string;
+  },
+  { ok: boolean; reason?: "past" | "taken" | "invalid" }
+>({
+  auth: "public",
+  args: {
+    serviceSlug: v.string(),
+    startsAt: v.string(),
+    customerName: v.string(),
+    customerEmail: v.string(),
+    customerPhone: v.optional(v.string()),
+  },
+  async handler(ctx, args) {
+    const svc = siteConfig.services.items.find((s) => s.slug === args.serviceSlug);
+    if (!svc) throw ctx.error("INVALID_ARGS", "Unknown service.");
+
+    const name = args.customerName.trim();
+    const email = args.customerEmail.trim().toLowerCase();
+    const phone = args.customerPhone?.trim() || null;
+    if (name.length < 1 || name.length > 120) {
+      throw ctx.error("INVALID_ARGS", "Enter your name.");
+    }
+    if (!EMAIL_RE.test(email) || email.length > 254) {
+      throw ctx.error("INVALID_ARGS", "Enter a valid email address.");
+    }
+
+    const startMs = Date.parse(args.startsAt);
+    if (Number.isNaN(startMs)) return { ok: false, reason: "invalid" };
+    const endMs = startMs + svc.durationMin * 60_000;
+    const startsAt = new Date(startMs).toISOString();
+    const endsAt = new Date(endMs).toISOString();
+
+    // Must be far enough in the future.
+    const minStart = Date.now() + siteConfig.booking.leadTimeHours * 3_600_000;
+    if (startMs < minStart) return { ok: false, reason: "past" };
+
+    // Serialize the check-then-insert for this calendar day so two concurrent
+    // bookings can't both pass the overlap check. Held until this tx commits.
+    await ctx.db.advisoryLock(`booking_day:${startsAt.slice(0, 10)}`);
+
+    // Re-check overlap against existing busy slots (cross-user read → unsafe).
+    const busy = (await ctx.db.unsafe.list("BookedSlot")) as unknown as {
+      startsAt: string;
+      endsAt: string;
+    }[];
+    const conflict = busy.some((b) =>
+      rangesOverlap(startMs, endMs, Date.parse(b.startsAt), Date.parse(b.endsAt)),
+    );
+    if (conflict) return { ok: false, reason: "taken" };
+
+    // Booking denies all client access by policy; createBooking is the only
+    // writer, so these go through the trusted `unsafe` surface.
+    const bookingId = await ctx.db.unsafe.insert("Booking", {
+      serviceSlug: svc.slug,
+      startsAt,
+      endsAt,
+      customerName: name,
+      customerEmail: email,
+      customerPhone: phone,
+      status: "pending",
+      createdAt: new Date().toISOString(),
+    });
+    await ctx.db.unsafe.insert("BookedSlot", {
+      serviceSlug: svc.slug,
+      startsAt,
+      endsAt,
+      bookingId,
+    });
+
+    return { ok: true };
+  },
+});

package/templates/local-service/gitignore

@@ -0,0 +1,10 @@
+node_modules/
+.pylon/
+pylon.manifest.json
+pylon.client.ts
+web/dist/
+*.db
+*.db-*
+.env
+.env.local
+.DS_Store

package/templates/local-service/lib/booking.ts

@@ -0,0 +1,24 @@
+// Shape of a booking row as the owner dashboard sees it, shared by the server
+// query (functions/bookingsForOwner.ts) and the client view
+// (app/dashboard/dashboard-client.tsx). The client imports only the type, never
+// server code.
+
+export interface BookingRow {
+  id: string;
+  serviceSlug: string;
+  startsAt: string;
+  endsAt: string;
+  customerName: string;
+  customerEmail: string;
+  customerPhone?: string | null;
+  status: string; // "pending" | "confirmed" | "cancelled"
+  createdAt: string;
+}
+
+// bookingsForOwner returns a discriminated result rather than throwing on a
+// non-owner: a query has no `ctx.error`, and a bare throw reaches the client as
+// a stripped HANDLER_ERROR. A non-owner gets `{ authorized: false }` and NO
+// booking data.
+export type OwnerBookingsResult =
+  | { authorized: true; bookings: BookingRow[] }
+  | { authorized: false };

package/templates/local-service/lib/owner.ts

@@ -0,0 +1,26 @@
+// Who owns this waitlist? A waitlist is single-tenant — one business, one
+// owner — so ownership is just "the email the owner signs in with", configured
+// once via the PYLON_OWNER_EMAIL env var. The owner-only `waitlistStats`
+// function reads that env (via `ctx.env`) and compares it here.
+//
+// Fail closed: if PYLON_OWNER_EMAIL is unset, NOBODY is the owner and the
+// dashboard stays locked. That's deliberate — an unset owner on a public site
+// must not mean "everyone can read the signups". Set it in .env (see
+// .env.example) before signing in.
+
+export function normalizeOwner(raw: string | null | undefined): string | null {
+  const v = raw?.trim().toLowerCase();
+  return v && v.length > 0 ? v : null;
+}
+
+// Pure comparator — the caller supplies the configured owner value (from
+// `ctx.env.PYLON_OWNER_EMAIL`), so the rule lives in one place and stays
+// testable without reaching for the environment here.
+export function emailMatchesOwner(
+  email: string | null | undefined,
+  ownerRaw: string | null | undefined,
+): boolean {
+  const owner = normalizeOwner(ownerRaw);
+  if (!owner) return false;
+  return (email ?? "").trim().toLowerCase() === owner;
+}

package/templates/local-service/lib/site.config.ts

@@ -0,0 +1,232 @@
+// THE single source of truth for everything business-specific. Rebrand the
+// whole site — and reconfigure the booking engine — by editing this ONE file.
+// The landing page, layout, AND the createBooking server function all read from
+// here, so services, prices, weekly hours, and lead time stay in lockstep. The
+// create-pylon scaffolder and Mast target this file: a whole appointment site
+// is themed + configured by producing one typed object.
+//
+// Colors live here (applied as CSS variables on <html> in app/layout.tsx).
+//
+// Fictional demo copy — replace the values, keep the shape.
+
+/* ----------------------------- types ----------------------------- */
+
+export type Social = { label: string; href: string; path: string };
+
+export type BaseConfig = {
+  brand: {
+    name: string;
+    letter: string;
+    domain: string;
+    email: string;
+    footerBlurb: string;
+    copyrightName: string;
+    socials: Social[];
+  };
+  colors: { brand: string; brandSoft: string; paper: string };
+  seo: { title: string; description: string };
+};
+
+export type ServiceItem = {
+  slug: string;
+  name: string;
+  durationMin: number; // drives the booking slot length
+  price: string; // display only, e.g. "$35"
+  description?: string;
+};
+
+export type DayHours = { open: string; close: string } | null; // "09:00".."18:00"
+
+export type Review = { quote: string; name: string; rating?: number };
+export type Faq = { q: string; a: string };
+
+export type LocalServiceConfig = BaseConfig & {
+  hero: {
+    tagline: string;
+    headline: string;
+    subcopy: string;
+    ctaLabel: string;
+    quickFacts: { hours: string; area: string; phone: string };
+  };
+  services: {
+    eyebrow: string;
+    headline: string;
+    items: ServiceItem[];
+  };
+  booking: {
+    enabled: boolean;
+    eyebrow: string;
+    headline: string;
+    subcopy: string;
+    slotMinutes: number; // granularity of offered start times, e.g. 30
+    leadTimeHours: number; // earliest bookable lead time from now
+    daysAhead: number; // how many days the picker offers
+    // Weekly hours keyed by day-of-week (0=Sun … 6=Sat). null = closed.
+    hours: Record<number, DayHours>;
+    confirmationMessage: string;
+  };
+  reviews?: { eyebrow: string; headline: string; items: Review[] };
+  location: {
+    eyebrow: string;
+    headline: string;
+    address: string;
+    mapEmbedUrl?: string;
+    hoursText: string;
+    phone: string;
+    email: string;
+  };
+  faq?: { eyebrow: string; headline: string; items: Faq[] };
+};
+
+/* ----------------------------- config ---------------------------- */
+
+export const siteConfig: LocalServiceConfig = {
+  brand: {
+    name: "Northgate Barbers",
+    letter: "N",
+    domain: "northgatebarbers.com",
+    email: "hello@northgatebarbers.example",
+    footerBlurb:
+      "A neighborhood barbershop in Dallas. Classic cuts, hot-towel shaves, and a chair that's always ready. Book in ten seconds.",
+    copyrightName: "Northgate Barbers",
+    socials: [
+      {
+        label: "Instagram",
+        href: "https://instagram.com",
+        path: "M12 2.2c3.2 0 3.6 0 4.85.07 1.17.05 1.8.25 2.23.41.56.22.96.48 1.38.9.42.42.68.82.9 1.38.16.42.36 1.06.41 2.23.06 1.27.07 1.65.07 4.85s0 3.58-.07 4.85c-.05 1.17-.25 1.8-.41 2.23-.22.56-.48.96-.9 1.38-.42.42-.82.68-1.38.9-.42.16-1.06.36-2.23.41-1.27.06-1.65.07-4.85.07s-3.58 0-4.85-.07c-1.17-.05-1.8-.25-2.23-.41a3.7 3.7 0 0 1-1.38-.9 3.7 3.7 0 0 1-.9-1.38c-.16-.42-.36-1.06-.41-2.23C2.2 15.58 2.2 15.2 2.2 12s0-3.58.07-4.85c.05-1.17.25-1.8.41-2.23.22-.56.48-.96.9-1.38.42-.42.82-.68 1.38-.9.42-.16 1.06-.36 2.23-.41C8.42 2.2 8.8 2.2 12 2.2zm0 1.8c-3.15 0-3.5 0-4.74.07-.9.04-1.38.19-1.7.32-.43.16-.74.36-1.06.68-.32.32-.52.63-.68 1.06-.13.32-.28.8-.32 1.7C3.8 8.5 3.8 8.85 3.8 12s0 3.5.07 4.74c.04.9.19 1.38.32 1.7.16.43.36.74.68 1.06.32.32.63.52 1.06.68.32.13.8.28 1.7.32 1.24.07 1.59.07 4.74.07s3.5 0 4.74-.07c.9-.04 1.38-.19 1.7-.32.43-.16.74-.36 1.06-.68.32-.32.52-.63.68-1.06.13-.32.28-.8.32-1.7.07-1.24.07-1.59.07-4.74s0-3.5-.07-4.74c-.04-.9-.19-1.38-.32-1.7a2.85 2.85 0 0 0-.68-1.06 2.85 2.85 0 0 0-1.06-.68c-.32-.13-.8-.28-1.7-.32C15.5 4 15.15 4 12 4zm0 3.06A4.94 4.94 0 1 0 12 16.94 4.94 4.94 0 0 0 12 7.06zm0 8.15A3.21 3.21 0 1 1 12 8.8a3.21 3.21 0 0 1 0 6.4zm6.3-8.35a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0z",
+      },
+    ],
+  },
+
+  colors: { brand: "#b45309", brandSoft: "#fef3c7", paper: "#fafaf9" },
+
+  seo: {
+    title: "Northgate Barbers — classic cuts in Dallas. Book online.",
+    description:
+      "A neighborhood barbershop in Dallas. Haircuts, beard trims, and hot-towel shaves. See live availability and book your chair in seconds.",
+  },
+
+  hero: {
+    tagline: "Dallas · est. 2014",
+    headline: "A proper haircut, booked in ten seconds.",
+    subcopy:
+      "Classic cuts, beard work, and hot-towel shaves from barbers who've been at it a while. Pick a time that's actually open — availability updates live — and you're set.",
+    ctaLabel: "Book a chair",
+    quickFacts: {
+      hours: "Tue–Sat, 9–6",
+      area: "Lower Greenville, Dallas",
+      phone: "(214) 555-0148",
+    },
+  },
+
+  services: {
+    eyebrow: "Services",
+    headline: "Simple menu, honest prices.",
+    items: [
+      {
+        slug: "haircut",
+        name: "Haircut",
+        durationMin: 45,
+        price: "$35",
+        description: "Consultation, cut, and a clean finish. The classic.",
+      },
+      {
+        slug: "beard-trim",
+        name: "Beard trim",
+        durationMin: 20,
+        price: "$18",
+        description: "Shape-up, line work, and hot-towel finish.",
+      },
+      {
+        slug: "cut-and-beard",
+        name: "Cut + beard",
+        durationMin: 60,
+        price: "$48",
+        description: "The full sit-down. Haircut and beard, start to finish.",
+      },
+      {
+        slug: "kids-cut",
+        name: "Kids' cut",
+        durationMin: 30,
+        price: "$22",
+        description: "For the under-12s. Patient barbers, no rush.",
+      },
+    ],
+  },
+
+  booking: {
+    enabled: true,
+    eyebrow: "Book",
+    headline: "Find a time that's open.",
+    subcopy:
+      "Pick a service and a day — open slots are live, so what you see is what's actually free. No account, no phone tag.",
+    slotMinutes: 30,
+    leadTimeHours: 2,
+    daysAhead: 14,
+    hours: {
+      0: null, // Sun — closed
+      1: null, // Mon — closed
+      2: { open: "09:00", close: "18:00" },
+      3: { open: "09:00", close: "18:00" },
+      4: { open: "09:00", close: "19:00" },
+      5: { open: "09:00", close: "19:00" },
+      6: { open: "09:00", close: "16:00" }, // Sat — shorter
+    },
+    confirmationMessage:
+      "You're booked. We'll see you then — a reminder will go out the day before.",
+  },
+
+  reviews: {
+    eyebrow: "Reviews",
+    headline: "Regulars say it best.",
+    items: [
+      {
+        quote:
+          "Best fade in Dallas, and I can finally book online instead of waiting around. Booked, in, out, sharp.",
+        name: "Marcus B.",
+        rating: 5,
+      },
+      {
+        quote:
+          "Been coming for three years. Same great cut every time, and the online booking is dead simple.",
+        name: "Daniel R.",
+        rating: 5,
+      },
+      {
+        quote:
+          "Took my son for his first real haircut. Patient, friendly, and the chair was ready right on time.",
+        name: "Hannah K.",
+        rating: 5,
+      },
+    ],
+  },
+
+  location: {
+    eyebrow: "Visit",
+    headline: "Find us on Greenville.",
+    address: "1845 Greenville Ave, Dallas, TX 75206",
+    mapEmbedUrl: "",
+    hoursText: "Tue–Wed 9–6 · Thu–Fri 9–7 · Sat 9–4 · Sun–Mon closed",
+    phone: "(214) 555-0148",
+    email: "hello@northgatebarbers.example",
+  },
+
+  faq: {
+    eyebrow: "Questions",
+    headline: "Good to know.",
+    items: [
+      {
+        q: "Do you take walk-ins?",
+        a: "When a chair's open, sure — but booking online guarantees your time, and you can see exactly what's free.",
+      },
+      {
+        q: "What if I need to cancel?",
+        a: "Just give us a call. No charge for cancellations with a few hours' notice.",
+      },
+      {
+        q: "How should I pay?",
+        a: "Cash or card in the shop. Booking online doesn't charge you anything — you pay after the cut.",
+      },
+    ],
+  },
+};