Diesel Luxury Watch Landing Page

Live Preview: hasan-hadba.github.io/diesel-modern-watch-landing/

A minimalist and modern landing page showcasing the "Diesel Watches" collection. This project focuses on high-end product presentation through interactive animations, bold typography, and a creative split-screen layout.

🛠 Technologies Used

• HTML5: Structured web content with a focus on product features.
• CSS3: Custom styling using CSS variables, advanced absolute positioning, and dynamic keyframe animations.
• JavaScript (ES6): To handle logic and interactive elements.
• ScrollReveal.js: For elegant, time-delayed reveal animations that guide the user's eye.
• Remix Icon: Used for clean, scalable navigation and UI icons.

🚀 Key Features

• Product-Focused Design: Specifically crafted to highlight "Tough" and "Modern" watch features.
• Split-Screen Visuals: A dynamic background that separates the viewport into two distinct aesthetic zones.
• Interactive Animations: Smooth scroll-triggered reveals for headers, buttons, and product descriptions.
• Modern UI/UX: Minimalist buttons and high-contrast typography for a premium luxury feel.

📂 Project Structure

• index.html: The core structure including navigation and feature lists.
• style.css: All styling, including the custom :root color palette and animations.
• main.js: Animation sequences powered by the ScrollReveal library.

---

Developed by Hasan Hadba