Ascend Coaching

Ascend Coaching is a one-page website for an online coaching business. An announcement bar and a hero with a rating badge, counters and a phone mockup lead into four how-it-works steps, six reasons to join, the coach story, eight programs, three pricing tiers, three coaches, a weekly live timetable, results, a testimonial rail, a gallery, a BMI tool, an FAQ and contact details. The pricing section has a Monthly and Annual toggle that re-renders every plan with the matching price. Testimonials sit in a horizontal rail with previous and next buttons, the BMI tool updates live as you drag height and weight sliders and supports metric and imperial, and FAQ items open and close. A WhatsApp button opens a pre-filled message. The contact form validates, then shows a confirmation note; nothing is sent until a backend is connected. The sample brand (FORMA), coaches, prices and address are placeholders the studio replaces from one config object in script.js. There is no app, login or payment system in the template; the Log in and Start free buttons are links to sections on the page. The look is clean and app-like: warm off-white and mint surfaces, near-black forest ink, an emerald accent with a rare lime pop, Bricolage Grotesque headings and Hanken Grotesk body text. It adapts at 1080, 880 and 560 px and respects reduced motion. It suits online personal trainers, remote nutrition coaches, hybrid and strength programs, run clubs and any coach selling plans by subscription.