Smashhouse

Smashhouse is a multi-page template for burger restaurants, where every burger on the menu is a real 3D model built from its own layers.

A menu you can turn around. The home page opens on a pinned 3D row of every burger. Scroll, and the featured ones step forward, show three close-ups and come apart layer by layer. On the menu page each card spins and pulls apart on hover.

One page per burger. Every burger gets its own page from the CMS: the 3D burger stays on screen while the page scrolls, separates as the "What's inside" list names each layer, then turns to each close-up.

Built from your data. Write a burger's layers from top to bottom ("top bun, cheddar, patty, bottom bun") and the 3D model builds itself in your colours. You can also upload your own .glb model.

Everything a restaurant needs. Menu with category tabs, About with a manifesto that lights up as you scroll, Locations with drawn street maps, live open or closed status and today's hours, FAQ grouped by topic with structured data, Contact with catering fields and form validation, legal pages, a 404 page and a closing CTA.

Easy to make yours. Menu, Locations, FAQ and Legal live in the CMS. Every section is a code component with its text, links, colours and fonts on the right panel. A section library page has every block numbered and ready to copy, and a Start Here page walks you through setup.

Responsive and fast. Every page works on desktop, tablet and phone. One shared WebGL renderer draws all the 3D cards, and the motion respects reduced-motion settings.

Setup. Add your burgers, locations and questions to the CMS, paste a form endpoint (Formspree, Basin, Getform or a webhook) into the contact form, and point the order buttons to your ordering page or delivery app.

Demo content: the brand, menu, addresses and legal texts are placeholders, not legal advice. Fonts: Bricolage Grotesque (Google Fonts). 3D: three.js, loaded at runtime.