Theme: ... • Primary color: var(--color-primary)
Québec Destination Golf

Forfaits Golf

Réservez votre séjour golf complet — parcours, hébergement et activités

Site en développement

Ce micro-site est en cours de construction. Les forfaits et la réservation en ligne seront disponibles prochainement.

Comment tester?

La page de démo permet de visualiser le tunnel de réservation golf avec des données fictives.

Ouvrir la démo de réservation

Architecture Multi-Tenant

Ce micro-site supporte le multi-tenant : un seul code base, un seul déploiement Vercel, plusieurs domaines avec chacun son thème.

Comment ça fonctionne

  1. Le middleware lit le hostname de la requête
  2. Il résout le tenant via tenant-config.ts (hostname → thème)
  3. Le layout applique data-theme dynamiquement sur <html>
  4. La palette CSS du tenant s'active (couleurs, variables)

Ajouter un nouveau tenant

  1. Créer une palette CSS : src/styles/palettes/{tenant}.css
  2. Créer un DrawerTheme : src/config/themes/{tenant}-theme.ts
  3. Créer un StepRegistry : src/config/registries/{tenant}-step-registry.tsx
  4. Ajouter l'entrée dans src/config/tenants/tenant-config.ts
  5. Pointer le DNS vers le même déploiement Vercel

Tester localement

Ajouter dans /etc/hosts :

127.0.0.1 golf.local
127.0.0.1 ski.local

Puis visiter :

  • http://golf.local:3000/fr → thème golf (vert)
  • http://ski.local:3000/fr → thème ski (bleu)

Les 3 couches

Couche 3 — Données (Hub API)

Produits, prix, disponibilités, réservations. Routé par SalesChannel.

Couche 2 — Thème (par tenant)

Palette CSS, DrawerTheme, StepRegistry, images. Déterminé par le hostname.

Couche 1 — Booking Engine (générique)

BookingDrawer, ConfigurationStep, GuestsStep, PaymentStep, ConfirmationStep, BFF.

Québec Destination Golf v0.1.0 — ACGQ × Groupe Voyages Québec