Interactive HTML/CSS/JS prototype for the Tenant/Vendor admin. Designed to be ported to Laravel Blade — all layouts, tables, forms, modals and mock data behave as they will in production.
Marketing site landing page — hero, product tour, features, pricing preview, testimonials, FAQ.
Detailed feature breakdown with product tour, feature grid and competitor comparison table.
Three tiers (Starter / Growth / Enterprise), monthly / annual toggle, add-ons and billing FAQ.
Content marketing hub — featured post, 6 recent posts, tag filter and newsletter signup.
KPI overview: today's bookings, pending, revenue, leads with upcoming appointments and quick actions.
Filterable list with status tabs, bulk-confirmation and per-row detail navigation.
Card grid, categories, pricing tiers, SQFT/SQM toggle, activate/deactivate.
Directory with status catalog (active / on-leave / docs-pending), profile with tabs.
Kanban with New → Contacted → Qualified → Booked → Lost columns.
Tenant-branded hero, inline quote widget, services grid, testimonials, "how it works" section.
3-step quote form. Submission auto-creates a lead in the tenant's CRM pipeline with source attribution.
4-step public wizard: service selection with add-ons, date/time with pro picker, guest details, Stripe checkout.
No-login tracking with booking # + email. Live map, ETA, timeline, cancel option.
4-step booking wizard matching client mockups; my bookings list; booking detail with reschedule.
Points, tiers (Bronze → Platinum), redeemable perks, referral link, favourite staff cards.
Home screen: live clock-in card, day earnings, current + upcoming bookings, alerts.
GPS-verified clock in with selfie option; live booking timer + checklist while on-site.
Compliance uploads, payslip history, weekly earnings chart with bonus targets.
Availability toggle, ratings, notification inbox with grouped days.
Command-center for the platform: tenants, plans, feature flags, revenue.
128 businesses on-platform · provision, impersonate, downgrade, churn.
Plans, pricing tiers, MRR waterfall, cohort retention, Stripe Connect take-rate.
SOC-2 audit log, cross-tenant support triage, global integrations.
partials/ and included via a small fetch wrapper — the equivalent of @include('partials.sidebar'). Mock data lives in assets/js/mock-data.js.