Portfolio
Garage Customs
Un site web professionnel pour l'atelier "Garage Customs". Le projet se distingue par une interface dynamique basée sur les dernières normes web. Il dispose d'animations avancées, d'une typographie moderne et d'une mise en page entièrement réactive pour tout appareil.
Voir la Démo LiveFonctionnalités Clés
Animations Avancées
Effets fluides FadeUp, SlideLeft et ScaleIn réagissant au défilement (Framer Motion)
Design Réactif
Adaptation complète de la mise en page pour smartphones, tablettes et ordinateurs de bureau
Optimisation des Images
Utilisation de Next.js Image pour le chargement paresseux de photos de haute qualité
Contact Interactif
Une modale avec formulaire de contact et carte Google intégrée pour faciliter l'accès
Typographie Moderne
Combinaison élégante de polices Google (Oswald pour les titres et Inter pour le contenu)
Déploiement Rapide
Hébergement continu sur la plateforme Vercel avec intégration CI/CD via GitHub
Stack Technologique
À Propos du Projet
Garage Customs est un site web moderne conçu spécifiquement pour un atelier de réparation automobile professionnel. L'objectif principal était de présenter l'offre et le portfolio de manière dynamique et très engageante en utilisant les dernières technologies.
L'interface utilisateur exploite pleinement le potentiel de la bibliothèque Framer Motion pour créer des animations de défilement avancées. Grâce à divers effets d'entrée, la page "prend vie", encourageant l'utilisateur à explorer davantage et construisant une image de marque moderne.
Le projet repose sur de solides fondations technologiques – une combinaison de Next.js 16, React 19, JavaScript et TypeScript. Les performances ont été maximisées grâce à un système de chargement paresseux et d'optimisation d'images via les mécanismes intégrés du framework.
La section contact propose une modale interactive et une carte Google intégrée qui guide les clients directement vers l'atelier. Le design rapide et réactif garantit un fonctionnement sans faille sur les appareils mobiles, et l'ensemble du processus de déploiement (CI/CD) est géré via Vercel et GitHub.