Phở - Haute Craft Vietnamese Pop-up Restaurant Landing Page Template
A single-page landing page built for Vietnamese pop-up dining experiences that live and die by the reservation. Warm Stone colors, a modular card grid with before/after ingredient reveals, a real-time seat counter, and a single "Claim Your Seat" call to action work together to turn food-curious visitors into confirmed guests before the night sells out.
by Rocket studio
Quick summary
This template is purpose-built for a Vietnamese restaurant pop-up that earns trust through craft, not copy. A cinematic hero, a bento-style transformation card grid, and a chili-oil-red call to action funnel every visitor toward one destination: the reservation page.
Who this template is for
This landing page suits reservation-driven Vietnamese restaurant operators who need to sell seats quickly and visually.
- Chefs and small culinary teams running one-night-only pop-up events
- Food-forward hospitality brands building anticipation before each reservation drop
What problem this template solves
A Vietnamese restaurant pop-up has no permanent address and no second chance. The landing page must prove quality and drive action in a single scroll.
- Visitors leave before clicking because the page feels generic
- Limited seating urgency is lost when no real-time count is visible
What you get with this template
You get a fully designed, single-page landing page with every section pre-built and ready to personalize.
- Cinematic hero with fade-in serif headline and live seat-count ticker
- Modular bento card grid with CSS hover flip reveals
- Mid-page chili red banner and full-width final call to action block
Feature list
A clean paragraph introduces the feature set before the details below.
Before/After Card Grid
Each modular card flips between a raw ingredient and the finished dish. Hover states pull back the curtain, revealing the chef's craft without a word of explanation.
Real-Time Seat Counter
A slim ticker below the hero displays remaining seats. Limited seating is emphasized visually, creating natural urgency for attendees browsing on the night of a drop.
Chef Credibility Section
An asymmetric layout pairs a chef portrait with a compelling culinary story, guest quote cards, and past pop-up date stamps that build trust through documented history.
Single-Destination call to action System
The "Claim Your Seat" button appears in the sticky header, after the sixth card, and in a full-width banner. Every link on the page carries the visitor to the booking platform with the event pre-selected.
Social Proof Integration
Guest quote cards are added directly inside the bento grid alongside transformation cards. User-generated credibility is woven into the browse experience, not isolated to a testimonial row.
Page sections overview
| Section | Purpose |
|---|---|
| Hero with ticker | Cinematic headline and live seat count |
| Transformation card grid | Before/after ingredient-to-dish reveals |
| Mid-page call to action banner | Chili red urgency prompt |
| Chef credibility block | Portrait, story, and pop-up history |
| Upcoming event card | Date, location, seats remaining |
| Footer | Minimal horizontal layout |
Design & branding system
The Warm Stone palette feels like picking up a handmade bowl still warm from the kiln. Typography pairs Fraunces serif display with DM Sans body text.
- Kiln clay, lacquered charcoal, ceramic white, and chili oil red form the full color system
- Backgrounds alternate between ceramic white and charcoal to frame food photography cleanly
Mobile & speed optimization
Food audiences browse on their phones, so the template is built mobile-first with desktop photography showcase in mind.
- GSAP entrance animations and CSS flip cards are handled client-side only
- Static sections use server components to keep the website loading fast
How this template helps you convert
A high-converting landing page for a Vietnamese restaurant pop-up needs high-quality imagery, a clear headline, and one direct call to action.
- The hero headline communicates the unique selling point immediately, such as "Sixteen-hour broth. One-night-only."
- Social proof added inside the card grid and the live seat counter reduce hesitation before the visitor clicks the reservation link
Other information about this template
The Ph Haute Craft Vietnamese Pop-Up Restaurant Landing Page Template draws on Vietnamese visual identity, with earthy tones that echo traditional craft rather than literal motifs. These templates are designed for teams who want a website that is fast to launch and easy to adapt between events. Each new pop-up can be added to the event card with minimal edits. A direct link to the booking platform replaces any on-page form, keeping the path to reservation seamless.
- Vietnamese restaurant operators can update the seat count, date, and location between events
- These templates work well for social media promotion; visually rich cards translate directly to shareable content
Theme
Haute Craft
Creative direction
Before/After Reveal
Color system
Warm Stone
Style
Card Grid (Modular)
Direction
Click-Through
Page Sections
Before/after Transformation Card Grid
Real-time Seat Count Ticker
Single-destination Call to Action System
Chef Credibility Block
Social Proof in the Card Grid
Warm Stone Visual System
Related questions
Can I use this template for multiple pop-up events?
Does the page include an on-page reservation form?
Is the bento card grid editable without a developer?
How does social proof appear on this template?
Is this landing page mobile-friendly?