🌇 Sundown Studio Website Clone

A responsive, animated clone of the Sundown Studio website built using:

• 🚀 Locomotive Scroll — for smooth scrolling and scroll-based animations
• 🎯 Swiper.js — for interactive sliders and carousels
• 🧱 HTML5, CSS3, and Core JavaScript — for structure, styling, and interactivity

---

🔗 Live Demo

🎉 View the Live Site
Hosted with GitHub Pages by @shamirali55

---

✨ Features

• Smooth scroll and parallax effects using Locomotive Scroll
• Beautiful, responsive design across devices
• Swiper.js slider for image galleries and carousels
• Custom animated cursor and hover effects
• Scroll-triggered transitions and animations
• Clean code architecture and folder structure

---

🛠️ Tech Stack

Tool	Purpose
HTML5	Markup and structure
CSS3	Styling, layout, responsiveness
JavaScript	Dynamic behavior and interaction
Locomotive Scroll	Smooth scrolling & scroll animations
Swiper.js	Sliders and carousels

---

📁 Folder Structure

📦 Sundown-Studio/
├── 📁 Files/
│   ├── 📁 assets/         # Images, fonts, etc.
│   ├── 📄 index.html
│   ├── 📄 style.css
│   └── 📄 script.js
├── 📄 README.md
└── (Other project files...)

---

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/shamirali55/Sundown-Studio.git
cd Sundown-Studio

2. Run Locally

You can open index.html directly in a browser or run a local server:

# Using Python 3
python -m http.server

Then visit: http://localhost:8000

⚠️ Some features (like smooth scrolling) may not work correctly when opening the file directly — use a local server.

---

📌 Credits

• Design inspired by the official Sundown Studio website
• Scroll effects by Locomotive Scroll
• Sliders by Swiper.js

---

📄 License

This clone is created for educational and personal use only. All rights to original design belong to Sundown Studio.

---

🙌 Author

Developed by Shamir Ali

---