A fully responsive and modern clone of K27.ca, built using React.js, Tailwind CSS, GSAP, and Framer Motion.
The goal was to create a clean, smooth, and professional UI with subtle animations and a great user experience across all devices.
The home page provides a smooth and engaging first experience.
- Background video
- Soft load-in animations
- Clean and modern layout
- Fully responsive design
- Simple and professional visual style
The navigation menu opens with a stylish stairs-style animation.
- GSAP-based smooth transitions
- Hover slider effect on menu items
- Works seamlessly on mobile & desktop
- Gives a modern and polished look
A clean projects section with interactive hover effects.
- Responsive project grid
- On hover: project info bar appears
- Image reveal animations
- Simple but modern card design
This page includes scroll-based animations and dynamic visuals.
- Entry animation on page load
- Image changing effect on scroll
- Smooth hover interactions
- Multiple small animations for better UX
- Fully responsive layout
- React.js
- Tailwind CSS
- GSAP
- Framer Motion
git clone https://github.com/yourusername/your-repo.git
cd your-repo
npm install
npm run devIf you have any questions, feedback, or collaboration ideas, feel free to reach out:
- Email: [email protected]
⭐ Thanks for checking out this project!