🏌️‍♂️ Sidcup Family Golf Clone

A visually engaging frontend clone of the Sidcup Family Golf homepage.
This project helped me enhance my frontend development skills in HTML, CSS, JavaScript, and GSAP animations.

---

✨ Features

• 🎥 Video background hero section
• ✨ Smooth animations with GSAP
• 📱 Fully responsive design
• 🔠 Stylish and animated text overlays
• 🧭 Interactive navbar

---

🛠️ Tech Stack

• HTML5
• CSS3
• JavaScript (Vanilla)
• GSAP (GreenSock Animation Platform)

---

🚀 Getting Started

Follow these steps to run the project locally:

git clone https://github.com/May-nk/sidglof.git
cd sidglof


FOLDER STRUCTURE
sidglof/
│
├── asset/
│   ├── img/                   # Image assets (Add preview.png here)
│   └── video/                 # Website header video
│       └── SFG-Website-Header-Video-0823.mp4
├── app.js                     # JavaScript with GSAP
├── index.html                 # Main HTML page
├── style.css                  # Styling
└── README.md                  # You're here!

PURPOSE:
This project was created to:

🔧 Practice real-world layout recreation

🎨 Improve frontend development skills

🧠 Understand GSAP animations

🔄 Learn to use video backgrounds and clean CSS layouting


Future Improvements
Add mobile responsiveness for smaller devices

Convert this static site into a dynamic React project

Enhance accessibility and SEO

Add more pages (like Café, Events, etc.)


Contributing
Pull requests are welcome!
If you'd like to improve the project, open an issue first to discuss any changes.

License
This project is licensed under the MIT License.


Made with 💻 by Mayank
Inspired by Sidcup Family Golf