TableKare Website
A marketing site that proves the product — with a working demo built into the page.
The public marketing and education site for TableKare. A single-page Nuxt site that explains the platform to restaurant owners, leads with real product screenshots, and carries an interactive in-browser demo of the till, kitchen, QR menu and dashboard.
The problem
A pilot-stage product needs a site that earns a restaurant owner's trust in one scroll — honest about status, concrete about what it does, and fast on a phone over patchy connectivity.
The approach
One Nuxt page, a component per section: hero, the problem, a four-step how-it-works, feature pillars, a built-for-Ghana trust section, and a pilot waitlist that posts to a Nitro server route. It leads with real screenshots labelled as demo data, not renders, and stays honest about pilot status.
The interactive demo
The /demo route rebuilds a working slice of TableKare in the browser — tap dishes into the till, fire to the kitchen, see a receipt and the day's numbers — with a guided tour and state saved only in localStorage. A visitor tries the product with nothing to install.
Design system
A cream 'Plate & Black Star' brand system carried from the product: deep green, Ghana-flag accents, the plate-and-star logomark, Tailwind design tokens, and a subtle Ghana-ring motif. Mobile-first, with a real sticky footer.
Highlights
- Single-page Nuxt 3 site, one component per section
- Interactive in-browser demo (/demo) — till, kitchen, QR, dashboard, saved to localStorage
- Leads with real product screenshots and honest, pilot-stage framing
- Pilot waitlist posting to a Nitro server route with client and server validation
- Cream Plate & Black Star brand system with Tailwind tokens
- Mobile-first and fast, built for patchy connectivity
