ChronoLux - HTML-шаблон електронної комерції для розкішних годинників преміум-класу

**ChronoLux** – це найкращий преміальний шаблон HTML5, ретельно розроблений для бутиків розкішних годинників, ювелірних магазинів високого класу та ексклюзивних брендів електронної комерції. ChronoLux, що має вишукану темно-золоту естетику, створює ауру ексклюзивності та престижу у вашому інтернет-магазині.

Побудований на надійному фреймворку **Tailwind CSS (v3.4)** та з використанням чистого Vanilla JavaScript, цей шаблон пропонує блискавично швидку роботу без надмірностей важких JS-бібліотек. Він містить усе необхідне для створення досвіду електронної комерції світового класу одразу після розпакування.

### 🌟 Основні характеристики:

* **3 приголомшливі варіанти головної сторінки**: оберіть стандартний дизайн для електронної комерції, захопливий відеофон або елегантний макет головного екрана з розділеним екраном.

* **20+ попередньо створених HTML-сторінок**: Включає сітку магазину, список магазину, інформацію про продукт, кошик, оформлення замовлення, панель інструментів, блог тощо.

* **Безшовний темний та світлий режим**: Вбудований перемикач тем, який використовує відображення темного режиму Tailwind, автоматично зберігаючи налаштування користувача.

* **Підтримка RTL (справа наліво)**: Повністю налаштовано для арабської, івриту та інших мов з письмом справа наліво через Tailwind.

* **Преміальні інтерактивні компоненти інтерфейсу**: Містить мега-меню Glassmorphism, липкі банери для додавання товарів до кошика, користувацький засіб попереднього завантаження та елегантні картки з м’якими тінями.

* **Розширені функції електронної комерції**: Включає функціональний інтерфейс користувача для модальних вікон швидкого перегляду, галерей товарів із масштабуванням, селекторів варіантів та таймерів зворотного відліку.

* **Анімація плавного прокручування**: інтегровано з бібліотекою AOS (Animate On Scroll) для динамічного та високоякісного перегляду веб-сторінок.

* **100% адаптивний дизайн**: гнучка сітчаста архітектура, яка ідеально виглядає на всіх дисплеях мобільних телефонів, планшетів та Retina.

* **Зручний для розробників**: Чистий, перевірений W3C та ретельно прокоментований код з використанням SCSS для легкого налаштування.

* **Без залежності від jQuery**: Сучасний, легкий Vanilla JS для всіх інтерактивних компонентів.

### 📁 Включено сторінок:

1. `index.html` (Головна сторінка V1 - Класична версія)

2. `index2.html` (Головна сторінка V2 – Відеогерой)

3. `index3.html` (Головна сторінка V3 - Розділений екран)

4. `shop.html` (Сітка магазину)

5. `shop-list.html` (Список магазинів)

6. `product.html` (Макет продукту 1)

7. `product-2.html` (Макет продукту 2)

8. `cart.html` (Кошик для покупок)

9. `checkout.html` (Оформлення замовлення)

10. `order-success.html` (Підтвердження замовлення)

11. `account.html` (Інформаційна панель користувача)

12. `profile-settings.html` (Налаштування облікового запису)

13. `order-history.html` (Відстеження замовлення)

14. `address-book.html` (Керування адресами)

15. `login.html` & `register.html` & `forgot-password.html` (Сторінки авторизації)

16. `about.html` (Про нас)

17. `contact.html` (Контакт з картою)

18. `blog.html` та `blog-details.html` (Журнал)

19. `faq.html` (Часті запитання)

20. `404.html` (Сторінка помилки)

### 🛠️ Використані технології:

* HTML5 та SCSS

* Tailwind CSS версії 3.4 (PostCSS/Автопрефіксатор)

* Ванільний JavaScript (ES6+)

* Swiper JS (сенсорні каруселі)

* AOS (анімація прокручування)

* FontAwesome (іконки)

* Шрифти Google (Playfair Display та Poppins)

*Примітка: Усі зображення, використані в попередньому перегляді, призначені лише для демонстрації та не включені до остаточного файлу завантаження. Надаються зображення-заповнювачі.*