AI-Powered Fitness Tracking Landing Page with Modern Animations
GymFlow is the official landing page for GymFlow App - an AI-powered fitness tracking application with personalized workouts and diet plans. Built with Next.js 16, featuring stunning animations and premium design.
- 🎨 Premium Landing Page - Modern fitness aesthetic
- 🎬 Framer Motion Animations - Smooth scroll effects
- 📱 Fully Responsive - Mobile-first design
- ⚡ Next.js 16 - App Router with Server Components
- 🧪 Jest Testing - Unit and integration tests
- 💅 Tailwind CSS v4 - Latest styling features
- 🔍 SEO Optimized - Meta tags and Open Graph
- 🚀 Fast Performance - Optimized Core Web Vitals
┌─────────────────────────────────────────────────────────────┐
│ Framework: Next.js 16 (App Router) │
├─────────────────────────────────────────────────────────────┤
│ Language: TypeScript │
├─────────────────────────────────────────────────────────────┤
│ Styling: Tailwind CSS v4 │
├─────────────────────────────────────────────────────────────┤
│ Animations: Framer Motion │
├─────────────────────────────────────────────────────────────┤
│ Testing: Jest + React Testing Library │
├─────────────────────────────────────────────────────────────┤
│ Linting: ESLint + Prettier │
└─────────────────────────────────────────────────────────────┘
- Node.js 20+ installed
- npm or yarn package manager
# Clone the repository
git clone https://github.com/raghavshahhh/gymflow-website.git
cd gymflow-website
# Install dependencies
npm install
# Run development server
npm run devOpen http://localhost:3000 in your browser.
| Command | Description |
|---|---|
npm run dev |
Start development server |
npm run build |
Build for production |
npm start |
Start production server |
npm run lint |
Run ESLint |
npm run format |
Format with Prettier |
npm run test |
Run Jest tests |
npm run test:watch |
Run tests in watch mode |
npm run test:coverage |
Run tests with coverage |
gymflow-website/
├── app/ # Next.js App Router
├── components/ # React components
├── sections/ # Page sections
├── utils/ # Utility functions
├── config/ # Configuration files
├── public/ # Static assets
├── data/ # Static data
└── README.md
- Hero - Dynamic fitness intro
- Features - App highlights with AI
- Workouts - Personalized training
- Diet Plans - Nutrition guidance
- Testimonials - User reviews
- Download - App store links
- Contact - Newsletter signup
- Fork the repository
- Create feature branch:
git checkout -b feature/amazing - Commit changes:
git commit -m 'feat: add amazing feature' - Push to branch:
git push origin feature/amazing - Open Pull Request
Made with ❤️ by Raghav Shah
© 2024-2026 All Rights Reserved