PLAYLIB — Hero de landing page (réservation de padel)
=====================================================

Ce dossier contient 3 directions de design pour la HERO (section au-dessus de
la ligne de flottaison) du site Playlib — une plateforme de réservation de
terrains de PADEL (sport de raquette en double, court vitré fermé ; rien à voir
avec le paddle/SUP ni le pickleball).

Les 3 directions partagent le même ADN « blocs » (gros titre Archivo Black,
marquee incliné, balle qui rebondit, 4 cartes de réservation). Les variantes
V1 et V2 sont dérivées de V3 « Color Blocks ».

Chaque version est un fichier HTML 100 % AUTONOME : tout le CSS est en ligne
dans une seule balise <style>, aucune dépendance hors des polices Google Fonts.
Tu peux ouvrir n'importe quel fichier directement dans un navigateur.


FICHIERS
--------
- index.html      L'explorer : un switcher pour naviguer entre les 3 versions
                  (clavier 1/2/3 ou flèches). Charge les v*.html dans une iframe.

- v1.html         V1 — "Noir & Or"  (identité de marque playlib.fr)
                  Fond noir profond, accent OR (#FBBC2A, la couleur exacte du
                  logo Playlib), wordmark en script doré. Balle dorée lumineuse
                  au-dessus d'une trame de court vitré, marquee or, 4 cartes
                  sombres à boutons or. Club premium, nocturne, chic.

- v2.html         V2 — "Affiche"  (sérigraphie / Risograph)
                  Papier crème + trame de points, encres corail / cobalt / or.
                  Titre géant en décalage d'impression, balle duotone, marquee
                  cobalt, 4 cartes papier teintées à ombres décalées colorées.
                  Énergique, lumineux, façon affiche d'événement sportif.

- v3.html         V3 — "Color Blocks"  (néo-brutaliste, l'original)
                  Vert acide, typo capitale géante "ÇA SMASHE CHEZ PLAYLIB",
                  balle squash-and-stretch + marquee cinétique + 4 cartes
                  pastel (Réserver / Open Play / Cours / Événements).


CARACTÉRISTIQUES COMMUNES
-------------------------
- Marque : "Playlib", copy en français.
- Affordance de réservation présente dans chaque version (4 cartes).
- Illustration animée en CSS/SVG (transform/opacity, GPU-friendly).
- Respect de prefers-reduced-motion (les animations se figent).
- Responsive de 360 px à 1440 px (clamp() partout).
- Le champ Date se met à la date du jour via un petit JS (jamais codé en dur).


POUR UTILISER LA SOURCE AVEC UNE IA
-----------------------------------
Donne-lui simplement le fichier de la version que tu préfères (v1/v2/v3.html).
Chaque fichier est complet et se suffit à lui-même : l'IA y trouve tout le
HTML + CSS + animations pour le reprendre, le modifier ou s'en inspirer.
