Roti - Authentic Surinamese Catering Landing Page Template

Quick summary

Roti is a single-page catering landing page template designed for Surinamese food businesses serving families, community celebrations, and office clients across the Netherlands. The hero fills ninety percent of the viewport with real customer photos. Every scroll section builds trust through neighborhood recognition, and the page closes with one clear call to action button that leads to an ordering page.

Who this template is for

This template is made for Surinamese catering operators who cook for real communities and need a page that feels as warm as the food they serve. It works equally well for solo cooks taking weekend orders and small catering teams handling bruiloft spreads.

• Surinamese, Antillean, and Javanese family caterers planning keti koti and verjaardag orders
• Office catering contacts in Zuidoost, Den Haag Schilderswijk, and surrounding neighborhoods
• Community cooks ready to grow from household deliveries to full celebration catering

What problem this template solves

Most food business templates look like restaurant chains. They rely on studio photography, abstract layouts, and generic calls to action that feel distant to community buyers. This template solves the trust gap that Surinamese caterers face when trying to reach local families online.

• Visitors do not recognize their neighborhood or culture in standard food templates
• There is no clear path from browsing to ordering without a complicated form or phone call
• Authentic UGC-style imagery and local testimonials are hard to structure into a polished page

What you get with this template

You get a fully structured, single-page catering landing page that moves visitors from first impression to ordering click in a natural, culturally grounded flow. Every section is purpose-built for this specific niche and audience.

• A ninety percent viewport hero with a UGC photo wall mosaic, frosted headline, and a first call to action button in pepper coral
• Four scroll sections covering craft close-ups, neighborhood testimonials, order tier escalation, and a final delivery call to action
• A mobile-first layout with GSAP scroll reveals, staggered photo grid animations, parallax effects, and a magnetic call to action button

Feature list

This template is built around six distinct capabilities that work together to earn trust and drive click-through.

UGC Photo Wall Hero

The hero section fills ninety percent of the viewport with a dense, slightly overlapping mosaic of real phone-quality customer photos. A frosted strip carries the bold headline "Heel de buurt bestelt bij ons" and the first coral call to action button sits directly inside the mosaic. The grid is animated with a staggered reveal on load.

Neighborhood Testimonial Scroll

Four scroll sections each represent a specific neighborhood: Bijlmer, Schilderswijk, Kraaiennest, and Lelystad. Each section pairs a short real-customer testimonial with a photo of their actual order. The local detail builds proximity-based trust that generic social proof cannot replicate.

Order Tier Escalation Flow

The page walks visitors through three natural order sizes in sequence: a small household order, a verjaardag party spread, and a full bruiloft catering package with fifty or more plates. Each tier feels like a logical next step rather than an aggressive upsell.

Single Click-Through Call to Action

There is no form on this page. The pepper coral "Bekijk het menu en bestel" button appears three times: inside the hero, after the neighborhood testimonials, and at the bottom above the delivery line. Every button leads to a separate ordering page with the full menu and WhatsApp integration.

GSAP Scroll-Linked Animations

The template uses high-intensity animation throughout: GSAP scroll reveals, parallax on the craft close-up section, a marquee element, and scroll-linked section transitions. Hover states on photos and a magnetic call to action button add interactivity at every point of engagement.

Haute Craft Sunset Gradient Palette

The visual identity uses four colors working as a system. Deep cassava purple anchors the nav and footer. Mango amber and blistered pepper coral trade off on buttons and dividers. Tamarind cream washes the body backgrounds. Fraunces serif handles display headings and DM Sans handles body text throughout.

Page sections overview

Design & branding system

The visual system is built around a Haute Craft aesthetic that feels handmade and warm without being rough. The sunset gradient palette creates a coherent identity from top to bottom of the page.

• Typography pairs Fraunces (a serif display font) for headlines with DM Sans for body text, giving the page both character and legibility
• The four-color system uses cassava purple (#3D1E4C), mango amber (#E8943A), pepper coral (#D95D39), and tamarind cream (#FFF1DB) with clear roles for each color across sections
• Photography direction favors real, unpolished phone images over studio shots to match the UGC photo wall concept and the local creative direction

Mobile & speed optimization

This template is designed mobile-first, which aligns directly with how community buyers share and browse: via WhatsApp, social shares, and phone-based discovery. The layout and interactions are built to perform on smaller screens without sacrificing the rich visual experience.

• Image optimization and lazy loading are built into the template structure to manage the photo-heavy hero grid on mobile connections
• GPU-accelerated transforms power the GSAP animations so scroll reveals and parallax effects stay smooth on mobile devices
• The single click-through model removes form friction entirely, making the mobile path from browse to order as short as one tap

How this template helps you convert

The page is structured as a Click-Through landing page, meaning every design decision moves the visitor toward tapping the coral button. Conversion is earned gradually through trust-building, not forced through aggressive prompts.

1. The UGC photo wall opens with social proof before a single claim is made, so visitors recognize real food and real people from the first second
2. Neighborhood testimonials place the caterer inside the visitor's own community, which builds the proximity trust that turns browsers into first-time buyers
3. The order tier flow removes price anxiety by starting small and scaling naturally, so visitors feel comfortable committing to any size order before reaching the final call to action

Other information about this template

This template was designed specifically for the Surinamese catering service niche in the Netherlands. It carries cultural and geographic specificity that generic food templates do not provide. A few additional details worth knowing before you get started:

• The Dutch-language copy direction includes phrases like "Wij bezorgen in jouw buurt" and "Bekijk het menu en bestel" which can be adapted to your specific service area and menu
• The template is built for a Netherlands-based market with EUR currency context and Dutch geographic references baked into the neighborhood section structure
• The footer uses a minimal horizontal pattern (Pattern 3, Vercel Horizontal) to keep the closing section clean and focused

Show more