OFEKTIVE Fitness Studio
OFEKTIVE is a modern fitness studio website built with Next.js 14 and TypeScript, designed to showcase personal training services in Tirat Carmel, Israel. The site features a hero section with studio imagery, client gallery, and comprehensive contact footer with multiple communication channels (phone, location maps, Instagram, WhatsApp). The implementation demonstrates strong performance optimization with Lighthouse scores and PWA support. The technical stack includes Tailwind CSS for responsive design, Sharp for image optimization, and full Hebrew RTL language support using Noto Sans Hebrew typography.
Project journey
Project Initialization
Initial Next.js app setup with TypeScript configuration, Tailwind CSS, and project structure. Established foundation with Next.js best practices and build configuration.
Mobile Version Development
Completed full mobile-responsive design implementation. Built core components including hero section, client gallery, and footer with proper mobile-first responsive breakpoints.
Component Organization & Favicon
Restructured project by moving components to dedicated folder. Added comprehensive favicon configurations for web, iOS, and Android platforms.
Footer Enhancement & SEO Optimization
Fixed footer font rendering issues, corrected contact information and links. Implemented SEO-friendly footer with proper phone, location, and social media integration for Google Maps, Waze, Instagram, and WhatsApp.
PWA & Performance Optimization
Enhanced Progressive Web App capabilities with manifest configuration. Installed Sharp for advanced image optimization, improving Lighthouse scores and SEO.
Branding & Final Polish
Integrated official OFEKTIVE logo and refined overall layout sizing for professional appearance. Optimized client images to square format and fixed flex layout issues for consistent visual presentation across devices.