GymGalaxy is a modern, high-performance fitness website built with React, Vite, and Framer Motion. It features a sophisticated light theme with neon accents, professional scroll-based animations, and a fully responsive design tailored for premium gym brands.
- 🚀 Performance First: Built with Vite for lightning-fast load times and smooth interactions.
- 🎬 Advanced Animations:
- Smooth parallax effects on hero and about sections.
- Staggered entrance animations for all cards and services.
- Interactive 3D scroll effects in the pricing section.
- Custom glowing cursor and scroll progress indicator.
- 🎨 Modern UI/UX:
- Clean light-mode design with high-contrast typography.
- Professional 3-column services grid.
- Dynamic "Most Popular" plan highlighting.
- Interactive "Expert Trainers" section with social overlays.
- 📱 Fully Responsive: Seamless experience across mobile, tablet, and desktop devices.
- ⚡ Page Transitions: Custom splash screen and fade-up content reveals on initial load.
- Framework: React 18
- Build Tool: Vite
- Animations: Framer Motion
- Styling: CSS3 with modern Flexbox/Grid and Custom Properties
- Icons: Font Awesome 6
- Fonts: Playfair Display, Poppins, and Inter
-
Clone the repository:
git clone https://github.com/Ganeshbeldar015/GymGalaxy.git
-
Navigate to the project folder:
cd GymGalaxy -
Install dependencies:
npm install # or bun install -
Start the development server:
npm run dev # or bun run dev
The project is optimized for deployment on Vercel.
- Connect your GitHub repository to Vercel.
- The
vercel.jsonand build scripts are already configured for Single Page Application (SPA) routing. - Use the following build settings:
- Framework Preset: Vite
- Build Command:
npm run build - Output Directory:
dist
Designed and Built with ❤️ by Quintox Agency.
This project is licensed under the MIT License - see the LICENSE file for details.