Traverse is an immersive horizontal scroll landing page built for Petra and Wadi Rum guided tour operators selling direct. It combines a cinematic search header, a parallax Interactive Explorer, pulsing hotspot moments, and a persistent three-step booking panel to move visitors from inspiration straight to confirmed reservation, without leaving the page.
by Rocket studio
Loading preview…
Quick summary
Traverse is a single-page, horizontal scroll template designed for cultural heritage tour operators running guided expeditions through Petra and Wadi Rum. The layout guides visitors west to east through the actual journey geography, from carved Nabataean facades to open desert camp, using layered parallax depth, video hotspots, and a persistent booking panel that never disappears from view.
Who this template is for
This template is built for tour operators and travel brands who sell guided experiences in Jordan's heritage landscapes directly to their audience, without relying on third-party aggregators.
Boutique tour companies offering 2-day, 3-day, or 5-day Petra and Wadi Rum itineraries
Independent guides and small travel agencies targeting couples, solo travelers, and small friend groups
Heritage tourism brands that want a direct sales channel with visible pricing and live availability
What problem this template solves
Most tour pages either bury the booking step under layers of scrolling text or hand visitors off to aggregator platforms that undercut margins and dilute brand identity. Traverse closes both gaps.
Visitors lose the emotional momentum of discovery before they ever reach a booking form
Aggregator-dependent pages make it hard to show transparent, competitive per-person pricing
Generic layouts fail to communicate the sensory reality of a once-in-a-lifetime desert journey
What you get with this template
Traverse delivers a complete, ready-to-customize horizontal scroll landing page with every major section pre-built and purposefully sequenced.
A cinematic search header with a panning aerial video background and auto-suggest search field
A full horizontal scroll explorer with parallax depth layers, pulsing hotspot icons, and short embedded video moments
A persistent three-step booking panel covering itinerary selection, a visual availability calendar, and a single payment confirmation field
Theme
Organic Flow
Creative direction
Interactive Explorer
Color system
Dark Emerald
Style
Horizontal Scroll
Direction
Direct Sales
Page Sections
Cinematic Search Box Header
Horizontal Scroll Journey Explorer
Three-layer Parallax Depth
Pulsing Hotspot Video Moments
Persistent Booking Panel
Private Route Request Form
Related questions
Can I customize the itinerary options and pricing shown in the booking panel?
Does the horizontal scroll experience work on mobile devices?
Can I replace the hotspot video clips with my own footage?
Is the 'Design a Private Route' form pre-connected to a backend system?
What types of tour operators is this template best suited for?
Feature list
This template brings together a focused set of purpose-built components. Each one serves the specific goal of moving a heritage tour visitor from curiosity to confirmed booking.
Cinematic Search Header
The header centers a search field over a slowly panning aerial video of Wadi Rum's red sand valleys. The field opens with the prompt "Where do you want to wake up?" and surfaces auto-suggestions like "Treasury at sunrise," "desert camp under stars," and "Siq by candlelight." This immediately positions the visitor as an active navigator rather than a passive reader.
Horizontal Scroll Journey Map
Swiping right moves the visitor through the tour's actual geography, west to east. Petra's carved facades give way to open wadi, then narrow canyon jeep trails, then the vast camp-under-stars finale. The motion feels like unrolling an ancient map across a wide table.
Layered Parallax Depth System
Each scroll position shifts three independent background layers at different speeds. Foreground rocks move fastest, midground cliffs move slower, and the sky drifts slowest of all. The result is genuine visual depth without requiring any additional plugin or external library.
Pulsing Hotspot Video Moments
Hotspot icons pulse on points of interest across the scroll canvas. Tapping one expands a short video clip: a guide's hand tracing Nabataean script, tea poured from height, a camel silhouetted against the last light. These micro-moments build trust and desire at the exact points where attention peaks.
Persistent Three-Step Booking Panel
The primary call-to-action button, labeled "Book Your Crossing," anchors to the right edge of every scroll frame as a vertical button. Tapping it reveals a three-step panel: choose an itinerary, select dates from a visual calendar with live camp-capacity indicators, and confirm guest count alongside a single payment field.
Private Route Request Form
A secondary path labeled "Design a Private Route" opens a short form for custom group inquiries. This gives operators a direct channel for high-value bespoke bookings without cluttering the main conversion flow.
Page sections overview
Section
Purpose
Search Header
Entry point with cinematic aerial video and auto-suggest search
Horizontal Explorer
Scroll-driven geographic journey from Petra to Wadi Rum
Hotspot Video Moments
Pulsing points of interest with embedded short video clips
Itinerary Cards
Three packaged tour options with per-person pricing and comparisons
Booking Panel
Three-step selection for itinerary, dates, and guest confirmation
Private Route Form
Custom group inquiry path for bespoke expedition requests
Design & branding system
Traverse follows an Organic Flow visual theme built around a Dark Emerald color system. Every color choice references the actual sensory environment of the landscape it represents.
Core palette: deep desert night (#0B3D2E), weathered sandstone (#C2956B), Bedouin tea amber (#D4A24E), and canyon shadow black (#1A1A1A)
Typography grounds against soft sage (#A8C5A0) hover states, keeping interactive elements warm and readable against dark backgrounds
Surface textures carry the feel of wind erosion and patinated metal, reinforcing the heritage character of the journey throughout the scroll
Mobile & speed optimization
The horizontal scroll experience is designed to translate cleanly to touch-based navigation on smaller screens, where a swipe gesture maps directly to the physical act of moving through the landscape.
Touch-swipe input replaces mouse-drag on mobile, keeping the explorer interaction native and intuitive
The persistent booking button adapts its vertical anchor position to remain accessible without covering key visual content
Video hotspots are tap-activated on mobile, loading only when the visitor chooses to engage them
How this template helps you convert
Traverse removes the usual friction between inspiration and purchase by keeping the booking path visible and simple at every stage of the visitor's journey.
The search header converts passive curiosity into active intent from the first second on the page, letting visitors choose their own entry point into the experience
Itinerary cards display per-person pricing alongside a crossed-out aggregator comparison rate, making the direct-booking value case before any commitment is required
The three-step booking panel reduces decision fatigue by breaking the purchase into three clear, low-pressure steps within a single overlay, so visitors never leave the page to complete a reservation
Other information about this template
Traverse is a purpose-built template for the cultural heritage tourism segment, specifically designed around the Petra and Wadi Rum tour niche. A few additional details worth knowing before you customize and launch.
The template sits within the Travel and Hospitality category, under the Cultural and Heritage Tourism subcategory
The creative direction is Interactive Explorer, paired with the Search Box header concept and a Direct Sales conversion strategy
The Organic Flow theme and Dark Emerald color system are pre-configured and ready to adapt to your own brand's tone and photography
All itinerary card pricing fields, calendar availability states, and capacity indicators are editable placeholder components, ready for your live tour data
