Quick summary
A real client-grade business site for a river yacht charter. Photographic hero moments, charter packages, and a booking-oriented flow, built on Next.js. The template for any premium service business where the product is an experience and the photography does the selling.
Who this template is for
A real client-grade business site. It is for premium services where the product is an experience and the photography does the selling.
- Hospitality, travel and premium service businesses where an experience is being sold rather than a product
- Operators who need packages, routes and an enquiry path structured for real bookings
- Businesses serving more than one language who need that handled properly rather than bolted on
What problem this template solves
Most site templates look fine in a screenshot and fall apart in production — interchangeable sections, stock imagery, and nothing that proves craft.
- Template marketplaces sell the same layouts to thousands of buyers, so nothing ends up feeling owned
- Buyers can usually preview a design but almost never see the exact instructions that produced it
- Teams need reference builds that survive contact with real content rather than lorem-ipsum mock-ups
What you get with this template
You get a charter business site built on Next.js: full-bleed photographic hero moments, charter packages, and a booking-oriented flow that funnels toward enquiry.
- Full-bleed photography leading every section, with the layout built to serve the imagery rather than compete with it
- Charter packages, route and services sections structured the way a booking decision is actually made
- Real routing on Next.js, so booking integrations and additional pages have somewhere to go
Page sections overview
| Section | Purpose |
|---|---|
| Full-Bleed Photographic Hero | Lead with imagery at full width so the experience sells itself |
| Charter Packages Structure | Present options the way a booking decision is actually made |
| Route and Experience Sections | Show where the evening goes, not just what it costs |
| Enquiry-Focused Flow | Funnel every section toward a single clear action |
| Bilingual Support | Serve the site in more than one language as a first-class feature |
| Next.js Routing Foundation | Build on real routing so booking integrations have somewhere to live |
Design & branding system
The identity is an evening on the water: deep night blues, warm gold accents, and a high-contrast serif that carries the premium register.
- A night palette of deep river blue with warm gold accents, tuned so text stays legible over photography without heavy scrims
- A high-contrast serif display face against clean sans body text, giving the premium register without ornament
- Photography treated as the primary design material, with layout and type built to serve it rather than frame it
Mobile & speed optimization
The build is desktop-first where the cinematic moments live, with a deliberate responsive pass so nothing breaks in a pocket.
- Layout reflows to a single column on small screens with type scales tuned by hand rather than left to chance
- Heavy media is deferred or swapped for stills on constrained connections so first paint stays fast
- Hover-dependent interactions carry touch-friendly equivalents, so no content is stranded on mobile
How this template helps you convert
The page earns attention before it asks for anything — the same conversion logic the OGtraplord homepage runs on.
- The strongest visual moment loads first, so a visitor forms a positive impression before reading a word
- Every section answers one question and hands off to the next, keeping scroll momentum toward the call to action
- The ask arrives only after the proof — by the time a visitor reaches it, the work has already made the argument
Other information about this template
A few notes on this build.
- It is a real client site rather than a demonstration, so the structure reflects genuine business requirements
- It runs on Next.js and needs a Node-capable host rather than plain static hosting
- Photography is doing most of the work here; the layout assumes imagery of comparable quality
- Packages, routes and language content are all data you replace for a different operator
How it works
Built on Next.js for real routing and future booking integrations. The layout leads with full-bleed photography and funnels toward a single clear action — enquire and book.
Screenshots
Captured from the live build, section by section. This is the template as it actually renders, not a mock-up.
