Introduction
Ce design system documente l'ensemble des composants, styles et patterns développés pour le site web de La Calèche. Il garantit cohérence et qualité à travers toute l'expérience digitale.
Couleurs
Palette sombre et élégante avec accents dorés évoquant le luxe et la sophistication
Typographie
Police Poppins pour une lisibilité optimale et une élégance moderne
Composants
Bibliothèque des composants UI développés pour le projet
Hero Carousel
Carrousel multi-slides full-screen avec transitions fluides et navigation tactile optimisée
Navigation Glassmorphism
Header transparent avec effet backdrop-filter au scroll et menu déroulant animé
Galerie Photos Carousel
Carrousel interactif de photos du restaurant avec navigation par flèches, indicateurs dots et effet de transition fade. Support du swipe tactile sur mobile et zoom au hover sur desktop.
Fonctionnalités
Fonctionnalités clés développées pour une gestion optimale du site
Système de Réservation Intelligent
Formulaire de réservation personnalisé avec validation avancée. Le système empêche automatiquement la sélection de dates où le restaurant est fermé, bloque les créneaux horaires complets et adapte les disponibilités en temps réel. Interface intuitive guidant parfaitement l'utilisateur.
Formulaire de Devis Guidé
Formulaire de devis événementiel entièrement personnalisé avec champs conditionnels intelligents. Les options s'adaptent dynamiquement selon le type d'événement sélectionné, avec validation en temps réel pour garantir des demandes complètes et précises.
Gestion des Menus Restaurant
Interface WordPress avec ACF permettant au client de modifier facilement les menus du restaurant (entrées, plats, desserts, prix) sans compétences techniques. Mise à jour en temps réel sur le site avec prévisualisation.
Écrans
Aperçus des interfaces desktop et mobile
Performance
Métriques de performance et optimisations techniques
