🔋 eLuxe Motors   —   Voitures Électriques de Luxe

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

eLuxe Motors est une landing page immersive mettant en avant les modèles haut de gamme de voitures électriques Porsche, Tesla et Audi. Avec un design sombre, un filtrage dynamique des véhicules et des animations élégantes, ce site est idéal pour des projets automobiles premium ou des vitrines de marques modernes.

🛠️ Technologies

• HTML5 sémantique et structuration claire
• CSS3 moderne avec variables, media queries et animations
• JavaScript ES6 clair et modulaire
• Swiper.js pour les carrousels populaires
• MixItUp pour le filtrage dynamique
• ScrollReveal pour des animations au scroll
• Remix Icons pour des icônes vectorielles modernes
• Responsive Design pensé en mobile-first

🎯 Fonctionnalités

• Landing page animée en full dark mode
• Carrousel Swiper.js des modèles Porsche populaires
• Section Premium filtrable de Porsche, Tesla et Audi
• Scroll dynamique avec lien actif sur le menu
• Boutons d’achat sur chaque fiche produit
• Menu mobile responsive avec animation
• Logos constructeurs affichés dans un bandeau
• Animations fluides au scroll avec ScrollReveal
• Formulaire d’abonnement aux offres spéciales
• Mise en page responsive mobile-first

🚀 Installation

✅ Prérequis

• Google Chrome  —  Navigateur moderne
• Visual Studio Code  —  Éditeur de code
• Live Server  —  Extension VS Code

📥 Cloner le projet

git clone git@github.com:ValentinMadiot/electric-car-store_ui
cd electric-car-store_ui

▶️ Lancer le projet

Il suffit d’ouvrir le fichier index.html dans un navigateur, ou d’utiliser l’extension Live Server sur VS Code pour un aperçu dynamique.