Havana - Immersive Budget Landing Page Template

Havana is a single-column budget travel landing page built for Cuba trip guides. It pairs an immersive Organic Flow design with a marketplace-style card layout, real prices on every module, and a sticky itinerary builder. The result is a page that earns reader trust before asking for anything, then moves them smoothly toward planning their own low-cost Cuba adventure.

by Rocket studio

Quick summary

Havana is a single-column landing page template designed for Cuba budget travel guides. It uses an Ocean Calm color palette, a curated card marketplace layout, and a sticky trip-builder bar. Every section shows real prices before asking for a click, creating an experience that feels lived-in and trustworthy from the first scroll.

Who this template is for

This template is built for travel creators, content entrepreneurs, and digital guidebook authors who want to publish a budget travel resource that actually converts. It suits anyone producing a Cuba-focused guide where the audience expects honest prices, practical routes, and zero fluff.

  • Gap-year backpackers and freelance travelers looking for proven low-cost Cuba routes and stays
  • Retired travelers and curious explorers wanting a well-organized, credible planning resource
  • Travel bloggers and indie publishers who need a marketplace-style page to sell or share their Cuba expertise

What problem this template solves

Most travel landing pages bury the useful details behind beautiful photography and vague promises. Budget-conscious travelers stop trusting a guide the moment it hides prices or lists only five-star options they cannot afford.

  • Visitors leave when they cannot find real costs up front, before committing their email or attention
  • Generic travel page layouts do not create the immersive, mood-first feeling that makes a Cuba guide believable
  • Single-link-in-bio pages and blog posts cannot replicate the itinerary-building, marketplace energy this template delivers

What you get with this template

You get a fully structured single-column landing page that moves visitors from atmosphere to action. Every visual and layout decision in this template was designed to feel like Cuba itself: warm, layered, and honest about money.

  • A panoramic full-width header with a hand-set serif headline and an animated peso counter ticking to $30
  • A modular card marketplace covering Accommodation, Transport, Street Food, Experiences, and City Guides, each with mango-accent price badges and expandable mini-catalogs
  • A sticky "Build Your Cuba Trip" bottom bar that tallies selected modules, plus a gated PDF packing list and offline map bundle collected via an email field and travel-month dropdown

Feature list

This template is built from prompt-specific decisions, not generic travel page conventions. Each feature below maps directly to the brief.

Panoramic Header with Animated Peso Counter

The header uses a single edge-to-edge horizontal image at wave height, showing the Malecón at golden hour. A hand-set serif headline overlays the scene, and a small animated counter ticks from $0 to $30, setting budget expectations instantly and memorably.

Curated Card Marketplace Layout

Budget travel modules arrive as torn-notebook-style cards, slightly rotated and shadow-lifted. Cards begin solo, then cluster into grids as the visitor scrolls, creating the feeling of an itinerary assembling itself. Each card carries a hero thumbnail, a mango price-range badge, and a one-line hook.

Expandable Card Mini-Catalogs

Clicking any card expands it into a mini-catalog of listings within that category. This keeps the page clean while giving detail-hungry travelers the depth they want without navigating away.

Sticky Itinerary Builder Bar

A persistent bottom bar labeled "Build Your Cuba Trip" lets visitors add cards to a running tally of selected modules. It functions like a lightweight cart, keeping conversion intent alive throughout the full scroll without interrupting the reading experience.

Full-Width Traveler Pull Quotes

Between card clusters, single full-width pull quotes from real travelers break the scrolling pace. These act as social proof breathers, resetting the rhythm and reinforcing credibility at the exact moments visitor attention might drift.

Gated PDF Resource with Email Capture

The final section offers a free downloadable packing list and offline map bundle. It is gated behind a single email field and a travel-month dropdown, collecting qualified leads while delivering immediate, tangible value.

Page sections overview

SectionPurpose
Panoramic Hero HeaderSets mood, introduces $30/day premise with animated counter
Accommodation CardsShowcases budget sleep options with real per-night prices
Transport Module CardsMaps colectivo routes and low-cost inter-province travel
Street Food CardsHighlights peso pizza windows and local eating spots
Experiences CardsCurates affordable cultural and outdoor activities
City Guides CardsBreaks down per-city spending with practical hooks
Traveler Pull QuotesProvides social proof between card cluster sections
PDF Resource GateCaptures email in exchange for packing list and offline map
Sticky Trip BuilderPersists at page bottom as a module-tally itinerary bar

Design & branding system

The Ocean Calm palette is built around four specific tones that evoke a waterlogged postcard drying on a hostel windowsill. Color use is intentional: backgrounds alternate between cream and deep night to create a day-and-night rhythm as the visitor scrolls.

  • Faded Malecón turquoise (#6AACB8), sun-bleached colonial plaster (#F5ECD7), deep Caribbean night (#0F2B3C), and warm mango (#E8943A) reserved for prices, calls to action, and interactive tags
  • Typography uses hand-set serif for headlines to reinforce the analog, human quality of the guidebook feel
  • Cards follow an Organic Flow visual style with slight rotation, shadow lift, and torn-edge texture suggesting pinned notebook pages

Mobile & speed optimization

The single-column flow layout is naturally suited to mobile browsing, where most travel planning happens. Card clusters reflow cleanly from grid to stacked format without losing the marketplace rhythm.

  • The sticky bottom bar remains accessible on smaller screens, keeping the itinerary builder reachable during the full scroll
  • Full-width hero and pull-quote sections scale to viewport width, preserving cinematic impact on any screen size

How this template helps you convert

The conversion logic is built into the content delivery itself. Trust is established through visible prices before any action is requested, which reduces friction for budget-sensitive visitors.

  1. Real price badges on every card build credibility early, so visitors arrive at the email gate already engaged and informed rather than skeptical
  2. The sticky itinerary bar keeps micro-commitment alive throughout the scroll, turning passive browsing into active trip-building before a single form is filled
  3. The gated PDF section offers a concrete, tangible reward (a packing list and offline map bundle) in exchange for an email address and travel-month data, qualifying leads by intent

Other information about this template

This template sits at a specific intersection of travel content and marketplace design. A few practical details worth noting before you build.

  • The template is built as a single-column flow landing page, not a multi-page website, making it fast to deploy as a standalone guide or campaign page
  • The Organic Flow theme and Ocean Calm color system are matched intersection fields, meaning the visual identity was selected to align specifically with the Cuba travel niche and its warm, worn aesthetic
  • The creative direction is Curated Collection, which means the scrolling experience is designed to feel like browsing a physical market stall rather than reading a linear article
  • The Marketplace/Multi conversion direction means multiple secondary calls to action coexist without competing, each card carrying its own "Add to Itinerary" prompt
  • This template is well-suited to creators publishing on platforms such as Framer, where the Organic Flow visual style and card-expansion interactions are fully supported
Havana - Immersive Budget Landing Page Template
Havana - Immersive Budget Landing Page Template
Havana - Immersive Budget Landing Page Template
Havana - Immersive Budget Landing Page Template

Theme

Organic Flow

Creative direction

Curated Collection

Color system

Ocean Calm

Style

Single Column Flow

Direction

Marketplace/Multi

Page Sections

Animated Peso Counter Hero

Torn-notebook Card Marketplace

Expandable Card Mini-catalogs

Sticky Trip-builder Bottom Bar

Gated PDF and Offline Map Bundle

Full-width Traveler Pull Quotes

Related questions

Can I customize the price badges and module categories?

Is the animated peso counter difficult to set up?

How does the email capture section work?

Can I add more card categories beyond the five included?

Does the sticky itinerary bar require a backend to function?