Dhunfini — Maldivian Restaurant Landing Page Template

Quick summary

This template captures the reef-to-table story of a Maldivian restaurant through immersive visuals and a scroll-led journey. It opens on a macro close-up hero, moves through interactive ingredient-to-dish reveals, and closes with three distinct conversion paths. Every design choice proves craft before asking for commitment.

Who this template is for

This template suits restaurant owners and food-and-beverage teams who need a landing page that converts discerning travelers into reservations, not just browsers.

• Traveling food obsessives researching their next unforgettable meal
• Anniversary couples and hotel concierges seeking a trusted booking experience
• Fine-dining restaurants in the Maldives showcasing locally sourced, reef-to-table menus

What problem this template solves

Most restaurant pages list a menu and stop there. This template solves the trust gap by telling the full story first, letting each dish earn its place before the call to action appears.

• Static menus fail to show the sourcing process or the connection to local Maldivian fishers
• Generic layouts cannot hold the attention of food-obsessive guests who demand proof of craft
• Single-path booking flows miss guests who want different levels of engagement

What you get with this template

You get a fully structured, single-page layout designed around narrative-first conversion. Every section is purposeful and ready to customize.

• A GSAP-animated hero with depth-of-field macro photography and a delayed name reveal
• Interactive before/after drag sliders pairing raw ingredients with refined plated dishes
• Three parallel conversion paths: table reservation, experience box order, and private feast inquiry

Feature list

This template ships with six core features drawn directly from the design brief.

Macro Close-Up Hero Section

A full-viewport cinematic frame fills ninety percent of the screen. The restaurant name fades in over blurred amber negative space after two deliberate beats, building atmosphere before any copy appears.

Interactive Before/After Drag Sliders

Each scroll section pairs a raw ingredient on the left with a finished dish on the right. Visitors drag to reveal the labor behind every plate, making the food feel earned.

Scroll-Darkening Narrative Flow

The page transitions from reef-white to lagoon black as the visitor scrolls. This progressive darkening mirrors a Maldives sunset and builds emotional momentum toward the conversion section.

Three Parallel Conversion Paths

A reservation widget, an experience box order flow, and a private feast inquiry form sit side by side. Each path targets a different guest intent without forcing a single route.

Sticky Mobile Call to Action

On mobile, the primary button appears only after the visitor scrolls past at least two before/after reveals. The page earns the ask before displaying it.

Social Proof Display

The layout includes dedicated space for critic pull-quotes and guest testimonials. Featuring praise for dish freshness and the immersive local experience builds confidence quickly.

Page sections overview

Design & branding system

The Haute Craft visual identity uses a Sunset Mesa color palette that feels warm, salt-cured, and quietly luxurious.

• Deep lagoon black, sun-bleached coral, smoked tuna brown, and reef-white form the base palette
• Roshi gold accent lights up buttons and hover states throughout the layout
• Fraunces italic serif handles headings; DM Sans handles body copy for clean contrast

Mobile & speed optimization

The template is built desktop-first for food obsessives who research on larger screens, with a carefully considered mobile experience layered on top.

• Sticky mobile call-to-action button appears after sufficient scroll depth, reducing premature friction
• Server Components handle static sections; Client Components power interactive sliders for efficient rendering
• Full-width hero visuals are structured to load without blocking the initial viewport paint

How this template helps you convert

The layout earns trust through storytelling, then presents the ask at the moment of maximum engagement.

1. The macro hero and drag sliders build emotional connection before any booking prompt appears, mirroring the reef-to-table journey from ocean to plate
2. Three distinct conversion paths capture guests at different intent levels, from a quick table reservation to a curated experience box shipped internationally
3. The sticky mobile button and scroll-depth trigger ensure the call to action lands when the visitor is already convinced

Other information about this template

The Dhunfini Reef to Table Maldivian Restaurant Landing Page Template draws on real Maldivian culinary context to inform its design decisions.

• Traditional dishes like Garudhiya (a clear fish broth), Valhomas Mashuni (smoked tuna with fresh coconut), and Roshi flatbread inform the ingredient photography and menu storytelling sections
• The Malafaaiy feast tradition, where dishes from savoury to sweet are shared on a banana leaf, shapes the experience box concept and the private feast inquiry path
• Signature dishes are displayed through professional close-up photography, not a downloadable PDF, so every plate makes a visual argument for the booking
• A daily catch section structure supports a dynamic reef-to-table narrative, reflecting what local Maldivian fishers bring in each morning
• The Maldives is home to extraordinary dining concepts, including overwater and lagoon-set restaurants, making strong visual differentiation critical for any new venue entering that market
• The template includes space for operating hours, location details, and reservation requirements so guests arrive informed

Show more