Alpine Travel Agency Landing
+6Airy Flight Booking Landingv1.0.2
Use this Skill to build landing page.
Rising
5.015 downloads0 likes0 saves
$4.99
What do I get when I buy this Skill?Build a complete flight and hotel booking site with a pale blue ground, a white rounded shell, a silver airplane under a two-line uppercase headline and a search card with trip-type tabs. Search, results, seat maps, hotel pages and a three-step booking all respond, and you get one self-contained file that opens in any browser and works offline.
Picked most often by
Updated Oct 3, 2026
Similar Skills
View all skills+6
What you get
- One self-contained website file for your brand that opens in any browser and works offline, with fonts and images built in; a port into your own framework project when you have one.
- Working booking flows: airport type-ahead, a two-month range calendar, travellers and cabin picker, filtered results, a seat map and a three-step booking with review.
- The signature look: pale blue ground, white shell, silver airplane hero, trip-type tabs, boarding-pass fare stubs and airy hotel cards, shown in a 20-page example with 15 purpose-made images.
Good fit
- Travel agencies, airlines and hotel groups that want a calm, premium booking front end.
- Tour operators and villa agencies that can map their packages or stays onto the flight and hotel sections.
- Teams that want a clickable booking prototype to test with customers before connecting real inventory.
Not for
- Live flight inventory, payments or real reservations; the forms show honest demo confirmations only.
- Brands that want a dark, dense or heavily illustrated look instead of the airy white shell.
- Publishing the fictional Aero & Away brand, hotels or advisors as a real business.
Brand IdentityDigital Publications & Web PagesBuild Landing PageStyle-lockedEditable OutputData TabsFlightHeroHotel
About this Skill
Airy Flight Booking Landing builds a complete flight and hotel booking site in a calm, premium travel style: a pale blue ground, a white rounded shell, a silver airplane under a two-line uppercase headline and a search card with trip-type tabs. The example is the fictional travel agency Aero & Away, with 20 connected pages where search, results, seat selection and booking all respond.
What you get
- One self-contained website file that opens in any browser and works offline, with fonts and images built in. If you already have a framework project, the design is ported into it instead.
- A full page family: flight search and results, featured departures with seat maps, hotels with detail pages, deals, airlines, support, a three-step booking, contact, sign-in and a helpful not-found page.
- Working controls with visible feedback: airport type-ahead, a two-month range calendar, travellers and cabin limits, filters, sort, empty states and a booking review.
- One art direction for every image: soft daylight in pale sky blue, chalk white and sand, with each hotel shown whole in a portrait card.
- Calm entrances and page fades that never hide content and respect reduced-motion settings.
How to use it
- Share your brand name, audience, routes or destinations, hotels, fares and support details. Anything you leave out is drafted as a plausible placeholder and listed for you to confirm.
- Send your own photos, or let the agent generate new hotel, destination and team images in the same soft daylight style. The airplane, cabin and two flight images are neutral and can stay.
- Open every page on desktop and phone, try the search, filters and booking steps, and ask for changes.
Type is set in Instrument Sans and Geist Mono, embedded in the file. New images come from your agent's own image tool and may carry its usage charges; the example never books or charges anything.
What you need before you start
- You bring
- Brand name, audience and the routes or destinations you sell · Hotels, fares and support details, or permission to draft placeholders for you to confirm · Your own photos, or approval to generate new hotel, destination and team images
- 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 tool in your agent, or your own photos, for brand-specific hotel, destination and team images · A modern browser for previewing and reviewing every page
- Outside costs
- New hotel, destination and team images are generated with your agent's own image tool, which may charge for usage. Without one, supply your own photos; the neutral airplane, cabin and flight images can stay as placeholders. Viewing the example costs nothing.
- Last tested
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…