Sofra — Agrarian Balkan Cuisine Landing Page Template

Quick summary

Sofra is a single-page food truck landing page template built around immersive food storytelling. The masonry scroll walks visitors through a full day of service, from early morning prep to a lit-up evening event. Two sticky conversion buttons keep booking and catering orders within reach at every scroll position.

Who this template is for

This template is built for wood-fired and street food operators who serve multiple buyer types at once. It works equally well for new trucks launching their first web presence and established vendors who need a cleaner booking flow.

• Festival vendors and food truck operators offering on-site catering
• Office managers and event coordinators sourcing catering for corporate teams
• Bosnian diaspora families planning private gatherings, slavas, or homecoming parties

What problem this template solves

Most food truck pages force visitors to choose between reading a menu and figuring out how to book. Sofra removes that friction by making visitors hungry first and giving them a logical path second.

• Emotional buyers, such as diaspora families, need authenticity proof before they commit
• Logistical buyers, such as festival organizers and office managers, need dates and pricing without hunting
• Standard restaurant templates do not support dual conversion paths or masonry storytelling layouts

What you get with this template

You get a fully structured, single-page layout that handles both emotional and logistical buyers in one continuous scroll. Every section is purposeful and tied to a real stage of the buying decision.

• A cinematic hero section with a lifestyle photograph and a sticky dual call-to-action bar
• A day-in-the-life masonry gallery covering morning prep, midday service, afternoon lull, and evening event
• A menu highlights section, social proof tiles, a schedule grid, and a footer with split layout

Feature list

This template includes a focused set of interactive and visual components drawn directly from the brief.

Sticky Dual Call-to-Action Bar

A bottom bar slides up and stays fixed as the visitor scrolls. It holds two primary buttons, "Book the Truck" and "Order Catering," plus a tertiary text link labeled "Find Us This Week." Both primary buttons open modal forms without leaving the page.

Masonry Gallery with Stagger Reveals

The gallery uses a Pinterest-style masonry grid where each tile appears with a stagger animation as it enters the viewport. Tiles represent moments in a real service day, not isolated product shots, so the food always appears inside living context.

Modal Booking and Catering Forms

"Book the Truck" opens a date-and-event-type form covering wedding, corporate, festival, and private options. "Order Catering" opens a menu builder with per-person pricing and a minimum headcount field. Both live in layered modals without full page reloads.

Schedule Grid with Accordion

A "Find Us This Week" section displays upcoming locations and hours in a simple grid. The accordion interaction lets mobile visitors expand and collapse individual dates cleanly without crowding the screen.

Parallax Hero Section

The hero uses a parallax scroll effect on the lifestyle shot. The image shows hands pulling apart a steaming lepinja over the truck's steel counter, with the serving window and a blurred afternoon crowd visible behind. The truck name appears only on the side panel in the background, slightly out of focus.

Organic Testimonial Cards

Social proof is embedded directly inside the masonry flow rather than isolated in a separate review block. Each quote card includes event type, city, and headcount so buyers can find cases that match their own situation.

Page sections overview

Design & branding system

The template follows an Agrarian Root visual theme built on a Parchment and Rust color palette. The overall feel is sun-faded linen, rough oak, and paprika-stained edges rather than anything glossy or clinical.

• Colors: unbleached parchment (#F2E8D5) for backgrounds, oxidized rust (#A0522D) for primary elements, hand-turned soil brown (#3B2314) for body text, and cool well-water blue (#7A9EAF) reserved for links and hover states
• Typography: Fraunces serif in italic for headlines, Manrope for body copy and labels
• Visual texture is anti-glossy and handmade throughout, with warm tones and naturally imperfect framing

Mobile & speed optimization

The template is built with a mobile-first layout because food truck audiences typically discover vendors on their phones at festivals or markets. The gallery and interactive elements are adapted for smaller screens from the start.

• CSS scroll-snap is applied to the mobile gallery for smooth one-tile-at-a-time browsing
• Hero image loads as a priority asset; all other images load lazily as the visitor scrolls down
• The sticky bottom bar and accordion schedule are touch-friendly and legible at small viewport sizes

How this template helps you convert

The page earns both the booking click and the catering order by sequencing emotion before logistics. Visitors feel the atmosphere of the truck before they see a form.

1. The masonry day-in-the-life scroll builds appetite and trust across four distinct moments, so visitors arrive at the conversion bar already engaged rather than cold.
2. The sticky dual call-to-action bar keeps "Book the Truck" and "Order Catering" visible at all times, reducing the effort required to act on a decision made mid-scroll.

Other information about this template

This template is a single landing page, not a multi-page website. It is localized for United States audiences with USD pricing and US date formatting throughout. The design system, animation timing, and section order are all defined in the source files and can be adjusted to match a different brand identity.

• Animation level is medium: parallax on the hero, stagger reveals on masonry tiles, and a slide-up entrance for the sticky bar
• Interactivity is high: modal forms, hover states on gallery tiles, and an accordion schedule grid are all included
• The footer follows an Arc Browser Split pattern with logo and tagline on the left and navigation links on the right
• This template suits any food truck or catering operation that needs to convert two distinct buyer types, logistical and emotional, within a single continuous page

Show more