Transform your fitness journey with Kingdom Movement's powerful digital platform! This dynamic website empowers fitness enthusiasts to discover their strength through interactive class schedules, personalized nutrition guidance, and flexible membership options. Whether you're a CrossFit beginner or seasoned athlete, the platform adapts to your device and fitness goals. The smart technology behind the scenes ensures smooth navigation and real-time updates, making it easier than ever to join the Kingdom Movement community and achieve your wellness aspirations.
KEY FEATURES
- Responsive Design: Fully responsive layout optimized for desktop, tablet, and mobile devices. Adaptive navigation with mobile sidebar menu and sticky header functionality.
- Expert Coach Profiles: Interactive carousel showcasing expert trainers with detailed profiles, images, and descriptions. Auto-rotating carousel with manual navigation controls.
- Dark/Light Theme Toggle: Persistent theme switching with system preference detection. Theme preferences are saved to localStorage for consistent user experience across sessions.
- Interactive Class Schedule: View weekly class schedules with day-by-day navigation. The schedule displays activities, times, and handles closed days with user-friendly messaging.
- Comprehensive Nutrition Menu: Browse over 30+ nutrition items with category filtering. Each item includes detailed descriptions, images, and customization options (add-ons, extras, premium flavors).
- Membership Tier Selection: Explore multiple membership options with detailed benefits, pricing, and sign-up links. Features include popular tier highlighting and comprehensive additional information sections.
TECHNOLOGY STACK
- UI Library: React 19.2.3
- Framework: Next.js 16.1.1 (App Router)
- Image Optimization: Next.js Image component
- Styling: CSS Modules with CSS Variables for theming
- State Management: React Hooks (useState, useEffect, useRef)
- Font Optimization: Next.js Font Optimization (Anton, Bebas Neue, Roboto Condensed)
- Runtime: Node.js
- Framework: Next.js (Server-Side Rendering & Static Generation)
- Version Control: Git
- Build Tool: Next.js built-in bundler
- Code Quality: ESLint with Next.js configuration
- Data Storage: JSON files for static data (coaches, nutrition, schedule, membership)
PROJECT SCREENSHOTS
