A modern, responsive, and interactive website built with React, Tailwind CSS, and GSAP.
This project contains 3 main pages – Home, About Us, and Blog – each crafted with smooth animations, clean layouts, and engaging UI design.
The Home Page acts as the first impression of the Software Company, built with a modern and complex UI design.
It is designed to attract users through:
- 🎨 A hero section with bold typography and animations.
- ⚡ Scroll-based animations that bring the page elements to life.
- 🎞️ A slider to showcase products, services, or featured projects.
- 🗂️ A cards section highlighting different features or solutions.
- 💼 A services showcase, where the company’s main offerings are explained with clarity.
This page gives visitors an instant idea about the company’s professionalism and creativity.
The About Us Page is designed to build trust and give a clear understanding of the company.
It contains:
- 🏢 A detailed description about who the company is and what it does.
- ✨ Engaging layout with smooth animations to keep the page lively.
- 🏆 A special section for Awards & Achievements, where the company proudly displays recognitions and honors it has received.
This page focuses on brand storytelling, presenting the company as reliable, professional, and accomplished.
The Blog Page is kept minimal and practical, created mainly for practice with React Router.
It demonstrates:
- 📌 A list of blog titles on the main page.
- 🔗 Clicking any blog name dynamically opens that blog using routes.
- 🖋️ Each blog shows its own unique content, making the routing clear and simple.
This section is not a full CMS, but works as a functional practice module to show how dynamic routing can be used in React.
- React – Component-based front-end framework
- Tailwind CSS – Utility-first CSS framework for styling
- GSAP – For scroll-based and interactive animations
✅ Fully responsive modern UI design
✅ Smooth scroll-triggered GSAP animations
✅ Interactive slider & cards section
✅ Engaging About Us page with company details & awards section
✅ Dynamic Blog page with React Router
✅ Portfolio-ready & attractive design
# Clone the repository
git clone https://github.com/owais-khan-zai/Software-Company-Website-Project.git
# Move into the project directory
cd Software-Company-Website-Project
# Install dependencies
npm install
# Start the development server
npm run devFor any queries or collaboration, feel free to reach out at: khanowaiszai@gmail.com
Thanks for checking my project! 🚀