Phase 1 — Tenant Panel Static Preview

PHT Service Booking SaaS

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.

Open Tenant Dashboard View Login Screen
Marketing Website — Where Tenants Come to Buy

Homepage

Marketing site landing page — hero, product tour, features, pricing preview, testimonials, FAQ.

Open

Features

Detailed feature breakdown with product tour, feature grid and competitor comparison table.

Open

Pricing

Three tiers (Starter / Growth / Enterprise), monthly / annual toggle, add-ons and billing FAQ.

Open

Blog

Content marketing hub — featured post, recent posts, and article navigation.

Index Single Post

About

Company story, mission, team profiles, values and multi-office timeline.

Open

Contact

Lead-capture form, contact channels (email / phone / chat) and three-office cards.

Open
Bookings & Scheduling

Service Dashboard

KPI overview: today's bookings, pending, revenue, leads with upcoming appointments and quick actions.

Open

Bookings List

Filterable list with status tabs, bulk-confirmation and per-row detail navigation.

List Detail New Booking Bulk Confirm

Calendar

Week grid with services, staff filter, drag-friendly events and status colour coding.

Open
Catalog & People

Services

Card grid, categories, pricing tiers, SQFT/SQM toggle, activate/deactivate.

List Create / Edit

Staff

Directory with status catalog (active / on-leave / docs-pending), profile with tabs.

Directory Profile

Customers

Customer list with lifetime value, bookings count, last activity.

List
Sales & CRM

Leads Pipeline

Kanban with New → Contacted → Qualified → Booked → Lost columns.

Pipeline Detail Integrations

Invoices

Paid / outstanding / overdue / draft with Stripe status and PDF preview.

List Detail

Staff Payments

Payroll-style report with Excel export, hours worked & deductions.

Open
Automation & Configuration

Notifications

Inbox of system events plus fully editable templates per channel.

Inbox Templates

Analytics

Revenue, funnel conversion, cancellations, service-line performance.

Open

Business Settings

Branding, currency, tax rate, cancellation policy, Stripe Connect status.

Open
Customer Portal — Book, Track & Earn

Customer Account

Portal login with SSO options, welcome hero on the home dashboard.

Login Home

Book & Manage

4-step booking wizard matching client mockups; my bookings list; booking detail with reschedule.

Date/time Details Confirm My bookings Booking detail

Invoices & Profile

Downloadable invoice history, payment methods, notification prefs, security, delete account.

Invoices Profile
Staff — Mobile-First Field App

Today's Shifts

Home screen: live clock-in card, day earnings, current + upcoming bookings, alerts.

Today

Clock In / Booking

GPS-verified clock in with selfie option; live booking timer + checklist while on-site.

Clock in Booking (live)

Documents & Earnings

Compliance uploads, payslip history, weekly earnings chart with bonus targets.

Docs Earnings

Profile & Notifications

Availability toggle, ratings, notification inbox with grouped days.

Profile Notifications
Superadmin — Enterprise Operations

Superadmin Access

Command-center for the platform: tenants, plans and revenue.

Login Forgot password Overview

Tenants Management

128 businesses on-platform · provision, impersonate, downgrade, churn.

Directory Tenant detail

Plans & Pricing

Plans, pricing tiers and Stripe Connect configuration.

Plans

Compliance & Ops

Global integrations and platform operations.

Integrations Settings
Blade porting notes
Each HTML file matches a target Blade view. Sidebar & topbar are in partials/ and included via a small fetch wrapper — the equivalent of . Mock data lives in assets/js/mock-data.js.
Enter Prototype