Food and drink
Five complete food-and-drink website templates with live demos: a wood-fire grill, two bakeries, a coffee roastery and a tea garden. Try each one, then rebuild it with your own details.
A food business lives or dies on the first screen: what it serves, where it is, when it is open and how to book or order. These five templates are complete landing pages, hero to footer, built so that the answer to those questions is on screen before the scroll animation starts to show off.
They cover the common cases. A grill and wine bar with a booking section, a bakery café with a working pickup basket, a sourdough bakehouse told as a chalk proving log, a coffee roastery where you drag a roast curve and a 3D bean changes colour, and a tea garden that follows the hours of a morning. Each one is a live demo you can open, scroll and tune before you decide.
The brands in the demos are invented, so the names, addresses and menus are placeholders. The point is the structure and the motion: swap in your own name, photos and opening hours with the "Make it mine" wizard in the template viewer, then use the prompt or, with All Access, the real source files.
5 live templates
medium Restaurant template for a Basque wood-fire grill and wine bar in Bristol: the fire burns the page open over a grill video, then menu, txuleta calculator, booking, cellar room, hours and map.
medium Bakery café template for an Edinburgh sourdough bakery: the name proves like dough over an oven video and opens the page, then bake times, menu, a working pickup basket, wholesale, hours and map.
medium A light sourdough-bakery landing page built as its chalk proving log: the log writes itself stroke by stroke as you scroll, a loaf's ear splits at 5:00, and a dough-thermometer dial rewrites the night.
WebGL A light landing page for an invented Huila roastery: drag the roast curve and a WebGL bean darkens from green to city and cracks at 9:40; the same curve is the nav, a pinned roast band, the price chart and the footer.
WebGL A light landing page for an invented Shizuoka tea garden: a procedural Three.js slope under raymarched morning cloud that drains as you drag the hour hand from 5 to 9 a.m., then tins, harvests, menu pricing and FAQ.
Check that opening hours, the menu and a booking or order action are reachable without hunting. Ascua and Couche put them in their own sections, not behind a menu.
Food sells on photos. Each template marks where your own photos go and keeps the crop stable on a phone.
Most diners open a restaurant site on a phone. All five templates are checked at 375 px with no sideways scroll and a reduced-motion fallback.
Prompts Pro $169/month · All Access $299/month (prompts and source for everything) · single template $39 one-time. See pricing.
Yes. The demo brands are invented, so replace the name, copy, photos and hours with yours. A single template ($39 one-time) or All Access covers a business site; see the licence page for the exact terms.
No. Open a template, choose "Make it mine", fill in your business details, and paste the resulting prompt into an AI tool such as Claude, Cursor, Lovable, v0 or Bolt. The guides page shows where to paste it.
Each template is tested on a 375 px screen, and the performance and Lighthouse numbers are shown in the template viewer, so you can see them before you choose.
The templates show menus, booking and a pickup basket as design patterns. Connecting real payments or a booking service is up to you; the guides explain how to ask your AI tool to add one.
Try “pinned”, “SplitText”, “WebGL”, “cursor”…