Zyn Earbuds Promotional Page

This repository hosts a promotional webpage for the Zyn Earbuds, showcasing the product's unique design and features. Users can explore details about the earbuds by interacting with specific areas on the model, with a comparison slider to reveal an X-ray view of the internal structure. The interactive page is developed using HTML, CSS, SASS, JavaScript, and GSAP for animations.

Table of Contents 📖

• Project Overview
• Features
• Technologies Used
• License

Project Overview 📝

The Zyn Earbuds promotional page presents three main elements of the earbuds, allowing users to view feature descriptions by interacting with specific areas on the model. It also includes a comparison slider to seamlessly reveal an X-ray view, offering users a deeper understanding of the product’s internal components and design.

Features ⚙️

• Interactive Model: Users can access product details by exploring different areas of the earbuds model.
• X-ray View with Comparison Slider: A slider allows users to compare the external view of the earbuds with an X-ray view, showing internal components for a unique perspective.
• Responsive Design: The layout adjusts smoothly across devices, ensuring a consistent experience.
• Stylish Animations: Animations powered by GSAP, with CSS and SASS styling, create an engaging visual experience.

Technologies Used 🧑‍💻

• HTML5
• CSS3
• SASS
• JavaScript
• GSAP for animations

License 📜

This project is licensed under the MIT License.