Casado — Costa Rican Truck Landing Page Template
Casado is a modular card-grid landing page built for a Costa Rican food truck. It pairs a golden-hour lifestyle hero with a gallery-walk layout, flip-card event photos, a weekly route map, and an inline booking form. The design runs warm and hand-crafted, guiding brewery managers, corporate coordinators, and wedding planners straight toward a booking.
by Rocket studio
Quick summary
Casado is a single-page, card-grid landing page for a Costa Rican food truck focused on event catering. It blends cinematic food photography with a gallery-walk layout to showcase authentic costa rican food, communicate the truck's story, and convert visitors into event bookings. Every section earns the next click before the booking form ever appears.
Who this template is for
This template is built for food truck operators who serve authentic costa rican cuisine and want to attract corporate and event clients alongside walk-up lunch crowds. It suits operators who already have a visual identity and need a page that closes catering deals.
- Brewery taproom managers looking for a reliable weekend food partner
- Corporate campus coordinators filling weekday lunch and dinner slots
- Wedding and event planners seeking a distinctive, memorable catering experience
What problem this template solves
Most food truck pages either look like a basic menu PDF or a generic restaurant site. Neither earns trust from an event planner who needs to justify a vendor choice. This template solves that gap by leading with story, atmosphere, and social proof before it asks for anything.
- Visitors arrive without context and leave before scrolling; the cinematic hero and floating social-proof card stop that drop-off immediately
- Event planners need to see the truck at real venues; the flip-card event gallery answers that question without a single line of extra copy
- Walk-up customers need to find the truck fast; the route map card gives them a direct path without cluttering the booking flow
What you get with this template
You get a fully structured, single-page layout ready to receive your photography, copy, and booking details. Every row in the grid has a defined purpose, and the visual system is consistent from the hero image to the footer.
- A cinematic full-width hero section with a floating glassmorphic social-proof card and a primary "Book the Truck" call to action
- Three modular card rows covering dish photography, event flip cards with client quotes, and a wide weekly route map card
- An inline booking form with a date picker, guest count slider for groups of 25 to 500, venue type selector, and a free-text event description field
Feature list
This template ships with the following built-in capabilities drawn directly from the design brief.
Cinematic Lifestyle Hero
The header is a full-width golden-hour photograph taken beside the truck's service window. Shallow depth of field keeps the food and the exchange sharp while the crowd dissolves into warm bokeh. A floating glassmorphic card overlays rotating social-proof metrics and a "Book the Truck" call to action directly in the hero zone.
Gallery-Walk Card Grid
Scrolling feels like wandering through a food market. The first row shows three overhead dish cards on ceramic plates, each with a one-line story beneath it. The second row displays event flip cards that reveal a client quote on hover. Generous gutters and staggered card heights give the grid an organic, hand-crafted rhythm.
Flip-Card Event Gallery
Each event card in the second grid row carries a front-facing photograph from a real venue setting, such as a brewery, a night market, or a farm wedding. On hover, the card flips to show a short client testimonial. A "Book the Truck" call to action repeats after every second row of cards, keeping the conversion path short.
Weekly Route Map Card
A wide asymmetric card displays a hand-drawn map of the truck's weekly stops. A secondary call to action, "See This Week's Stops," links walk-up customers directly to this card so they can find the truck without navigating away from the page.
Inline Booking Form
The booking form lives on the page, removing any friction of a redirect. It includes an event date picker, a guest count slider from 25 to 500 guests, a venue type selector covering brewery, private, corporate, and festival options, and a free-text field labeled "Tell us about your event."
Mobile-First Floating call to action
The "Book the Truck" button is pinned as a floating element on mobile screens. This keeps the primary action reachable at all times without requiring the visitor to scroll back to the top of the page.
Page sections overview
| Section | Purpose |
|---|---|
| Full-Width Hero | Lifestyle photo, floating social-proof card, primary booking call to action |
| Dish Card Row | Three overhead plate shots with one-line dish stories |
| Event Flip Cards | Venue photos that flip to reveal client quotes |
| Weekly Route Map | Hand-drawn map card with walk-up customer call to action |
| Inline Booking Form | Date picker, guest slider, venue selector, free-text field |
| Footer | Horizontal flow footer with contact and navigation |
Design & branding system
The visual identity follows an Organic Flow theme built on a Parchment and Rust color system. Typography pairs Fraunces, a serif display face, with Manrope for body text. The overall feel is warm, slightly imperfect, and honest, like a hand-stamped menu left on a wooden table.
- Sun-bleached parchment (#F5ECD7) as the primary background, oxidized rust (#A0522D) on headlines and card borders, and deep plantain-skin brown (#3B2314) for body text
- Bright salsa verde (#6B8F3C) reserved for buttons and hover states, providing a clear visual contrast against the warm background tones
- High animation intensity including blob glows, staggered card reveals, marquee scroll, and card flip transitions on hover
Mobile & speed optimization
The template is built mobile-first, reflecting the fact that most people discover a food truck on their phone. The floating "Book the Truck" button stays pinned at all times on small screens so the conversion action is never buried.
- Native CSS scroll behavior and Intersection Observer drive the reveal animations without heavy JavaScript dependencies
- The floating call-to-action button on mobile removes the need to scroll back to the top to book
- The layout reflows cleanly from the multi-column desktop grid to a single-column mobile stack
How this template helps you convert
The page is structured so the visitor earns trust through food and story before they see a form. Each section does deliberate conversion work.
- The hero section stops the scroll with a cinematic image and immediately surfaces rotating social proof, so a brewery manager or event planner sees credibility in the first three seconds
- The dish cards and event flip cards let the visitor visualize the food and the atmosphere at a real event, making the booking form feel like a natural next step rather than a cold ask
- The inline form with a guest slider and venue type selector reduces friction by giving planners a structured way to describe their event without writing from scratch
Other information about this template
This template is purpose-built for the casado authentic costa rican catering landing page template use case. The broader culinary context it supports is worth understanding, because the page copy and imagery will need to reflect these traditions accurately to resonate with food-savvy visitors.
- Casado means "married" in Spanish. The dish called casado is costa rica's national dish, combining rice, beans, a protein, salad, and fried plantains on one plate. The name reflects how the dish marries many elements together, much like a home cooked meal packed in a banana leaf for a married man working in the fields, which is where its origins trace back to.
- Casado means the same dish can appear in many variations across the country. A casado plate might feature grilled chicken, beef, pork, or fish, alongside sweet plantains or ripe plantains, a cabbage salad, and sauces like salsa lizano drizzled over rice and meat.
- Gallo pinto, translated loosely as "spotted rooster," is the heart of costa rican cooking. It is white rice and black beans sauteed together with onions, pepper, cilantro, garlic, and a splash of salsa lizano. Gallo pinto is equally at home on a breakfast plate or alongside a full costa rican meal at lunch.
- Ceviche is another fixture of costa rican food. Raw fish or shrimp is diced and marinated in lime juice with onions, bell pepper, cilantro, and salt. The acid from lemon or lime juice effectively cooks the fish, producing complex flavors that are bright and clean.
- Olla de carne is a slow-cooked beef broth loaded with root vegetables, corn, and yuca. It is a traditional costa rican comfort food often served as a dinner dish in homes and small restaurants across the country.
- The template card copy and dish photography should reflect the unique flavors of central american cuisine, drawing from the indigenous, Spanish, and Afro-Caribbean influences that shape costa rican food across central america and latin america more broadly.
- The template supports imagery of tortillas, chifrijo with pico de gallo and avocado, tamales wrapped in banana leaf, ceviche with lime juice, and sweet dishes made with sugar and ripe plantains, so operators can showcase the full range of what they cook and serve.
- When building out the booking section, operators catering from 25 to 500 guests can note that casado catering typically starts at around $8 to $15 per person, making it a competitive and delicious option for events of many sizes.
- Client testimonials placed on the flip cards should focus on taste, authenticity, and service, because those are the three areas that convert event planners browsing multiple vendors.




Theme
Organic Flow
Creative direction
Gallery Walk
Color system
Parchment & Rust
Style
Card Grid (Modular)
Direction
Booking/Scheduling
Page Sections
Cinematic Lifestyle Hero Section
Gallery-walk Modular Card Grid
Hover Flip-card Event Gallery
Inline Booking Form
Floating Mobile Call to Action Button
Weekly Route Map Card
Related questions
What kinds of events is this template designed to promote?
Does the template include an actual booking system?
Can walk-up lunch customers use this page too?
How many guests does the booking form support?
What photography works best with this template?