Alpine Travel Agency Landingv1.0.2
Use this Skill to build landing page.
Rising
5.022 downloads1 likes0 saves
$4.99
What do I get when I buy this Skill?Build a complete mountain travel website: a full-bleed valley photo, one giant white display word, a dark glass search bar fused to the bottom of the hero and staggered rounded landscape photographs. The worked example, Wander North, is a fictional small-group walking company with 30 connected pages, from filterable journeys and guide profiles to booking and a trip quiz. By default you get one self-contained file that opens in any browser and works offline.
Picked most often by
Updated Oct 3, 2026
Preview gallery
Similar Skills
View all skills
What you get
- A finished 30-route example site for Wander North: eight journey pages, three guide profiles, three articles, booking, FAQ, contact, a quiz and a designed 404, with 20 photographs.
- Working controls: hero search with live match counts, journey filters and sort, a booking panel with running total and deposit, validated forms and a focus-trapped mobile menu.
- Your own site as one offline file with Geist fonts embedded, plus the style rules, image plan with prompts, motion system and quality checklist your agent builds from.
Good fit
- Walking, cycling or ski tour operators and mountain lodges that want a calm, photo-led website.
- Small travel brands that need many real pages (trips, guides, stories, booking) rather than one landing page.
- Founders who want a site they can open, review and host as one file without setting up a build.
Not for
- Live bookings or payments: forms validate and confirm on the page but send nothing until you connect a real service.
- Brands that want a dark, neon or heavily animated look; this design is light, photographic and calm.
- Sites without photography: the hero, journey cards and collage depend on strong landscape and people photos.
Brand Identity & Visual SystemsWeb Design & Digital ExperiencesBuild Landing PageStyle-lockedEditable OutputAlpine CollageAlpine HeroAlpine SearchData Quiz
About this Skill
Turn your trips, guides and stories into a complete mountain travel site: a full-bleed valley photo, one giant white word and a dark glass search bar fused to the bottom of the hero. The worked example is Wander North, a fictional small-group walking company with 30 connected pages and 20 photographs from one art direction.
What you get
- Home, journeys with filters, eight journey pages, experiences, retreats, guides, journal, about, contact, FAQ, newsletter, booking, a three-question quiz and a designed 404
- A hero search whose filters show live match counts and carry over to the journeys page
- Journey pages with an elevation profile, a day-by-day plan and a booking panel that adds up the total and deposit
- Calm motion, embedded fonts and photos, and a site that works offline and on phones
- A quality checklist your agent works through before handing the site over
How to use it
- Share your company name, trips, guides, stories and prices; anything missing is drafted as clearly marked placeholder copy.
- Your agent generates or places the photos, rebuilds every page around your content and checks each page at desktop and phone widths.
- Open the single file it hands back, click through the pages and ask for changes in plain words.
Forms confirm on the page and never claim a real booking or payment. New photos made with your agent's image tool may incur that tool's usage charges.
What you need before you start
- You bring
- Company name, region and the kind of trips you run · Your journeys, guides and stories with dates, prices and short descriptions · Your own photos, or permission for your agent to generate them
- Dependencies
- Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image generation tool in your agent for new photos, or photos you supply
- Outside costs
- New photos are generated with your agent's own image tool, which may incur that tool's usage charges. Supplying your own photos avoids this, and viewing the example costs nothing.
- Last tested
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…