Chinese Cuisine & Dining Reviews Website Template

Quick summary

Broth is a single-page restaurant template designed to fill seats at a neighborhood malatang counter. A film-treated photo mosaic fills the hero. Scroll reveals the build-your-bowl process, an owner story, guest reviews, and a spice-level guide. Every section earns the next by giving just enough and holding something back.

Who this template is for

This template suits independent restaurant owners who want a page that feels as warm and intentional as their food. It works especially well for malatang, hot pot, and spicy soup concepts rooted in a specific neighborhood.

• Couples and friend groups seeking a regular weeknight dining spot
• Solo diners who want bar seating and a deeply flavored bowl
• Restaurant owners who want reservations and pickup orders from one focused page

What problem this template solves

Most restaurant pages feel generic. They list a menu, post a phone number, and call it done. Broth solves the harder problem: communicating atmosphere, trust, and personality before a guest ever walks through the door.

• Visitors leave without booking because the page gives them no reason to stay
• Generic layouts fail to reflect the craft and warmth of a neighborhood counter
• Reservation paths are buried, making it easy for interested diners to drift away

What you get with this template

You get a fully structured, single-page layout built around one goal: putting guests in seats. Every section has a defined purpose, and every design choice reinforces the warm, handcrafted feel described in the brief.

• A nine-section layout from hero mosaic to ultra-minimal footer
• A reservation modal with party size, date, time slot, and a first-visit toggle
• A spice-level guide, owner story block, and five-star review carousel included

Feature list

This template is built on a tight set of purposeful features. Nothing is decorative without function.

UGC Photo Mosaic Hero

The hero fills ninety percent of the viewport with a bento-grid mosaic of guest photos. Images are grain-treated and slightly desaturated to feel like film. One center tile is twice the size and shows broth at a rolling boil with the restaurant name in a clean serif over it.

Build-Your-Bowl Section

Three still-life frames walk visitors through the cold case, the ladle, and the finished bowl. The progression is quiet and visual. It communicates the custom bowl experience without needing a single bullet point.

Reservation Modal Form

Tapping the primary call-to-action button opens a minimal overlay form. Guests choose party size via a stepper from one to eight, select a date, pick a lunch or dinner time slot, and optionally toggle a first-visit flag that triggers a brief welcome note in the confirmation.

Review Carousel

A rotating carousel shows five-star reviews from regulars using first names only. It provides social proof without feeling corporate or fabricated. The format matches the informal, neighborhood tone of the rest of the page.

Spice-Level Guide

Four spice levels are displayed with personality: mild, medium, numb, and "call your mother." The guide adds character to the page without disrupting the calm visual system. Chili thread red accents mark each intensity tier.

Pinned Mobile Call to Action

On mobile, the "Reserve a Seat" button is pinned to the bottom of the viewport at all times. A secondary "Order Pickup" text link sits beneath it. The layout keeps the primary conversion path visible without hiding the solo diner's alternate route.

Page sections overview

Design & branding system

The visual identity follows a Haute Craft approach through a Japanese Zen color system. Every color choice has a role, and the palette is deliberately restrained so the broth itself feels like the brightest thing on the page.

• Four-color palette: deep lacquer black (#1A1A1A), warm stone (#C2B8A3), steam white (#F5F0EB), and chili thread red (#A63A2D) reserved for buttons and accents
• Typography pairing: Fraunces serif for display headings and DM Sans for body text
• Grain overlay and scroll-reveal animations support a matte, handmade ceramic feel throughout

Mobile & speed optimization

The template is built mobile-first. The pinned call-to-action bar ensures the reservation path is never more than one tap away, regardless of where a visitor is on the page.

• GPU-accelerated CSS animations keep scroll reveals and the marquee smooth on mobile devices
• Images are optimized within the layout to balance visual richness with load performance
• The reservation modal is designed for touch interaction with a stepper input for party size

How this template helps you convert

Every layout decision points toward one outcome: a confirmed reservation or a pickup order placed.

1. The hero mosaic creates immediate emotional investment before any text is read, reducing the likelihood a visitor bounces without engaging.
2. The pinned "Reserve a Seat" button on mobile removes friction at the moment a visitor decides to book, keeping the path from interest to confirmation as short as possible.
3. The owner story and review carousel build trust mid-page, addressing hesitation right before the second call-to-action repeat appears after the neighborhood story.

Other information about this template

This template is categorized under Food and Beverage, specifically Chinese cuisine and dining, with a niche focus on malatang and spicy soup restaurant concepts. The intersection match score for this niche and template style combination is 13, indicating strong alignment between the layout's booking-led direction and the target restaurant format.

• The creative direction follows a Local and Neighborhood approach, grounding the page in a specific block and community rather than a broad brand identity
• The header concept is a UGC Photo Wall, a mosaic layout that prioritizes authentic guest imagery over polished brand photography
• The template style is Hero-Dominant at a 90/10 ratio, meaning the hero section commands nearly the full first viewport before editorial content begins

Show more