🎮 Add landing page with hero selection (Story 1.5)

Landing page with animated tagline, dual CTA (adventure/express), and
HeroSelector component (3 heroes: Recruiter, Client, Developer) with full
keyboard accessibility (radiogroup, arrow nav, Enter confirm). Staggered
CSS animations respecting prefers-reduced-motion. Bilingual FR/EN.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-02-05 19:17:01 +01:00
parent ca828d86b4
commit dc3456bb1b
7 changed files with 330 additions and 80 deletions

View File

@@ -20,9 +20,25 @@
},
"landing": {
"title": "Welcome to my universe",
"subtitle": "Full-Stack Developer",
"subtitle": "Passionate Full-Stack Developer",
"cta_adventure": "Start the adventure",
"cta_express": "Express mode"
"cta_express": "Express mode (30s)"
},
"hero": {
"question": "Who are you, traveler?",
"select_label": "Select your profile",
"recruteur": {
"name": "Recruiter",
"description": "I'm looking for a talent to join my team"
},
"client": {
"name": "Client",
"description": "I have a project and I'm looking for the right developer"
},
"dev": {
"name": "Developer",
"description": "I'm curious to discover your work and skills"
}
},
"error": {
"404": "Oops! This page seems to have gotten lost in the code...",

View File

@@ -20,9 +20,25 @@
},
"landing": {
"title": "Bienvenue dans mon univers",
"subtitle": "Développeur Full-Stack",
"subtitle": "Développeur Full-Stack passionné",
"cta_adventure": "Partir à l'aventure",
"cta_express": "Mode express"
"cta_express": "Mode express (30s)"
},
"hero": {
"question": "Qui êtes-vous, voyageur ?",
"select_label": "Sélectionnez votre profil",
"recruteur": {
"name": "Recruteur",
"description": "Je cherche un talent pour rejoindre mon équipe"
},
"client": {
"name": "Client",
"description": "J'ai un projet à réaliser et je cherche le bon développeur"
},
"dev": {
"name": "Développeur",
"description": "Je suis curieux de découvrir ton travail et tes compétences"
}
},
"error": {
"404": "Oups ! Cette page semble s'être perdue dans les méandres du code...",