☕ Arôme Parisien   —   Café Moderne & Glacé

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

Arôme Parisien est une landing page énergique et stylisée pour une marque de café moderne spécialisée dans les boissons glacées. Combinant animations ScrollReveal, carousel Swiper, visuels immersifs et interface responsive, le projet offre une expérience dynamique et chaleureuse. Parfait pour un coffee shop urbain ou une marque de boissons premium.

🛠️ 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 des produits populaires
• ScrollReveal pour des animations au scroll
• Remix Icons pour des icônes vectorielles modernes
• Responsive Design pensé en mobile-first

🎯 Fonctionnalités

• Hero animé avec éléments flottants
• Section Populaires avec slider interactif
• Section À Propos avec images animées
• Catalogue produit détaillé avec prix et boutons d’achat
• Menu mobile responsive avec animation slide
• Section Contact complète avec réseaux sociaux, carte, horaires
• Pied de page avec moyens de paiement, newsletter et mentions
• Bouton scroll-up animé
• ScrollReveal customisé pour chaque bloc
• Palette verte foncée élégante et typographie soignée

🚀 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/coffee-shop-3_ui
cd coffee-shop-3_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.