https://github.com/valentinmadiot/watch-store_ui

Landing page immersive pour une horlogerie de luxe avec thème sombre, carrousels Swiper, animations fluides et responsive. Design haut de gamme, moderne et clair.
https://github.com/valentinmadiot/watch-store_ui

boxicons brand-storytelling dark-mode ecommerce-design ecommerce-website gallery-products html-css-js landing-page light-mode minimalist-design newsletter online-store premium-ui product-catalog responsive-design scroll-animations scrollreveal-js swiper-slider toggle-theme user-experience

Last synced: about 1 month ago
JSON representation

Landing page immersive pour une horlogerie de luxe avec thème sombre, carrousels Swiper, animations fluides et responsive. Design haut de gamme, moderne et clair.

• Host: GitHub
• URL: https://github.com/valentinmadiot/watch-store_ui
• Owner: ValentinMadiot
• Created: 2025-02-18T16:17:58.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-07-23T18:12:41.000Z (9 months ago)
• Last Synced: 2025-09-12T18:58:50.071Z (7 months ago)
• Topics: boxicons, brand-storytelling, dark-mode, ecommerce-design, ecommerce-website, gallery-products, html-css-js, landing-page, light-mode, minimalist-design, newsletter, online-store, premium-ui, product-catalog, responsive-design, scroll-animations, scrollreveal-js, swiper-slider, toggle-theme, user-experience
• Language: HTML
• Homepage: https://watch-store-vm.netlify.app/
• Size: 4.39 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
  

      

        

    

      

      

  
⌚ Maison du Temps   —   Horlogerie de Luxe
  



## 
 📌 Sommaire

    🎨   [**Introduction**](#introduction)


    🛠️   [**Technologies**](#technologies)


    🎯   [**Fonctionnalités**](#fonctionnalités)


    🚀   [**Installation**](#installation)


## 
 🎨 Introduction

Maison du Temps est une **landing page** raffinée pour une horlogerie de luxe, présentant une sélection de montres modernes à travers un design épuré, immersif et responsive. Elle intègre un thème sombre, des carrousels **Swiper.js** pour les avis et les produits, ainsi que des animations fluides avec **ScrollReveal**.

## 
 🛠️ Technologies

- HTML5 sémantique et structuration claire

- CSS3 moderne avec variables et media queries

- JavaScript ES6 clair et modulaire

- [Swiper.js](https://swiperjs.com/) pour les carrousels produits et témoignages

- [Boxicons](https://boxicons.com/) pour des icônes vectorielles modernes

- Responsive Design pensé en mobile-first

## 
 🎯 Fonctionnalités

- Thème sombre activable localement via le localStorage

- Section d’accueil immersive avec call-to-action

- Section Vedette avec produits en promo

- Section Histoire valorisant la marque

- Catalogue produits défilant avec bouton d’achat

- Carrousel d’avis clients animés

- Section Nouveautés animée avec swiper synchronisé

- Formulaire d’inscription à la newsletter

- Scroll up et liens actifs dynamiques au scroll

- Responsive complet et animations fluides

## 
 🚀 Installation

### ✅ Prérequis

- [Google Chrome](https://www.google.com/)  —  Navigateur moderne

- [Visual Studio Code](https://code.visualstudio.com/)  —  Éditeur de code

- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)  —  Extension VS Code

### 📥 Cloner le projet

```bash

git clone git@github.com:ValentinMadiot/watch-store_ui

cd watch-store_ui

```

### ▶️ Lancer le projet

Il suffit d’ouvrir le fichier `index.html` dans un navigateur, ou d’utiliser l’extension **Live Server** sur VS Code pour un aperçu dynamique.