ChronoLux - Modèle HTML pour site e-commerce de montres de luxe haut de gamme

**ChronoLux** est le modèle HTML5 premium par excellence, conçu avec le plus grand soin pour les boutiques de montres de luxe, les bijouteries haut de gamme et les marques de mode en ligne exclusives. Avec son esthétique sophistiquée mêlant noir et or, ChronoLux confère à votre boutique en ligne une aura d'exclusivité et de prestige.

Conçu sur le framework robuste **Tailwind CSS (v3.4)** et utilisant du JavaScript pur, ce modèle offre des performances ultra-rapides sans la lourdeur des bibliothèques JS. Il inclut tout le nécessaire pour créer une expérience e-commerce de premier ordre, prête à l'emploi.

### 🌟 Fonctionnalités principales :

* **3 superbes variantes de page d'accueil** : Choisissez parmi une mise en page e-commerce standard, un arrière-plan vidéo immersif ou une élégante mise en page en écran partagé.

* **Plus de 20 pages HTML pré-construites** : Inclut la grille de la boutique, la liste des produits, les détails des produits, le panier, la page de paiement, le tableau de bord, le blog et bien plus encore.

* **Mode sombre et clair sans rupture** : Commutateur de thème intégré qui utilise le mappage du mode sombre de Tailwind, enregistrant automatiquement les préférences de l’utilisateur.

* **Compatible RTL (de droite à gauche)** : Entièrement configuré pour l’arabe, l’hébreu et d’autres langues RTL nativement via Tailwind.

* **Composants d'interface utilisateur interactifs premium** : Comprend des méga-menus Glassmorphism, des bannières d'ajout au panier fixes, un préchargeur personnalisé et d'élégantes cartes à ombre douce.

* **Fonctionnalités e-commerce avancées** : Inclut une interface utilisateur fonctionnelle pour les fenêtres modales d’aperçu rapide, les galeries de produits avec zoom, les sélecteurs de variantes et les comptes à rebours.

* **Animations de défilement fluides** : Intégrées à la bibliothèque AOS (Animate On Scroll) pour une expérience de navigation dynamique et haut de gamme.

* **Conception 100 % réactive** : Architecture de grille fluide offrant un rendu pixel perfect sur tous les écrans mobiles, tablettes et écrans Retina.

* **Conçu pour les développeurs** : Code propre, validé par le W3C et abondamment commenté utilisant SCSS pour une personnalisation facile.

* **Aucune dépendance à jQuery** : JavaScript pur, moderne et léger pour tous les composants interactifs.

### 📁 Pages incluses :

1. `index.html` (Page d'accueil V1 - Classique)

2. `index2.html` (Page d'accueil V2 - Video Hero)

3. `index3.html` (Page d'accueil V3 - Écran partagé)

4. `shop.html` (Grille de la boutique)

5. `shop-list.html` (Liste des boutiques)

6. `product.html` (Mise en page du produit 1)

7. `product-2.html` (Mise en page du produit 2)

8. `cart.html` (Panier d'achat)

9. `checkout.html` (Paiement)

10. `order-success.html` (Confirmation de commande)

11. `account.html` (Tableau de bord utilisateur)

12. `profile-settings.html` (Paramètres du compte)

13. `order-history.html` (Suivi des commandes)

14. `address-book.html` (Gestion des adresses)

15. `login.html`, `register.html` et `forgot-password.html` (Pages d'authentification)

16. `about.html` (À propos de nous)

17. `contact.html` (Contact avec carte)

18. `blog.html` et `blog-details.html` (Journal)

19. `faq.html` (Foire aux questions)

20. `404.html` (Page d'erreur)

### 🛠️ Technologies utilisées :

* HTML5 et SCSS

* Tailwind CSS v3.4 (PostCSS/Autoprefixer)

* JavaScript pur (ES6+)

* Swiper JS (Carrousels tactiles)

* AOS (Animations de défilement)

* FontAwesome (Icônes)

* Polices Google (Playfair Display et Poppins)

*Remarque : Toutes les images utilisées dans l’aperçu sont uniquement à des fins de démonstration et ne sont pas incluses dans le fichier de téléchargement final. Des images de substitution sont fournies.*