ChronoLux – Premium-Luxusuhren-E-Commerce-App (Vue-App)

**ChronoLux** ist die ultimative Premium-App für Vue, die speziell für Luxusuhrenboutiquen, exklusive Juweliere und exklusive Mode-E-Commerce-Marken entwickelt wurde. Mit ihrer eleganten, dunkel-goldenen Ästhetik verleiht ChronoLux Ihrem Online-Shop eine Aura von Exklusivität und Prestige.

Dieses Template basiert auf dem robusten Framework **Vue 3 (Composition API)**, **Vite** und **Tailwind CSS (v3.4)** und bietet dank seiner modularen Komponentenarchitektur blitzschnelle Performance. Es enthält alles, was Sie für ein erstklassiges E-Commerce-Erlebnis benötigen – sofort einsatzbereit.

### 🌟 Kernfunktionen:

* **Vue 3 & Vite**: Basierend auf der neuesten Composition API mit blitzschnellem Vite-Bundling.

* **Komponentenbasierte Architektur**: Hochmodulare, einteilige Komponenten (.vue).

* **Vue Router 4**: Nahtloses, blitzschnelles clientseitiges Routing.

* **Pinia-kompatibel**: Strukturiert für die einfache Integration mit Pinia zur Zustandsverwaltung.

* **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 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.

* **Flüssige 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, strukturierter und ausführlich kommentierter Code, der SCSS für einfache Anpassung nutzt.

### 📁 Enthaltene Seiten:

1. `Home V1` (Klassisch)

2. `Home V2` (Video Hero)

3. `Home V3` (Split-Screen)

4. `Shop` (Raster)

5. „Einkaufsliste“

6. „Produktdetails“ (Layout 1)

7. „Produktdetails 2“ (Layout 2)

8. `Warenkorb` (Einkaufswagen)

9. „Zur Kasse“

10. „Bestellung erfolgreich“ (Bestätigung)

11. `Dashboard` (Benutzerkonto)

12. `Profileinstellungen`

13. `Bestellhistorie`

14. `Adressbuch`

15. `Anmelden`, `Registrieren`, `Passwort vergessen` (Authentifizierung)

16. „Über uns“

17. „Kontakt“ (mit Karte)

18. `Blog` & `Blogdetails` (Tagebuch)

19. `FAQ` (Häufig gestellte Fragen)

20. `404` (Fehlerseite)

### 🛠️ Verwendete Technologien:

* Vue 3 (Composition API)

* Vite (Frontend-Tools der nächsten Generation)

* Vue Router 4

* Tailwind CSS v3.4

* Swiper (Vue-Komponenten)

* AOS (Scrollanimationen)

* FontAwesome / Lucide Vue (Symbole)

*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.*