Brose — Artisan Scottish Catering Landing Page Template

Quick summary

Brose is a single-page gallery and detail landing page template designed for Highland slow-fire catering services. It moves visitors from land to plate to celebration through a cinemagraph hero, a provenance gallery with expandable detail panels, and a live three-step menu configurator. Every section serves a clear role in building trust before asking for the click.

Who this template is for

This template speaks directly to premium Scottish catering companies that want a digital front of house that matches the care they put into every dish they serve. It is built for founders, event chefs, and studio operators who want to share their culinary philosophy online without writing a single line of code.

• Estate owners and event planners organising Hogmanay feasts, barn dinners, or whisky-paired corporate evenings
• Edinburgh wedding couples who want to build a bespoke, seasonal menu with per-head pricing visible before they commit
• Corporate boards and colleagues planning high-end catering for converted-venue events where great food is the centrepiece

What problem this template solves

Luxury catering services lose clients every day because their online presence does not match the quality of what they serve at the table. A company that slow-renders venison over birchwood and hand-dives Orkney scallops deserves a page that communicates that level of craft before a single word of pricing appears. Generic templates miss this entirely. They land visitors on a price list before the story has been told, and the story is the whole reason someone pays a premium.

• There is no way to show provenance, technique, and finished events in a single scrollable flow using a standard food website template
• Visitors cannot choose a menu, enter guest count, and see live per-head pricing without a purpose-built configurator
• The emotional distance between a cold enquiry form and a warm, fire-lit table never closes when design is an afterthought

What you get with this template

This template gives you a complete, section-led landing page that takes a visitor on a journey from the land that grows the food to the celebration where it is shared. You receive every section, component, and animation described below, ready to customise with your own photography, supplier names, and pricing tiers. No technical expertise is required to launch it.

• A cinemagraph hero with animated smoke, a staggered serif headline reveal, and a candlelit barn table as the opening frame
• An origin gallery with three expandable tile sets covering land, technique, and finished events, each tile opening into a provenance detail panel
• A three-step "Build Your Menu" configurator with live per-head pricing, an events showcase in an asymmetric bento layout, a stacked testimonials section, and a minimal horizontal-flow footer

Feature list

This template is packed with purposeful, prompt-backed features that work together to create a high-converting, visually rich catering landing page. Each component earns its place on the page.

Cinemagraph Hero with Animated Smoke

The header uses a still-frame barn table composition where a single detail remains alive: a curl of smoke rising from a quaich of whisky at the head of the table. A CSS smoke animation drives this effect. The serif headline "Rooted here. Served to you." appears in thin Fraunces type after a two-second hold, giving the visitor time to land before any message competes for attention. Candlelight catching copper pans in the background creates immediate warmth and atmosphere.

Origin Gallery with Expandable Provenance Panels

Three gallery tile sets share the full story of the food. The Land section names Perthshire farms and foraged hedgerows. The Technique section shows close-cropped hands in motion: smoking, curing, fermenting. The Table section presents finished events, real laughter, and platters mid-demolition. Each tile opens into a detail panel that pairs a dish photograph with the story behind it. Gallery panel transitions use scroll-linked opacity and staggered blur-in reveals, so every expand feels considered rather than abrupt.

Three-Step Menu Configurator with Live Pricing

The "Build Your Menu" flow breaks the decision into three easy, logical steps. Visitors choose event type and guest count first. They then browse seasonal menu options with per-head price visible beside each choice. Finally they enter a date and venue. This structure means price is revealed only after the provenance story has made the value clear. The configurator uses client-side interactivity for real-time updates, keeping the experience smooth and direct.

Events Showcase in Asymmetric Bento Layout

Three event types, Hogmanay feasts, wedding menus, and corporate whisky dinners, are displayed in an asymmetric bento grid. The layout gives each event category enough visual space to feel distinct while keeping the overall page compact. Visitors can quickly scan which format fits their needs before moving to the configurator.

Stacked Testimonials and Secondary Tasting call to action

A stacked testimonials section displays named client feedback from real estate, wedding, and corporate event types. Social proof sits exactly where a visitor is most likely to hesitate. A secondary "Request a Tasting" call to action sits below the origin section, offering a lower-commitment entry point for higher-budget clients who want to experience the food before building a full menu.

Page sections overview

Design & branding system

The visual language of this template is built around a Japanese Zen colour system that feels like a handthrown ceramic bowl on a linen runner in a candlelit bothy. Every colour decision is deliberate. Nothing competes. Everything serves the food and the story around it.

• Four-colour palette: charred oak (#1A1410) anchors all typography, stone-garden sand (#C4B9A0) dominates backgrounds, smoked salt white (#F5F0E8) breathes between gallery tiles, and sloe-berry purple (#4A2040) appears only on buttons and hover states
• Fraunces thin serif drives all headlines for a warm, literary quality; DM Sans handles body copy for clean readability at every size
• Gallery tile spacing, scroll-linked opacity reveals, and staggered blur-in transitions create a pace that feels curated rather than rushed

Mobile & speed optimization

This template is built desktop-first, reflecting the research habits of estate owners, corporate event planners, and wedding couples who typically shop, compare, and decide on larger screens. The layout scales responsively so the page continues to work cleanly on tablets and mobile devices. Visitors who arrive on any device receive a coherent, complete experience.

• Server Components handle all static sections including the hero, gallery tiles, testimonials, and footer, keeping initial load weight low
• Client-side rendering is scoped to the configurator and gallery detail panels, the two areas that require real-time interactivity
• Scroll-linked animations use CSS-native techniques where possible, avoiding heavy JavaScript overhead on the origin gallery transitions

How this template helps you convert

A high-converting catering landing page does not lead with price. It leads with proof that the food, the sourcing, and the team behind the table are worth every penny. This template is structured to build that confidence in layers, moving a visitor from curiosity to commitment through a deliberate narrative sequence.

1. The cinemagraph hero creates an immediate emotional connection. Atmosphere is established before a single service claim is made, so visitors feel invited rather than sold to. This opening means the story lands before the offer does.
2. The origin gallery walks visitors through land, technique, and table in sequence. By the time a visitor reaches the "Build Your Menu" button, they have effectively walked the supply chain. They know where the food comes from, how it is made, and what a finished event looks like. The per-head price then feels like context, not a barrier.
3. Testimonials and the secondary tasting call to action catch the two remaining visitor types: those ready to configure and commit, and those who need one more touchpoint of confidence before picking up the phone.

Other information about this template

This section covers additional practical details that matter to caterers, event professionals, and creative studios who want to launch fast and serve clients with confidence.

This is the Brose Haute Craft Scottish Catering Landing Page Template, built specifically for premium Scottish catering services that want a gallery and detail landing page combining provenance storytelling with direct sales conversion. It sits within the Food and Beverage category and follows a Gallery and Detail template style under a Haute Craft theme with a Japanese Zen colour system, an Origin Story creative direction, a Cinemagraph header concept, and a Direct Sales landing page direction.

Catering landing page templates are designed specifically for catering services and can help improve online visibility, attract more customers, and give a company a professional starting point without months of custom development. This template is easily customised to meet specific business needs: swap in your own photography, supplier names, seasonal menu options, and pricing tiers. It includes menu display components and a booking-style configurator form built in from the start.

No-code website builders allow anyone to create a professional website without needing to write code. No-code tools can significantly reduce the time it takes to launch, meaning a catering company can go from template to live page in days rather than months. Platforms with drag-and-drop interfaces simplify the design process so that the focus stays on the food, not the technology.

The template supports a range of exciting event formats and can be adapted for lunch events, private dinner services, corporate tastings, and large feasting occasions. It works for company founders who want to share the brand story in a personal, direct way, and for studio teams who want to hand a complete, polished page to a client quickly.

Contact information display is built into the footer and secondary call-to-action sections, making it easy for potential clients to reach out after reviewing menus and testimonials. The page structure means visitors can discover the full service range, grab the information they need, and move forward to enquire or configure, all within a single scroll session. Highlighting partnerships with local Scottish suppliers is built into the origin gallery, enhancing the perceived value of the service and giving every meal a story worth sharing.

• The template is responsive across desktop, tablet, and mobile viewports, ensuring a consistent experience for every visitor
• All brand colours, typography, section copy, photography, supplier names, and pricing tiers can be updated to match the specific company using the template
• The three-step configurator, gallery detail panels, and accordion-style frequently asked question section are all built-in interactive components ready to populate

Singapore-based studios, Italy-inspired food concepts, or any international catering company can adapt this template to their own geography and cuisine style. The Haute Craft visual system is flexible enough to carry any origin story with warmth and authority. Whether a company wants to sell a perfect gift experience, offer a curated tasting event, or make it easy for a family to plan a once-in-a-generation celebration, the structure of this template supports that goal out of the box.

The template helps caterers share what matters most: the land, the craft, the table, and the people gathered around it. It is a complete digital store front for a business where great food is both the product and the promise.

Show more