ChronoLux – Premium-HTML-Vorlage für den E-Commerce mit Luxusuhren

**ChronoLux** ist das ultimative Premium-HTML5-Template, das speziell für Luxusuhrenboutiquen, exklusive Juweliergeschäfte und exklusive Mode-E-Commerce-Marken entwickelt wurde. Mit seiner eleganten, dunkel-goldenen Ästhetik verleiht ChronoLux Ihrem Online-Shop eine Aura von Exklusivität und Prestige.

Dieses Template basiert auf dem robusten **Tailwind CSS (v3.4)**-Framework und nutzt reines Vanilla JavaScript. Es bietet blitzschnelle Performance ohne unnötigen Ballast durch ressourcenintensive JS-Bibliotheken. Es enthält alles, was Sie für ein erstklassiges E-Commerce-Erlebnis benötigen – sofort einsatzbereit.

### 🌟 Kernfunktionen:

* **3 beeindruckende Homepage-Varianten**: Wählen Sie zwischen Standard-E-Commerce-Layouts, immersiven Videohintergründen oder eleganten Hero-Layouts mit geteiltem Bildschirm.

* **Mehr als 20 vorgefertigte HTML-Seiten**: Enthält Shop-Grid, Shop-Liste, Produktdetails, Warenkorb, Kasse, Dashboard, Blog und mehr.

* **Nahtloser Wechsel zwischen Dunkel- und Hellmodus**: Integrierter Theme-Umschalter, der die Dunkelmodus-Zuordnung von Tailwind nutzt und die Benutzereinstellungen automatisch speichert.

* **RTL (Rechts-nach-links)-fähig**: Vollständig konfiguriert für Arabisch, Hebräisch und andere RTL-Sprachen nativ über Tailwind.

* **Premium Interactive UI Components**: Features Glassmorphism Mega-Menüs, Sticky Add-to-Cart Banners, Custom Preloader und elegante Soft-Shadow-Karten.

* **Erweiterte E-Commerce-Funktionen**: Umfasst eine funktionale Benutzeroberfläche für Schnellansichts-Modals, Produktgalerien mit Zoomfunktion, Variantenauswahl und Countdown-Timer.

* **Sanfte Scroll-Animationen**: Integriert mit der AOS (Animate On Scroll) Bibliothek für ein dynamisches, hochwertiges Browsererlebnis.

* **100% responsives Design**: Flexible Rasterarchitektur, die auf allen Mobilgeräten, Tablets und Retina-Displays pixelgenau aussieht.

* **Entwicklerfreundlich**: Sauberer, W3C-validierter und ausführlich kommentierter Code, der SCSS für einfache Anpassung nutzt.

* **Keine jQuery-Abhängigkeit**: Modernes, leichtgewichtiges Vanilla JS für alle interaktiven Komponenten.

### 📁 Enthaltene Seiten:

1. `index.html` (Startseite V1 - Klassisch)

2. `index2.html` (Homepage V2 - Video Hero)

3. `index3.html` (Startseite V3 - Split-Screen)

4. `shop.html` (Shop-Grid)

5. `shop-list.html` (Shopliste)

6. `product.html` (Produktlayout 1)

7. `product-2.html` (Produktlayout 2)

8. `cart.html` (Warenkorb)

9. `checkout.html` (Kasse)

10. `order-success.html` (Bestellbestätigung)

11. `account.html` (Benutzer-Dashboard)

12. `profile-settings.html` (Kontoeinstellungen)

13. `order-history.html` (Bestellverfolgung)

14. `address-book.html` (Adressverwaltung)

15. `login.html` & `register.html` & `forgot-password.html` (Authentifizierungsseiten)

16. `about.html` (Über uns)

17. `contact.html` (Kontakt mit Karte)

18. `blog.html` & `blog-details.html` (Tagebuch)

19. `faq.html` (Häufig gestellte Fragen)

20. `404.html` (Fehlerseite)

### 🛠️ Verwendete Technologien:

* HTML5 & SCSS

* Tailwind CSS v3.4 (PostCSS/Autoprefixer)

* Vanilla JavaScript (ES6+)

* Swiper JS (Touch-Karussells)

* AOS (Scrollanimationen)

* FontAwesome (Icons)

* Google Fonts (Playfair Display & Poppins)

*Hinweis: Alle in der Vorschau verwendeten Bilder dienen nur zu Demonstrationszwecken und sind nicht in der endgültigen Download-Datei enthalten. Es werden Platzhalterbilder bereitgestellt.*