Flame — Mobile Gyro Service Landing Page Template

Quick summary

Spit is a single-column gyro truck booking landing page that pairs a cinematic lifestyle header with a scroll-linked origin story. It earns trust through craft specificity, then routes visitors toward two actions: booking the truck for a private event or finding it at a nearby public stop this week.

Who this template is for

This template is built for food truck owners who lead with story and convert through sincerity. It suits operators whose product has a genuine origin worth telling and whose audience spans both walk-up regulars and event planners with larger budgets.

• Event coordinators planning company picnics, backyard weddings, or catered gatherings for 25 to 150 or more guests
• Office park lunch crowds and weekend farmers market regulars who want to know where the truck will be next
• Gyro truck owners ready to move beyond social media and offer a dedicated booking and scheduling presence

What problem this template solves

Most food truck pages either look like a menu printout or a generic events-booking form. Neither builds appetite or trust. Visitors land, skim, and leave before they ever reach the call to action.

• No story means no reason to choose one truck over another at a crowded market or event
• Event coordinators need a frictionless way to submit booking inquiries, not a long email thread
• Walk-up customers need quick access to a public schedule without filling out a form they do not intend to submit

What you get with this template

You get a complete, ready-to-customize single-column landing page with a clear structure and intentional pacing. Every section is already sequenced to move a visitor from curiosity to confidence before the booking prompt appears.

• A cinematic hero section, a three-chapter scroll origin story, a craft detail section, a booking form, and a public schedule block
• A Pastoral Calm visual identity using a Japanese Zen color palette with washed stone, deep nori, soft sesame, and a single pickled ginger pink accent
• DM Serif Display headlines paired with Plus Jakarta Sans body text, with medium scroll animations and fade-in reveals already configured

Feature list

Scroll-Linked Origin Story

Three scroll-triggered sections move the visitor through a founding narrative: a grandmother's village kitchen, the first spit purchased from a restaurant supply in Queens, and the truck being hand-lettered in a garage. Each chapter reveals one more layer of craft, using one image and one short paragraph per screen.

Dual Conversion Paths

A primary "Book the Truck" call-to-action button in pickled ginger pink appears beneath the hero and again after the story resolves. A secondary "Find Us This Week" path links to an embedded public schedule showing upcoming locations and times, letting casual visitors convert to foot traffic without submitting a form.

Event Booking Form

The booking form collects event date, guest count via a dropdown set to 25, 50, 100, and 150 or more guests, zip code, and one optional open-text line for event notes. The form is designed to feel lightweight and approachable, not bureaucratic.

Craft Detail Section

A dedicated section highlights three specific details: the proprietary spice blend, the 24-hour lamb marinade, and the pita baked fresh that morning. Each detail is presented as a short, confident statement that reinforces the quality behind the product.

Lifestyle Hero with Fade-In Type

The header opens with an overhead golden-hour photograph of a foil-wrapped gyro being torn open on a weathered picnic table. A single serif line, "Charcoal. Spit. Time.", fades in below the image using a smooth CSS reveal animation.

Page sections overview

Design & branding system

The visual identity follows a Pastoral Calm theme interpreted through a Japanese Zen color logic. Every color is earned by subtraction: the palette stays muted and intentional, letting whitespace carry much of the visual weight.

• Colors: soft sesame (#F5F0E8) and washed stone (#D5CCBE) alternate as section backgrounds, deep nori (#2D3A2E) carries all body text, and pickled ginger pink (#D48B8B) is reserved strictly for buttons and interactive highlights
• Typography: DM Serif Display is used for all headings to carry editorial warmth, while Plus Jakarta Sans handles body copy for clean readability at every size
• The shallow depth-of-field hero image, the weathered picnic table, and the chalkboard truck background all reinforce a hand-crafted, unhurried atmosphere

Mobile & speed optimization

The template is built mobile-first, which reflects the real behavior of the gyro truck audience. Lunch crowds and market visitors check their phones, not laptops, when deciding where to eat.

• Single-column flow means the layout never breaks or reflows awkwardly on small screens
• Scroll animations use native CSS smooth scroll and IntersectionObserver, avoiding heavy animation libraries that slow mobile load times
• The booking form and schedule block are touch-friendly and sized for comfortable use on a phone screen

How this template helps you convert

The page is designed to remove hesitation at every stage, not just at the form. Trust is built gradually so that by the time the booking button reappears, visitors already feel they know the truck.

1. The origin story and craft details establish credibility before any commercial ask is made, which lowers resistance for first-time visitors considering a catered event
2. The dual call-to-action structure means visitors with different intentions, event bookings versus casual walk-up visits, each find a relevant next step without feeling pushed toward the wrong action

Other information about this template

This template is a strong fit for gyro truck operators launching their first dedicated web presence or replacing a basic link-in-bio page. It is also a practical tool for any mobile kitchen owner wanting to professionalize their event booking process.

• The footer uses a Vercel Horizontal Flow pattern for clean, structured closure
• The origin story format works beyond gyro trucks and can be adapted for any food truck with a founder story worth telling
• The schedule section supports three to five upcoming public locations with times, giving regulars a reliable reference point each week
• The template is built as a single-column flow landing page, making it straightforward to customize text, images, and colors inside any standard web editor

Show more