🚀 AI Tapz is almost here — new AI-customizable website templates coming soon.
Dynamic Websites

Vantage Performance Studio — Private Personal Training Gym Website (Frontend + Backend)

A 5-page private personal training gym website with a real lead-capture backend: a consultation booking form backed by your own database. Training programs, membership pricing, trainer profiles, success stories and an honest FAQ — nothing to build, bring your keys and deploy.

0 downloadsNewby Platform Admin
Vantage Performance Studio — Private Personal Training Gym Website (Frontend + Backend) — preview screenshot 1 of 3Vantage Performance Studio — Private Personal Training Gym Website (Frontend + Backend) — preview screenshot 2 of 3Vantage Performance Studio — Private Personal Training Gym Website (Frontend + Backend) — preview screenshot 3 of 3

Preview

Use these tabs to browse other pages — links inside the preview itself won't navigate.
Vantage Performance Studio — Private Personal Training Gym Website (Frontend + Backend) — live preview

What you can customize

Each section below becomes a guided form field in your library after purchase — no prompting experience required.

  1. 1

    Home

    Hero, trust stats, program preview, success stories.

    2 editable fields

  2. 2

    About

    Studio story, 3-person coach team, values.

    2 editable fields

  3. 3

    Programs

    6 training programs in detail, plus 3-tier membership pricing.

    2 editable fields

  4. 4

    FAQ

    7 honest answers on experience level, sessions, memberships and credentials.

    2 editable fields

  5. 5

    Contact

    The real consultation booking form, plus studio address, phone and hours.

    2 editable fields

Backend structure

Exactly what ships behind the pages above — every file below is real, working code included in your download, not a mockup.

  • package.jsonProject config
  • api/consultations.tsAPI endpoint
  • api/newsletter.tsAPI endpoint
  • schema.sqlDatabase schema

This is a Dynamic Website — a real backend (database + API) is included, not just static pages. It connects to your own database (Vercel Postgres, Supabase, Neon, or similar); this platform never sees or stores the data it collects. Set these on your own Vercel project before deploying:

  • DATABASE_URL — required
  • CONSULTATIONS_ADMIN_KEY — required
  • RESEND_API_KEY — optional
  • CONSULTATION_FROM_EMAIL — optional

Once deployed, your purchase's library page shows a “Manage live data” panel that lists, and lets you act on, submissions from /api/consultations — directly from your deployed site, no separate database tool needed.

Through the editor you can add new optional fields to what's already here (for example, a note field on a booking). Building entirely new features or custom logic isn't something the editor automates — every purchase includes the full source code (frontend and backend, no lock-in), so you or a developer you hire can extend it freely outside the platform.

Usage instructions

Five pages and a real lead-capture backend — this is a DYNAMIC website: training programs, membership pricing, trainer profiles, success stories and FAQ are static editorial content, while the Contact page's consultation booking form writes to your own database in real time. 1. Home (index.html) — hero, trust stats, program preview, success stories. 2. About (about.html) — studio story, 3-person coach team, values. 3. Programs (services.html) — 6 training programs in detail, plus 3-tier membership pricing. 4. FAQ (faq.html) — 7 honest answers on experience level, sessions and credentials. 5. Contact (contact.html) — the real consultation booking form, plus address, phone and hours. WHOSE DATABASE, WHOSE EMAIL PROVIDER. Yours, not this platform's. Before anything here does something real: 1. Create a Postgres database anywhere you like — Vercel Postgres, Supabase, Neon, or your own server — and run schema.sql against it once. 2. In your Vercel project's Settings -> Environment Variables, set: DATABASE_URL your database connection string CONSULTATIONS_ADMIN_KEY any secret string you choose Optional, for automatic email confirmations on new requests: RESEND_API_KEY from your own Resend (resend.com) account CONSULTATION_FROM_EMAIL an address on a domain verified in that account Without the two optional variables set, requests and newsletter signups still save correctly — no confirmation email sends, that's all. MANAGING CONSULTATION REQUESTS. Once published, this purchase's library page shows a "Manage live data" panel — paste in your CONSULTATIONS_ADMIN_KEY and you can see every consultation request as it comes in, mark one contacted, and delete ones you've handled. NEWSLETTER SUBSCRIBERS. There is no in-library management panel for this list yet — export it by calling GET /api/newsletter on your deployed site with "Authorization: Bearer <your CONSULTATIONS_ADMIN_KEY>". A dedicated panel for this is a natural next step, not built yet. WHAT YOU CAN CUSTOMIZE, HONESTLY: - Every page's copy, images, programs, pricing and layout — through the same AI-guided editor as any other template, no coding involved. - One optional field at a time on the "training_inquiries" resource (for example, a "how did you hear about us" or "injury history" field), through the "Backend customization" panel in your library once you've purchased — fully guided, no coding. Fields are always optional, never required, so existing requests are never affected. - Building entirely new resources, forms, or logic (a live class-booking calendar, online membership payment, a client progress portal) isn't something the editor automates. Every purchase includes the full source code — frontend and backend, no lock-in — so you or a developer you hire can extend it freely outside the platform. PREVIEW LIMITATION. The consultation booking form and the footer newsletter signup call real endpoints that only exist once deployed — this platform's own preview has no backend to call, so each shows a friendly "try it once deployed" message here. That's expected, not a bug. WHAT THIS ISN'T. This template collects consultation requests — it does not manage a live class-booking calendar, process membership payments, or run a client progress portal. Membership pricing shown is informational, not a checkout. Every request is a lead the studio follows up on by phone or email, same as most independent training studios already operate. Replace the sample coaches, pricing, testimonials, address, phone and hours with your studio's real details before publishing.

Reviews

No reviews yet — be the first once you've used this template.