Duo Studios Website Clone - FrontEnd

A high-fidelity, animated clone of the Duo Studios website built using HTML, CSS, and JavaScript, powered by GSAP for animations and Locomotive Scroll for smooth scrolling effects.

✨ Features

• Smooth Scroll Experience – Achieved using Locomotive Scroll for fluid user interaction.
• GSAP Animations – Engaging scroll-based and entrance animations throughout the site.
• Modern UI/UX – Pixel-perfect layout mimicking the original Duo Studios design.
• Responsive Design – Looks great on all screen sizes, including mobile.
• Clean Codebase – Modular and well-commented code for easy understanding and customization.

🗂️ Folder Structure

📁 duo-studios-clone
│── 📁 assets          # Images, fonts, and media
│── 📄 style.css      # Stylesheets
│── 📄 script.js      # JavaScript files
│── 📄 index.html     # Main HTML file
│── 📄 README.md      # Project documentation

🛠️ Technologies Used

• HTML5 – Markup structure
• CSS3 – Styling with responsive design
• JavaScript (ES6+) – Interactivity and DOM manipulation
• GSAP (GreenSock) – For smooth, timeline-based animations
• Locomotive Scroll – For inertia-based smooth scrolling and scroll triggers

⚙️ How to Run Locally

1. Clone the repository:

   git clone https://github.com/yourusername/duo-studios-clone.git

2. Navigate to the project directory:

   cd duo-studios-clone

3. Open index.html in your preferred browser or use Live Server.

📷 Screenshots

📄 License

This project is intended for educational purposes only and is not affiliated with Duo Studios.

👨‍💻 Author

Made by Siddharth Bansal