Next.js 16React 19TypeScriptTailwind CSS v4FormspreeJSON-LD

Gecko Enduro Tours

Typography-led, GDPR-compliant enquiry funnel

geckoendurotours.eu

geckoendurotours.eu

Problem.

A French-Pyrenees enduro motorcycle tour operator had a dated WordPress/Elementor site with no real conversion path and a photo library from circa 2013 that no amount of CSS could disguise. The business needed enquiries landing in the owner's inbox, not bounces landing on Google Analytics.

Approach.

A six-page marketing site built around one goal - qualified enquiries - with a typography-led layout (Bricolage Grotesque paired with Inter) that leads, not the imagery. To work around the low-resolution photography without a reshoot budget, I built three image treatments: a duotone blend for cards, gradient-grain overlays for heroes, and rotated-frame shadows for galleries. Everything that can be server-rendered is. Client components only appear where interaction demands it: mobile nav, tour filter, enquiry form, gallery lightbox, GDPR-gated map consent. The enquiry form uses React Hook Form with Zod validation and posts to Formspree. i18n is wired through next-intl ready for French/Spanish.

Outcome.

The site does more with the existing image library than the original ever did, because the type is doing the heavy lifting. The enquiry form is the clear primary CTA on every page, with GDPR handled properly at the map level rather than through a blanket banner.

What it includes.

Typography-Led Design
Three Image Treatments
JSON-LD Local SEO
GDPR Consent Maps
Formspree Enquiry Form
i18n-Ready Architecture