Quick summary
A real client-grade business site for a river yacht charter. It has photographic hero moments, charter packages, and a booking-oriented flow, built on Next.js. Use it for any premium service business where the product is an experience and the photography does the selling.
Who this template is for
A client-grade business site. It’s for premium services where the product is an experience and the photography does the selling.
- Hospitality, travel, and premium service businesses that sell an experience
- 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. You get 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
- Charter packages, route, and services sections, structured the way a booking decision gets 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 in the order a booking decision gets made |
| Route and experience sections | Show where the evening goes as well as 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 and 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 around it
Mobile and speed optimization
The build is desktop-first where the cinematic moments live, with a deliberate responsive pass so nothing breaks in a pocket.
- The layout reflows to a single column on small screens, with type scales tuned by hand
- Heavy media loads late or swaps to stills on slow connections, so the first paint stays fast
- Anything that depends on hover has a touch equivalent, so no content is stranded on a phone
How this template helps you convert
The page earns attention before it asks for anything. The OGtraplord homepage runs on the same logic.
- The strongest visual moment loads first, so visitors like what they see before they read a word
- Every section answers one question and hands off to the next, which keeps the scroll moving toward the call to action
- The ask arrives only after the proof: by the time visitors reach it, the work has already made the argument
Other information about this template
A few notes on this build.
- It’s a real client site, built to the business’s own 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
It’s 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, exactly as the template renders.
