Bunhaus — Smokehouse

Bunhaus — Smokehouse

Dark burger restaurant & food ordering template · 4 pages · HTML/CSS/JS

A restaurant site, not a landing page

Most food templates give you one long homepage and call it a website. Bunhaus gives you the four pages a real restaurant actually needs — a homepage that sells, a menu people can filter, a story page that builds trust, and a contact page that takes bookings.

Open the folder and it runs. No build step, no npm install, no framework to learn.

What’s inside

Homepage

An interactive hero where visitors pick between four signature burgers — the photo, name and price all change with the choice. Below it: a scrolling marquee, a four-point feature row, the signature burger grid, the kitchen story, a sides list, counters that animate as you scroll, a midweek deal banner, customer reviews, a photo gallery and an FAQ accordion.

Menu page

The full board, split into burgers, sides and shakes. Category filter tabs (beef / chicken / veg & vegan / sides / shakes) narrow the list instantly, and every row has an add-to-order button wired to a cart counter in the header.

Story page

Founding story, stat row, three values, the dining room, and a four-person crew grid with real portraits.

Find Us page

Address, phone, delivery radius, and an opening-hours table that highlights today’s row by itself. A booking form validates inline and shows a success state. Dark-themed map embed included.

Built in

• Sticky header that turns to glass on scroll
• Slide-in mobile drawer with backdrop, Escape to close
• Expanding search drawer
• Hero burger switcher
• Menu category filters
• Add-to-order buttons with a live cart counter
• Single-open FAQ accordion
• Counters that animate into view
• Staggered reveal-on-scroll
• Back-to-top button
• Form validation with inline errors

All of it in one 9 KB vanilla JavaScript file. No jQuery, no GSAP, no dependencies.

21 original food photos included

Every photograph in this template was made for it. No stock licence to buy, no attribution to add, nothing to swap out before you launch — the burgers, the fries, the shakes, the grill, the dining room and the crew portraits all ship with the file.

Each one is optimised to around 40 KB. The whole site, images included, is about 1 MB.

Made to be changed

The stylesheet is sectioned and commented end to end. Class names say what they do.

Tested, not assumed

• Zero console errors across all four pages
• Zero horizontal overflow at 390 px
• Responsive from 360 px up
• Keyboard accessible: skip link, focus rings, ARIA states on every control
• prefers-reduced-motion respected — all animation cuts out for visitors who ask

Who it’s for

Burger joints, grills, smokehouses, diners, food trucks, late-night kitchens, and any dark-themed food brand that wants a site up this week.

What you get

• 4 HTML pages
• 1 stylesheet, 1 JavaScript file
• 21 optimised photographs
• README with a customisation guide
• The image-generation scripts, if you want a different photo set

Note: all names, prices, reviews and contact details in the demo are fictional placeholders. The forms and cart are front-end only — connect them to your own handler before going live.