A modern, responsive fitness website built with Next.js 14, TypeScript, and React.
- 🎨 Modern, responsive design
- ⚡ Built with Next.js 14 and TypeScript
- 🎭 Smooth animations and transitions
- 📱 Fully mobile-responsive
- 🎯 Interactive components with custom hooks
- 🖱️ Custom cursor effects
- 📊 Animated statistics counters
- 🖼️ Image gallery with filtering
- 💳 Pricing plans section
- 📧 Contact form
- 🎪 Multiple pages (Home, About, Pricing, Gallery, Contact)
- Framework: Next.js 14 (App Router)
- Language: TypeScript
- Styling: CSS3 with modern features
- Icons: Font Awesome 6.4.0
- Fonts: Inter (Google Fonts)
- Node.js 18+
- npm or yarn
- Clone the repository:
git clone https://github.com/abrahamt17/Fitty.git
cd Fitty- Install dependencies:
npm install- Run the development server:
npm run dev- Open http://localhost:3000 in your browser.
Fitty/
├── app/ # Next.js app directory
│ ├── layout.tsx # Root layout
│ └── page.tsx # Home page
├── components/ # React components
│ ├── Navigation.tsx
│ ├── Hero.tsx
│ ├── WhyUs.tsx
│ ├── Trainers.tsx
│ └── ...
├── styles/ # Global styles
│ └── globals.css
├── types/ # TypeScript type definitions
├── lib/ # Utility functions
├── hooks/ # Custom React hooks
└── public/ # Static assets
└── assets/
npm run dev- Start development servernpm run build- Build for productionnpm start- Start production servernpm run lint- Run ESLint
- Mobile-first approach
- Breakpoints at 480px, 768px, 968px, and 1200px
- Touch-friendly navigation
- Scroll reveal animations
- Parallax effects
- Smooth transitions
- Loading animations
- Reusable React components
- TypeScript for type safety
- Custom hooks for common functionality
Contributions are welcome! Please feel free to submit a Pull Request.
This project is open source and available under the MIT License.
Abraham Tikuye
- GitHub: @abrahamt17
- Email: abrahamtikuye@gmail.com