👟 SNEAKUP  —   Landing Page de Sneakers

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

SneakUp est une landing page moderne pour un magasin de sneakers. Elle combine animations dynamiques, carrousel synchronisé texte/image avec Swiper.js, navigation responsive, menu burger, newsletter et sections animées via ScrollReveal.

🛠️ Technologies

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

🎯 Fonctionnalités

• Header fixe avec menu burger mobile
• Carrousel Swiper synchronisé images et titres en page d'accueil
• Section Collection homme et femme avec effet hover
• Catalogue produits avec badges Promo et ajout au panier
• Offre promotionnelle en encart visuel
• Section Nouveautés avec overlay interactif
• Formulaire d'inscription à la newsletter
• Footer complet avec liens, réseaux et mentions
• Scroll actif, bouton scroll-top et header dynamique
• Responsive complet desktop et mobile

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