Skip to content
echtsquad

Café website with a reservation chatbot

A bold, food-led café website with a menu and a scripted chatbot for table reservations.

This project is a concept we built to show what is possible – not a client engagement.

caf-website-with-a-reser.de

Starting point

Cafés and restaurants live on atmosphere and appetite, yet many websites offer little more than a PDF menu and a phone number. Reservations happen by phone, often in the middle of service. Calls outside opening hours are simply missed. Guests now expect to request a table quickly, even late in the evening.

Solution

The demo shows a website that puts food and atmosphere front and centre. The menu is readable right on the page and easy to use on a phone. A chatbot walks guests through a reservation in a few steps: date, time, party size and name. The café can take bookings without anyone having to pick up the phone.

Implementation

The demo is built as a static website with Astro, TypeScript and Tailwind CSS. In the demo, the reservation chatbot follows a fixed script and stores no data. In production, we would connect it to a booking or calendar system such as Cal.com and send confirmations by email or WhatsApp via n8n. The menu could be maintained by the team through a simple content management setup.

Workflow

How the data flows

  1. WebsiteMenu and atmosphere
  2. ChatbotStarts the reservation
  3. DetailsDate, time, party size
  4. ReservationCalendar integration in production
  5. ConfirmationSent to the guest

Screens

Screenshots & mockups

echtsquad.com
Café Morgenrot home page with breakfast-led imagery
echtsquad.com
Menu on the website
M

Mia

KI-Rezeptionistin · KI-Agent

Guten Tag! Möchten Sie einen Termin vereinbaren?
Ja, gern nächste Woche Dienstag.
Dienstag 10:30 oder 14:00 Uhr ist frei. Was passt Ihnen?
Reservation chatbot talking to a guest

Intro call

Something similar in mind? Let’s talk.

In a free intro call we clarify what you need, what it costs and when it will be done. No sales pressure.