Pato — Elite Peking Duck Landing Page Template

Carve is a full-width immersive landing page template built for artisan Peking duck restaurants. It guides visitors through a sensory scroll journey, from a cinematic hero image to sound, touch, and aroma sections, before driving them to reserve a table or order for pickup. The Parchment and Rust color system and editorial typography give the page the weight and warmth the dish deserves.

by Rocket studio

Quick summary

Carve is a single-page template designed for fine dining Peking duck restaurants that want their website to feel as considered as the dish itself. It opens with a full-bleed carving photo, moves through a sensory scroll sequence, and closes on a reservation call to action built around real scarcity. Every section earns the next click by making the visitor hungry before they ever read a menu.

Who this template is for

This template is built for restaurant owners and operators who understand that Peking duck is not simply a dish. It is a ritual, a production, and a reason people plan their evening around it. The page speaks directly to the kind of guests who already know what they want, and just need the right invitation.

  • Artisan Peking duck restaurants seeking direct reservation conversions from their website
  • Fine dining operators who want to communicate craft, ceremony, and tableside theater
  • Restaurant owners targeting anniversary couples, food-focused travelers, and corporate hosts booking private dining rooms

What problem this template solves

Most restaurant landing pages flatten the experience. They list dishes, show a photo or two, and hope a visitor finds the reservation button before losing interest. For a restaurant where the duck takes two days to cure and each bird is roasted to order, a generic template does real harm to the brand. Carve fixes this.

  • Visitors leave before booking because the page fails to communicate why this duck is worth the price and the planning
  • Generic layouts cannot hold the attention of food-obsessed guests who decide with their senses, not a menu scan
  • Restaurants lose direct reservation revenue when the page does not draw a clear, urgent line between desire and action

What you get with this template

Carve delivers a complete, production-ready landing page structure. Every section is pre-designed and matched to the Warm Artisan visual identity. You get a page that can balance luxury presentation with a clear path to booking, so visitors who arrive curious leave with a reservation confirmed.

  • A six-section full-width layout covering the hero, sensory journey, reservation call to action, and minimal footer
  • A Parchment and Rust color system with lacquer red, brushed gold, smoked walnut, and aged cream applied across every component
  • Animated interactive elements including a reservation modal, sticky reserve bar, scarcity countdown badge, and ambient audio snippet with waveform visual

Feature list

Full-Bleed Hero with Delayed Text Reveal

The hero opens on a tight overhead photo of a whole Peking duck mid-carve on a wooden block. Steam catches warm side-light. Translucent pancakes, julienned cucumbers and scallions, and dark hoisin in a ceramic cup are scattered across the board. After a beat of visual silence, a single gold line fades in at the bottom: Forty-eight hours of preparation. Forty seconds at your table. The delay gives the image room to land before the copy speaks.

Sensory Scroll Journey

Four sequential sections move the visitor through sound, touch, and aroma before the reservation call to action appears. The sound section features an ambient audio snippet of skin crackling under a knife, paired with a waveform animation. The touch section uses extreme macro photography of pancake texture and crisp skin shattering under chopsticks. The aroma section shows illustrated vapor trails rising from a steamer basket, with ingredient callouts for star anise, maltose glaze, and dried tangerine peel. Each scroll step builds hunger as a physical sensation.

Reservation Modal with Scarcity Countdown

The primary call to action, "Reserve Your Duck," opens a reservation modal with fields for date, party size, and a toggle between Whole Duck and Tasting Menu. A secondary path offers "Order for Pickup" for guests who want the duck carved and boxed. A countdown badge reads "Today's ducks: 7 remaining," reflecting genuine scarcity because each bird requires a two-day cure before it can be roasted. The combination of modal and badge drives urgency without manufactured pressure.

Sticky Reserve Bar

A sticky bar follows the visitor on scroll after the hero section clears. It holds the "Reserve Your Duck" call to action in lacquer red with gold type. The bar keeps the reservation entry point within reach at every stage of the sensory journey, so a visitor who decides mid-scroll does not need to hunt for where to book.

Warm Artisan Typography System

Display headings use Instrument Serif in italic, echoing the hand-lettered quality of a printed menu. Body copy uses Plus Jakarta Sans for clean readability at every screen size. The combination creates a contrast between editorial warmth and functional clarity, which mirrors the dish itself: deeply rooted in history, served with precision.

The footer follows a Superhuman Extreme Minimal pattern. It holds only the essential links and keeps the parchment background dominant so the page closes cleanly. No visual noise competes with the final call to action above it.

Page sections overview

SectionPurpose
Full-Bleed HeroOpens with carving photo and delayed gold tagline fade-in
Sound ExperienceAmbient crackling audio snippet with waveform animation
Touch ExperienceMacro duck skin and pancake photography
Aroma ExperienceIllustrated vapor trails with ingredient callouts
Reserve Call to ActionScarcity countdown, reservation modal, and pickup path
Minimal FooterClean close with essential navigation links

Design & branding system

The Parchment and Rust color system is built to feel like unrolling a hand-painted menu in a lantern-lit room. Aged rice paper cream dominates backgrounds. Char-lacquer red marks only the moments where the eye should land. Smoked walnut anchors typography with quiet authority. Brushed gold traces the edges of interactive elements and accent lines.

  • Color palette: parchment cream (#F5E6C8), lacquer red (#8B2500), smoked walnut (#3E2723), brushed gold (#C9A84C)
  • Typography: Instrument Serif for display and italic headings, Plus Jakarta Sans for body text
  • Animation stack: GSAP ScrollTrigger for clip-path reveals, parallax layers, marquee scrolling, and waveform animation

Mobile & speed optimization

The template is built desktop-first with full mobile responsiveness designed in from the start. The cinematic experience carries across screen sizes without losing the sensory weight of the scroll journey. Interactive components including the modal, audio snippet, sticky bar, and countdown badge are handled as client components, while static sections use server components to keep the page load efficient.

  • Desktop-first layout with responsive breakpoints that preserve the full-bleed visual quality on smaller screens
  • Static sections rendered as server components; modal, audio, and animation logic handled as client components
  • Localized for United States audiences with English copy, USD pricing, and 12-hour time format in the reservation modal

How this template helps you convert

Carve is designed around a single commercial truth: a guest who is made viscerally hungry will book before they overthink the price. The page earns each click rather than demanding it.

  1. The sensory scroll sequence moves visitors through sound, touch, and aroma before the reservation button appears, so desire is already established when the call to action arrives.
  2. The scarcity countdown badge ("Today's ducks: 7 remaining") communicates genuine limited availability, turning a passive browser into an active guest who does not want to miss the table.
  3. The sticky reserve bar keeps the booking entry point visible at every scroll depth, so a visitor who decides at any point in the journey can act on that decision immediately without losing their place on the page.

Other information about this template

This template is designed to serve the full range of guests who celebrate with Peking duck: anniversary couples who want ceremony at the table, friends gathering for a special dinner, parents marking a milestone with their children, and corporate hosts who need a private room and a dish that closes the deal. It speaks to anyone who has heard about this restaurant by word of mouth and arrived at the page already half-decided.

  • The culinary story woven through the page draws on the deep history of Peking duck, a dish that originated as a derivation of Nanjing roast duck known as Jinling roast duck. The Ming emperors brought their taste for roasted duck to Beijing when they moved the capital, and the dish has stood as a banquet centerpiece ever since. Bianyifang, established in 1416 in China during the Ming Dynasty, stands as the oldest Peking duck restaurant on record.
  • Peking duck is traditionally served with pancakes, cucumbers, scallions, sweet bean paste, and a cup of rich hoisin sauce. The tender meat beneath the lacquered skin carries layered savory and umami flavors. The outer marinade typically includes maltose, oyster sauce, and vinegar to achieve the deep lacquered finish. The inner marinade is built from soy sauce and aromatics to develop the flavors from the belly outward.
  • The template's ingredient callout section can draw on this heritage. Star anise, maltose glaze, and dried tangerine peel are called out in the aroma section, giving visitors a line into the craft before they ever sit down. The duck breed, the two-day cure, the applewood ovens, the tableside cut: each detail is a reason to reserve rather than walk past the door.
  • For restaurants that enjoy strong local reputation, the template layout includes space to recognize press mentions and awards, whether from a local "Best Of" list, a food critic's review, or a notable food guide. Photos of the roasted duck, the carving table, and the dining room help visitors find the emotional proof they need before making a reservation.
  • The Carve artisan Peking duck restaurant landing page template is built for operators in any city who want a page that matches the ambition of the dish. Whether a guest finds the restaurant on a february evening in Boston or arrives during a summer trip, the page meets them with the same warmth and ceremony the dining room delivers. Chinese people and international visitors alike recognize a restaurant that takes the dish seriously, and this template communicates that seriousness from the first scroll.
  • Leftovers from a whole duck can be boxed for pickup, and the template includes a secondary conversion path specifically for guests who want to enjoy the dish at home. This shop-style pickup flow sits alongside the reservation modal so the page serves both dine-in and carryout guests without cluttering the primary experience.
  • The template started from the brief that a great Peking duck landing page must balance luxury branding with high-intent utility. It does not worry about decoration for its own sake. Every element, from the waveform to the countdown badge, is there because it moves a real person closer to booking a table, holding a pancake, and tasting the dish that brought them to the page.
Pato — Elite Peking Duck Landing Page Template
Pato — Elite Peking Duck Landing Page Template
Pato — Elite Peking Duck Landing Page Template
Pato — Elite Peking Duck Landing Page Template

Theme

Warm Artisan

Creative direction

Sensory Appeal

Color system

Parchment & Rust

Style

Full-Width Immersive

Direction

Direct Sales

Page Sections

Full-bleed Hero with Delayed Gold Reveal

Four-stage Sensory Scroll Journey

Reservation Modal with Duck Selection Toggle

Scarcity Countdown Badge

Sticky Reserve Bar on Scroll

Warm Artisan Typography and Color System

Related questions

What kind of restaurant is this template built for?

Can I use this template if I offer both dine-in reservations and pickup orders?

Does the template support a scarcity or limited availability message?

What animations and interactive elements are included?

Is this template suitable for mobile users?