Canopy is a full-width immersive landing page template for treehouse stays, geodesic dome retreats, and eco camp bookings. Built around a cinematic scroll sequence and a location-input header, it guides visitors through a sensory journey from dawn to starlight. A pinned booking bar, inline calendar, and gift-stay path convert browsers into guests before they leave the page.
by Rocket studio
Loading preview…
Quick summary
Canopy is a full-width immersive landing page template for glamping and eco-stay brands. It opens with a location-search header over drone footage, then walks visitors through a cinematic day-in-the-stay scroll. A pinned booking bar updates dynamically per property, and an inline calendar with a single payment step closes the sale without leaving the page.
Who this template is for
This template is built for hospitality businesses that sell an experience, not just a room. If your offer depends on atmosphere and feeling, Canopy gives that atmosphere a home online.
Treehouse retreat owners who want bookings without a clunky third-party widget
Glamping operators running multiple eco-stay types such as domes, yurts, and cabins
Small nature-stay brands targeting couples, remote workers, and family travelers
What problem this template solves
Most accommodation pages feel transactional. They list specs and prices before the visitor has any reason to care. Canopy solves this by building emotional investment first, then presenting the booking path once the visitor already wants to be there.
Visitors leave flat listing pages before they ever reach a booking step
Generic hospitality templates cannot communicate the sensory value of a forest stay
Operators lose gift-booking revenue because that path is buried or missing entirely
What you get with this template
You get a complete single-page booking experience designed specifically for immersive nature stays. Every section is intentional, and the structure moves visitors naturally from curiosity to confirmation.
A location-input header with crossfading drone footage per property
A full cinematic scroll sequence with parallax frames and sensory text cards
A pinned booking bar, inline availability calendar, and a secondary gift-stay path
Feature list
This template includes a focused set of interactive and visual features drawn directly from the brief. Each one plays a specific role in moving a visitor from first impression to confirmed booking.
Theme
Organic Flow
Creative direction
Cinematic Sequence
Color system
Northern Lights
Style
Full-Width Immersive
Direction
Direct Sales
Page Sections
Location Input Header with Crossfade Footage
Cinematic Day-in-the-stay Scroll
Pinned Booking Bar with Dynamic Rate
Inline Availability Calendar
Gift a Night in the Trees Path
Sensory Stat Text Cards
Related questions
Can this template handle multiple property types at once?
Is the entire booking flow kept on the page?
Can I use the gift-stay section even if gifting is not my main focus?
Who is the ideal audience for this template?
How does the color system work across the booking flow?
Location Input Header with Crossfade Footage
The header centers a single search field over slowly drifting drone footage. As the visitor types or selects a location, the background footage crossfades to match that specific property. The field placeholder reads "Where do you want to wake up?" with autocomplete suggestions tied to real property names.
Cinematic Day-in-the-Stay Scroll
After the header resolves, the page descends through a full visual day: morning light, an outdoor shower, a trail map, a campfire dinner, and finally the night sky through glass. Each frame fills the full viewport with parallax depth. Between frames, short text cards in birch-bark cream deliver sensory details including sound levels, altitude, and distance to the nearest neighbor.
Pinned Booking Bar with Dynamic Pricing
A persistent bottom bar stays visible throughout the scroll and updates with the nightly rate and next available date for the selected property. It acts as a constant, low-pressure reminder that the stay is real and bookable right now.
Inline Availability Calendar
Tapping the booking bar opens a calendar directly on the page. Available nights are highlighted in aurora green, and premium or sold-out dates are marked in spectral violet. A guest count selector follows, and a single payment step closes the booking flow.
Gift a Night Path
After the campfire section, a secondary call to action appears: "Gift a Night in the Trees." This path captures visitors who are browsing on behalf of someone else, turning passive browsers into gift purchasers without interrupting the primary booking flow.
Sensory Text Cards
Between the cinematic scroll frames, small birch-cream text cards surface specific, grounded details. Sound levels in decibels, altitude in feet, and distance to the nearest neighbor give the stay measurable character and help the visitor picture exactly where they will be.
Page sections overview
Section
Purpose
Location Input Header
Lets visitors select a property and crossfades footage to match
Morning Light Frame
Opens the cinematic day with the structure at dawn
Outdoor Shower Frame
Shows the rain-shower deck steaming against forest green
Trail Map Frame
Places the visitor mid-hike and builds a sense of land
Campfire Dinner Frame
Anchors the warmth and ritual of cooking over open flame
Night Sky Frame
Closes the day with starlight or aurora through glass
Sensory Text Cards
Deliver grounded stats between each full-viewport frame
Gift Stay Section
Presents the secondary gift-booking call to action
Pinned Booking Bar
Persists through scroll with live rate and availability
Inline Calendar
Handles date selection, guest count, and payment in one flow
Design & branding system
The template uses an Organic Flow visual identity built around the Northern Lights color system. The palette is designed to feel like standing in a boreal clearing at night, with the sky active above and the forest perfectly still below.
Deep boreal black (#0B1D26) saturates full-bleed backgrounds and grounds the dark photography
Aurora green (#3DFFA2) pulses through calls to action and available-date indicators in the calendar
Spectral violet (#7B5EA7) marks premium stays and sold-out calendar dates
Birch-bark cream (#F0E8D8) floats headlines and sensory text cards over dark imagery
Mobile & speed optimization
The template is structured to work fluidly on smaller screens, where most nature-stay bookings are researched and confirmed. The full-width immersive layout adapts so the cinematic scroll remains impactful on a phone.
Full-viewport parallax frames are designed to scale without breaking the visual rhythm on mobile
The pinned booking bar remains accessible at the bottom of the screen across device sizes
The inline calendar and guest selector are touch-friendly and require no page navigation to complete
How this template helps you convert
Canopy earns the booking before it asks for one. The structure is built around progressive emotional investment, not a hard sell at the top of the page.
The location-input header creates an immediate personal connection by crossfading footage to the visitor's chosen property, making the stay feel real and specific from the first second.
The cinematic scroll builds longing through a full sensory day, so by the time the visitor sees the pinned booking bar, they already feel the pull of the place.
The gift-stay path opens a second revenue channel for the same traffic, capturing browsers who would otherwise leave without a transaction.
Other information about this template
Canopy sits at the intersection of the Travel and Hospitality category with a Campground and Glamping subcategory, purpose-built for the Treehouse and Eco Camp niche. It is a strong fit for operators who want a direct-sales landing page that does the atmospheric work a booking aggregator never could.
Template style: Full-Width Immersive, with every section designed as a visual moment rather than a content block
Creative direction: Cinematic Sequence, structured like a nature documentary with a booking engine layered inside
Header concept: Location Input, giving each visitor a personalized entry point matched to a specific property
Lp direction: Direct Sales, with the pinned bar, calendar, and payment step all kept on-page to reduce drop-off
Color system: Northern Lights, using four specific hex values for a palette that is both distinctive and functional
Theme: Organic Flow, reflecting the natural, unhurried character of the stays being sold
