Food Catering Template
Bring the kitchen to you.A catering page: a warm hero, a featured offering, a dish gallery, a simple how-it-works and a featured review, closing on an inline contact band — styled by your tokens.
When to use this template
A catering page sells a service off the back of a product, so it needs its own offer and its own way in.
This one is dressed in Food & Drink copy and runs 8 sections, opening on the Helm navbar and closing with the Bedrock footer. In between it covers hero, content and gallery.
At a glance
- Page type
- Catering
- Business
- Food & Drink
- Sections
- 8
- Section types
- 8
- Design tokens
- Colour, Radius, Shadow, Spacing, Typography
- Requires JS
- No
- Price
- Free
8 sections in this page
Every section below is a real, responsive layout rendered in your own design tokens — not a screenshot. In page order:
-
Helm
NavbarA floating pill bar with a full-round edge and a deep shadow, centered so it reads as detached from the page top.
-
Atrium
HeroAn asymmetric corporate split with the copy held to just over half the width and a photograph filling the remainder.
-
Feature
ContentAn editorial feature — one large hero image spanning the width, with the story following in text columns.
-
Showcase
GalleryA three-column grid of image cards, each a swappable photo slot over a title and caption.
-
Guide
ProcessIcon-led steps in a flexible grid, each opening with a line icon in a soft rounded disc.
-
Chorus
TestimonialsOne featured quote centered in a narrow column — a rating, a large quote and an author line, with the words as the visual.
-
Invite
ContactA compact invite on a tinted band: heading and subcopy on the left, a call to action and contact rows on the right.
-
Bedrock
FooterA brand-statement footer where an outsized wordmark is the visual, above a mission line and contact link.