Gym Landing Page Project

Goal

This landing page serves as a digital tool to boost the gym's online presence, making it easy for potential customers to find information about the gym, its services, and schedules.

Content

Hero Section

The hero section features a video background that gives a dynamic and engaging first impression of the gym. The video is optimized for web performance, providing a smooth, high-quality experience for visitors.

• Call to Action: Clear and prominent button leading customers to visit the gym.

Discover Section

This section offers an interactive carousel displaying various sports offered by the gym. When a user selects a sport, the video background changes accordingly to reflect the activity. Each sport card includes the sport's name, an image, and a dialogue button to open a schedule view with tabs for different training groups if applicable.

Gym Section

A simple, animated image gallery showcasing the gym's facilities and coaches. Paired with brief text describing the gym’s amenities and coaching staff.

Contact Section

A straightforward contact section that lists the gym's location, contact details, and social media links for easier access. This section makes it simple for visitors to get in touch or follow the gym on social platforms.

Multi-language Support

The page supports three languages (English, Arabic, and French), allowing a wider audience to engage with the gym's offerings. The content is dynamically translated based on the user's language preference.

Performance Optimization

All videos were compressed and processed with HandBrake, ensuring fast load times. Images were optimized using a free online tool, except for those sourced from the gym's Facebook page, which were already optimized for the web.