Sharon Fitness
Sharon Fitness is a professionally designed landing page showcasing Sharon's personal training services, built with Next.js 14 and Tailwind CSS. The site features a modern, engaging user experience with RTL support for Hebrew content. The standout feature is an intelligent idle timer that monitors user engagement—after 5 minutes of inactivity, a friendly modal appears asking "התעייפתם כבר?" (Tired already?), encouraging visitors to book appointments or get in touch. The platform integrates Calendly for seamless appointment scheduling and provides multiple contact channels including WhatsApp, Google Maps, and Waze links.
Project journey
Idle Timer Foundation
Implemented the core idle timer feature using react-idle-timer library, detecting user inactivity after 5 minutes and triggering engagement prompts. Broke down timeout functionality into modular components for maintainability.
Mobile UI Implementation
Built and refined the complete mobile user interface with responsive styling and touch-friendly interactions. Completed mobile version layout and styling, laying groundwork for cross-device compatibility.
Footer & Decorative Design System
Added footer component with social media links, Weby's branding, and implemented sophisticated decorative SVG lines (slanted and L-shaped) that enhance visual appeal across all screen sizes.
Calendly Integration
Integrated Calendly scheduling widget to enable seamless appointment booking directly from the site. Created typed interfaces and helper functions for managing workout types (TRX, BodyBuilding, Functional, Tabata) in Hebrew.
Responsive Hero Section Across Breakpoints
Built responsive hero section with Sharon's professional branding image, optimized for mobile (375px), tablet (1024px), and desktop (1920px) viewports. Ensured consistent branding and hero positioning across all devices.
Accessibility, SEO & Deployment Optimization
Decoupled modal components for better code organization, fixed z-index layering issues, implemented accessibility improvements, added XML sitemap, Google verification metadata, and resolved deployment issues.