---
title: "RESERVA: Built with ProductOS | ProductOS"
description: "Reserva runs tonight's service for an Italian restaurant: a hand-laid SVG floor plan with live table states (seated, reserved, turning), a reservations timeline"
url: https://productos.dev/showcase/reserva
---

[ Back to Showcase](https://productos.dev/showcase)

Operations app Develop surface

RESERVA

# Restaurant table management a maître d' would actually use

Reserva runs tonight's service for an Italian restaurant: a hand-laid SVG floor plan with live table states (seated, reserved, turning), a reservations timeline with lane packing and a live 'now' line, a waitlist with SMS status, and guest details down to allergy chips and anniversary notes. The covers math reconciles: 38 completed + 42 seated + 44 upcoming + 18 walk-ins = 142.

[View live ](https://reserva-rkk4.vercel.app/) [Use as a template →](https://develop.productos.dev/templates)

RESERVA · Live project

## How it was built

- Airbnb DESIGN.md warmth translated to a terracotta hospitality system
- Hand-laid SVG dining room, bar rail, window deuces, private room
- Framer Motion state transitions + AnimatePresence popovers
- ⌘K palette, internally consistent dataset frozen at 8:05 PM
- Deployed to Vercel from the productos-agents org

## Stack

Next.js 15 Tailwind v4 TypeScript Framer Motion

## Built on

[ProductOS Develop surface ](https://develop.productos.dev/)

20

tables with live state

142

covers that actually add up

0

chart libraries used

## Build something like RESERVA

Give the agents a brief. Get a deployed product. Every project in the showcase started as a single prompt.

[Start building](https://beta.productos.dev/sign-up?utm%5Fsource=productos.dev/showcase) [Back to Showcase](https://productos.dev/showcase)