Combine Performance

Combine Performance is a one-page website for a sports performance lab. It opens on a hero with counters and an athlete readout card whose metric bars fill on load, then covers a ticker, the lab story, six reasons to join, six programs, three plans, four coaches, a Monday to Saturday timetable, result cards, testimonials, a gallery, a BMI calculator, an FAQ and contact details with opening hours. Testimonials switch from a row of photo tabs, the BMI calculator flips between metric and imperial and moves a marker along a colour scale, FAQ items open and close, and there is a mobile menu, smooth scrolling and an active-nav highlight. A WhatsApp button opens a pre-filled message to the number set in the config. The contact form checks name, email and message and then shows a confirmation note; it does not send anything until you connect a backend. The sample brand (VELOCITY), coaches and prices are placeholders the studio replaces from one config object in script.js. The look is technical and close to square-cornered: steel-white surfaces, charcoal dark bands, an electric blue accent with a little signal orange, a blueprint grid, Saira headings, Barlow body text and Space Mono for data labels. Layouts adapt to tablet and phone, and animations stop for reduced motion. It suits strength and conditioning facilities, speed and agility academies, combine and draft prep trainers, return-to-play clinics and youth athlete development programs.