Skip to content
Back to the catalogue
038 sections · React 19 + Vite + framer-motionIn plan $40/mo$129
No. 03
THE SITE RUNNING · 12 S · PREVIEW RECORDING, NO SOUND

Section index

01Hero
02The route
03Places
04Plan B
05What it carries
06Before you go
07Plan
08Closing

First lines of the prompt · 1,500 of 131,973 characters

---
Site: WAYMARK (waymark.example.com), a fictional travel-planning companion app (parallax layer hero, scroll-drawn route with typed itinerary, Plan B flip card, orbiting companions). Single page, English.
Media: 4 photographs generated for this prompt at 2K (Higgsfield Soul 2.0 (soul_2)); all vector art is drawn in SVG/CSS inside the code. No video.
Fonts: Sora, Nunito Sans and DM Mono, all from Google Fonts.
Compatible with: Claude, Cursor, Lovable, v0 (React 19 + TypeScript + Vite + Framer Motion 12, plain CSS).
Demo identity: brand, prices, figures, studios and any data are illustrative. Keep the concept-site line in the footer. Contacts use example.com; no form sends anything: submissions only become a local draft on screen. Keep the header comments of the components and the licences of the dependencies.
Text: all visible copy lives in src/content.ts; to translate, change only that file and index.html.
---

# WAYMARK — travel-planning app landing, a route that draws itself while the itinerary types

**What it is.** The landing page of Waymark, a fictional travel-planning companion app: it turns a rough idea ("ten days, Portugal, trains, no rush") into a day-by-day route, keeps a Plan B for every day, and works offline. Single page, English. Brand, cities, prices, figures and quotes are fictional; the footer says so.

**Why it exists as a product.** Sold as a prompt whose selling point is motion. The signature is **the route that draws itself**: a map-like SVG route acr

The full prompt appears after you copy. 131,973 characters, nothing summarized.