ChronoLux - Premium Luxury Watch Ecommerce HTML Template

**ChronoLux** is the ultimate premium HTML5 template crafted meticulously for luxury watch boutiques, high-end jewelry stores, and exclusive fashion ecommerce brands. Featuring a sophisticated dark and gold aesthetic, ChronoLux brings an aura of exclusivity and prestige to your online storefront.

Built on the robust **Tailwind CSS (v3.4)** framework and utilizing pure Vanilla JavaScript, this template offers lightning-fast performance without the bloat of heavy JS libraries. It includes everything you need to build a world-class ecommerce experience right out of the box.

### 🌟 Core Features:

*  **3 Stunning Homepage Variations**: Choose from standard ecommerce, immersive video background, or elegant split-screen hero layouts.

*  **20+ Pre-built HTML Pages**: Includes Shop Grid, Shop List, Product Details, Cart, Checkout, Dashboard, Blog, and more.

*  **Seamless Dark & Light Mode**: Built-in theme toggler that utilizes Tailwind's dark mode mapping, saving user preferences automatically.

*  **RTL (Right-to-Left) Ready**: Fully configured for Arabic, Hebrew, and other RTL languages natively through Tailwind.

*  **Premium Interactive UI Components**: Features Glassmorphism mega-menus, sticky add-to-cart banners, custom preloader, and elegant soft-shadow cards.

*  **Advanced E-Commerce Features**: Includes functional UI for Quick View modals, Product Galleries with Zoom, Variant Selectors, and Countdown Timers.

*  **Smooth Scroll Animations**: Integrated with AOS (Animate On Scroll) library for a dynamic, high-end browsing experience.

*  **100% Responsive Design**: Fluid grid architecture that looks pixel-perfect across all mobile, tablet, and retina displays.

*  **Developer Friendly**: Clean, W3C-validated, and extensively commented code utilizing SCSS for easy customization.

*  **No jQuery Dependency**: Modern, lightweight Vanilla JS for all interactive components.

### 📁 Pages Included:

1. `index.html` (Homepage V1 - Classic)

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

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

4. `shop.html` (Shop Grid)

5. `shop-list.html` (Shop List)

6. `product.html` (Product Layout 1)

7. `product-2.html` (Product Layout 2)

8. `cart.html` (Shopping Cart)

9. `checkout.html` (Checkout)

10. `order-success.html` (Order Confirmation)

11. `account.html` (User Dashboard)

12. `profile-settings.html` (Account Settings)

13. `order-history.html` (Order Tracking)

14. `address-book.html` (Address Management)

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

16. `about.html` (About Us)

17. `contact.html` (Contact with Map)

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

19. `faq.html` (Frequently Asked Questions)

20. `404.html` (Error Page)

### 🛠️ Technologies Used:

*  HTML5 & SCSS

*  Tailwind CSS v3.4 (PostCSS/Autoprefixer)

*  Vanilla JavaScript (ES6+)

*  Swiper JS (Touch carousels)

*  AOS (Scroll animations)

*  FontAwesome (Icons)

*  Google Fonts (Playfair Display & Poppins)

*Note: All images used in the preview are for demonstration purposes only and are not included in the final download file. Placeholder images are provided.*