Cloud Jet Travel Landing

Help a traveler compare destinations, understand aircraft options and prepare a specific charter enquiry. Cloud Jet Travel Landing combines a dark jet against pale clouds with lilac-grey ground, faded oversized type, portrait destination cards and a trip estimator below the hero. The fictional Auralis Air reference connects 29 routes and 16 images; its calculated figures are illustrative estimates, not confirmed fares or reservations.

What you get

  • A complete reference page family: home; destinations with eight detail pages; experiences with six themes; fleet with three aircraft details; booking, contact, About, FAQ, newsletter, privacy, terms and a designed not-found page. These total 29 example routes, including the fallback. Actual destinations, themes and fleet categories come from the brief and can change without keeping the sample names or counts.
  • A home journey from the framed jet hero to a separate booking band, destination rail, giant-type/cabin overlap, tabbed fleet showcase, large experience index, advisor promise, guest-note carousel, FAQ, closing action and newsletter footer. The visual system uses two-tone Inter Tight headings, Geist Mono flight labels, a 1280px container and a soft lilac-grey/graphite palette rather than saturated color washes.
  • Interactive trip selection for return, one-way and multi-leg journeys, date pickers, guest controls and an indicative time/aircraft/price result. Continuing carries selected details into a booking form with a live summary, cabin choice and compatibility warnings. Destination search, experience filters, departure-city choice, sort, saved shortlist/drawer, fleet tabs and FAQ search provide useful browsing around that estimate.
  • Destination details with a unique portrait, region, travel facts, arrangements, an initial three-day outline, departure tabs/route diagram and related places. Aircraft pages provide capacity/range/cruise/cabin-height figures, onboard information, seat-map artwork, reach examples, indicative rate and operator caveats. Contact has an advisor and topic/message fields; supporting pages include story, timeline, policies and newsletter interests.
  • One adapted HTML file by default, with styles, scripts, pictures and the two font files embedded for offline review. The installation includes the template, visual/style/page/route/interior/image/motion/framework/ReUI guidance, build helper and static validator. A framework request instead produces real components, typed content and routes in the chosen/existing stack. Forms validate and acknowledge locally; connected enquiries, payments, bookings and live availability remain separate.

Before you choose

A useful charter enquiry links a destination, a plausible journey and clear next steps. Review the estimate assumptions and failure cases alongside the attractive destination pages, and keep warnings visible. Scenic imagery, a seat-map diagram and a calculated euro amount cannot establish operational availability or an approved fare.

Good fit

  • A private-aviation brand or charter advisor needs a calm destination-led site with fleet comparison and a concrete enquiry flow.
  • A distance-based travel operator can supply route locations, vehicle capacity/range, speed and hourly-rate assumptions, then verify an appropriate estimator for its actual mode of travel.
  • A team wants tall destination photography, quiet typography and a coherent set of detail pages instead of a dense live booking interface.

Not for

  • Real flight reservation, aircraft dispatch, payment or a binding quote. The supplied calculations do not verify availability or operational feasibility, and forms send nothing.
  • A hotel/villa business whose offer does not depend on travel distance. The flight-style estimator would need a different product model rather than cosmetic renaming.
  • A saturated or multicolor brand, or a launch based on unverified fleet, advisor, safety, carbon or regulatory claims. Illustrated aircraft and generated portraits do not establish those facts.

How to use

You say/cloud-jet-travel-landing Build the Auralis Air site for private jet journeys from Geneva, with eight destinations and a quote request page.
  1. Supply brand, home base, audience and short hero promise; destinations with coordinates and specific travel content; aircraft/vehicle categories with range, cruise speed, seats and hourly rates; advisor/contact details and approved photographs. Add confirmed dates, policies and operating-partner information where relevant. List missing prices, claims, people, reply times and business facts as drafts for approval.

  2. Choose output within the project’s conventions. The default for no project is a self-contained HTML file. For an existing/requested framework, port the template to real routes/components and typed collections while keeping unrelated work. The guide defaults an unspecified framework request to Next.js App Router with TypeScript. React/Next generic controls use separately installed ReUI primitives; non-React projects need suitable local equivalents rather than a forced stack change.

  3. Map the business to the page family and keep each detail useful. Destinations need their own arrangements, first days and travel facts; fleet pages need actual category specifications and operator caveats. A charter advisor can describe categories it arranges and name operating partners. Helicopter, yacht and rail adaptations need mode-appropriate route/time/pricing logic: the supplied aircraft formula is not a verified sea or rail journey planner.

  4. Preserve the visual hierarchy: a framed high-key jet hero with eyebrow, two-tone headline, one short line, one pale action, sign-off and round arrow; place all trip controls below it. Keep the 84px desktop headline ceiling, 52px phone treatment, faded giant-type bands and tall destination cards. Use graphite for controls and light lilac-grey grounds, deliberate media crops and short optional motion.

  5. Replace collection data and related static references together. The guide supports at least two destinations, three to eight experience themes, one to four fleet categories and two to six guest quotes. Match fleet/about/office grids to their counts, update numbered headings and ensure every route, navigation link, detail ID and destination/experience relationship remains valid. The first hub is the default home base; change it deliberately.

  6. Understand the estimate before displaying it. It uses great-circle distance, flight hours of distance divided by cruise speed plus 0.4 hours per leg, seat capacity and an 8% range margin. Return adds the homeward leg; multi-leg may add a second destination and return; one-way applies a 1.5 repositioning multiplier. Price is hours times the selected category rate, displayed rounded to hundreds of euros. Dates do not change the rate, and accommodation is quoted separately.

  7. Order fleet categories intentionally: automatic selection takes the first compatible entry, not an independently sorted cheapest/smallest aircraft. A preferred incompatible category or fallback can still produce a number alongside a warning. Verify no-match, excess-party, out-of-range, same-destination and multi-leg cases before relying on the interface. Confirm actual route, operator, aircraft and price separately; the formula does not model weather, airspace, stops, airport charges or market availability.

  8. Plan one photographic direction and a unique portrait image per real destination. The eight supplied destination scenes depict invented places and must be replaced. Jet/fleet/cabin/terminal/desk pictures can be disclosed aviation stand-ins only where relevant; the advisor is a generated stand-in, not your team member. For another travel mode replace aviation imagery as well. Use owned/approved photos or an available image tool, whose new generation may incur charges; check subject fidelity, wings, faces, registrations, crops and alternative text.

  9. Test the estimator, its continuation link and booking summary together: departure hub, destination(s), trip type, dates, party, category and extras should agree after navigation. Exercise date constraints and keyboard calendar dismissal, shortlist add/remove/count, filter/search/sort/reset, fleet/departure tabs, carousel keys/swipes and FAQ no-results states. Forms should show inline errors, loading and explicit “nothing sent/booked” preview feedback until a real backend confirms otherwise.

  10. Replace sample metadata, wordmarks, hero/contact/about copy, advisor names, office details, newsletter, legal text, footer and script-built response promises. Retain the local-preview disclosure until integration. Do not inherit sample certified-operator or carbon-removal language without evidence. A generated destination scene or plausible testimonial is not proof of a real service, property or customer.

  11. Build the standalone file with Node.js 18+ and initial internet access to download/embed Inter Tight and Geist Mono alongside local images. Target no more than 5 MB and stay below the 8 MB strict limit. Check helper exit status because an output can be written before missing assets cause failure. Run the supplied validator on the built file; files mode allows local assets but does not verify their existence. Framework output needs type/lint/build checks.

  12. Review home and every route at 1440, 1024, 768 and 390px, extending overflow checks to 360–1920px. Inspect image subjects, text fit, booking calculations and warnings, mobile layouts, focus/Escape, back/forward, reduced motion and the standalone scripts-only iframe. Static checks validate structural/data markers, not actual operational assumptions or browser interaction. Deliver the output path, checks actually performed and all placeholder facts/images, then ask for page or estimate changes in ordinary language.

Requirements and costs

You bring
Brand name, home base and a short promise for the hero · Destinations, aircraft or vehicle categories with range, seats and hourly rates · Contact details, advisor names, any photos you own and, optionally, your framework project
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, or photography you own, for new destination images
Outside costs
Generating new images with your agent's image tool may incur that tool's usage charges. Using photos you own, or keeping the neutral aviation stand-ins, avoids that.
Publisher testing
v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT

FAQ

User reviews

—0 reviews

Select a star to share your experience.

No reviews yet. Ratings appear once readers share real experiences.

Similar Skills

View all skills