REBLIS.AI

Dandre Menu.

A bilingual stylized restaurant menu — fast, mobile-first, and the first customer template for a new web-design product.

RESTAURANT · MOBILE

RoleDesigner + developer StackHTML · CSS · vanilla JS StatusLive Year2026 Livedandre.hookup.design ↗
Dandre Menu mobile-first homepage with section navigation and hero illustration

Problem & Approach.

A real restaurant client (D'André) had a beautiful but unscannable 8-page PDF menu. Mobile customers needed something that loads fast, reads in their language, and feels like the brand. Built as a single static HTML page (no framework, no build) with a tiny JSON renderer for menu data. Mobile-first responsive — 1, 2, 3 columns at 760, 1200, 1400px breakpoints. Spanish source of truth with English drafted alongside (each item carries a translation.en.reviewed: false flag for stale-detection later). Dark header bar with a white logo, ES/EN toggle, torn paper-candy section separators, gradient banners. Around 80 items across 9 sections imported from the original PDF.

HTML CSS vanilla JS JSON menu data nginx

Outcome.

Live at dandre.hookup.design. The first customer template for a new web-design product (stylized mobile-first restaurant menus) — the same skeleton can be re-skinned for the next restaurant in hours. Translation-review workflow plus Claude API automation pending; CMS deferred.