🎧 Casque JBL   —   Boutique Audio

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

JBL est une landing page sombre et moderne, dédiée à la présentation d'un casque audio JBL. Le site combine design immersif, slider de modèles, animations détaillées et sections informatives pour offrir une vitrine digitale fluide et engageante.

🛠️ Technologies

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

🎯 Fonctionnalités

• Slider interactif des modèles JBL
• Section d’accueil animée avec titre dynamique et prix flottant
• Section À propos avec image et bouton d’action
• Présentation des fonctionnalités avec infobulles animées
• Logos sponsors animés
• Formulaire d’inscription à la newsletter
• ScrollUp dynamique et liens actifs au scroll
• Menu mobile responsive avec ouverture et fermeture fluide
• Footer complet avec produits, support, réseaux et copyright
• ScrollReveal appliqué à toutes les sections principales

🚀 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/headphones-store_ui
cd headphones-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.