FloresWide tour guide website
floreswide.com is the website of an independent licensed tour guide on Flores, Indonesia. It presents six tour packages in English and Indonesian, with fully localized routes, copy, and meta tags. The design by Damien Topin was translated 1:1 from Figma, with server-side rendering, a build-time WebP image pipeline, and accessibility oriented at WCAG 2.2.
schema.org structured data for tours
schema.org is a shared vocabulary that describes page content as machine-readable data, embedded as JSON-LD. Each tour page ships a graph of typed entities: a TouristTrip with its day-by-day itinerary, the visited places as TouristDestination nodes, an Offer, a BreadcrumbList, and the guide as a Person referenced as provider. Every node carries a stable @id, so entities are defined once and referenced everywhere else.
This matters because search engines no longer have to guess what a page is about: duration, price, itinerary, and provider are explicit facts. That makes the tours eligible for rich results and connects them to a consistent entity — deliberately modeled as a Person rather than an Organization, matching the reality of an independent guide.
Further info
Tech stack
- React frontend library
- React Router fullstack framework for server side rendering, routing and general tooling
- Tailwind CSS utility-first styling with design tokens from Figma
- TypeScript type-safe codebase, including generated route types
- vite-imagetools build-time responsive WebP image variants
