Crosstown Gym – Gym & Fitness Astro Template

The Crosstown Gym design (orange, black and white, Play headlines, a stencil logo) as an Astro 7 static-site project. Trainers, the timetable, the memberships and the blog live in JSON and Markdown files; npm run build gives you plain HTML, CSS and JS to host anywhere, with no server and no database.

• A page for every trainer: each coach in trainers.json gets /trainers/<id>/ with a profile, stats, bio, specialities, certifications, personal-training prices and the rest of the team. Four trainers are written and ready.
• One timetable: timetable.json holds the week (seven days, forty-odd classes) and fills the schedule page with its class filter; each trainer’s “week” box and class count are read from it, so a change shows everywhere.
• Memberships: three plans in plans.json fill the home packages and the pricing page, with a monthly / yearly switch, a comparison table and a FAQ.
• A blog in Markdown: eight posts written for a gym (training, nutrition, recovery, news), a page each, a search box, categories, recent posts and an RSS feed.
• Working forms: every free-trial form and the comment form validate and post to the endpoint you set in .env (Formspree, Basin, Getform, Netlify Forms or your own). A BMI calculator in US and metric units, and an HTML email for the free-trial booking.
• SEO built in: titles, descriptions, canonical URLs, Open Graph cards, structured data, sitemap and robots.txt. Photos are resized and served as WebP by astro:assets.
• Bootstrap 5 with every behaviour in vanilla JavaScript (no jQuery), a gallery with filter tabs and a lightbox, carousels, self-hosted Play and Oswald Stencil fonts, Font Awesome 6, strict TypeScript with npm run check. Deploys to Netlify, Vercel, Cloudflare Pages, GitHub Pages or any static host.

Includes a README, a CONTENT guide to every file and field, and an online documentation page with screenshots. Photos in the download are blurred placeholders for your own.