Lovableprofessionbeginner
Personal Trainer Website — Complete Founding Prompt
Build a high-energy personal trainer website in Lovable with program details, transformation gallery, and fitness assessment booking.
What you'll get
A bold personal trainer website with program pages, transformation gallery, and fitness assessment booking form.
The Prompt
Build a high-energy personal trainer website for [TRAINER_NAME], a [SPECIALTY] fitness specialist in [CITY_STATE], certified in [CERTIFICATIONS], working with [TARGET_CLIENTS]. ABOUT: - [TRAINER_NAME] is a certified personal trainer in [CITY_STATE] - Specializes in [SPECIALTY] training - Certified: [CERTIFICATIONS] - Works with [TARGET_CLIENTS] PAGES: 1. Home — Bold hero with action photo, headline "Transform Your Body with [TRAINER_NAME]", key stats (clients trained, lbs lost collectively, years experience), program overview cards, before/after preview slider, and "Start Your Journey" CTA. 2. Programs — Detailed program breakdowns: 1-on-1 Training (in-person sessions), Online Coaching (remote programming), Small Group Training, and Nutrition Coaching. Each with format, duration, price range, and what's included. 3. Transformations — Before/after photo grid with client name, timeframe, and results summary. Include client video testimonials. Filter by goal type (weight loss, muscle gain, athletic performance). 4. About — Trainer story, certifications with logos, training philosophy, and action photos. Include a "Day in the Life" section for relatability. 5. Contact — Fitness assessment booking form (name, email, phone, fitness goals, current activity level, injuries/limitations, preferred schedule) saving to Supabase "assessments" table. DESIGN: - Primary: Dark #1A1A2E, Accent: Orange #FF6B35, Background: #0F0F23 - Typography: Bold condensed headings (Oswald), clean body (Inter) - High-energy dark theme with vibrant orange accents - Full-bleed fitness photography with overlay text TECHNICAL: - Assessment form saves to Supabase "assessments" table: id, name, email, phone, goals, activity_level, limitations, preferred_schedule, created_at - SEO targeting "personal trainer [CITY_STATE]" and "[SPECIALTY] trainer" - Mobile-responsive with fast image loading - Instagram feed embed in footer - Smooth scroll animations on program cards
Replace these variables
| Variable | Replace with |
|---|---|
| [TRAINER_NAME] | Trainer's full name |
| [SPECIALTY] | Training specialty (e.g., Strength, HIIT, Functional Fitness) |
| [CITY_STATE] | City and state location |
| [CERTIFICATIONS] | Certifications held (e.g., NASM-CPT, CSCS) |
| [TARGET_CLIENTS] | Ideal client type (e.g., busy professionals, athletes, beginners) |
Tips for best results
Use high-quality action photos — stock gym photos look generic and hurt credibility.
Include specific numbers in transformation stories (e.g., 'Lost 30 lbs in 12 weeks').
Follow-up prompts
Add workout tracker
Add a client workout log where logged-in users can track their exercises, sets, reps, and weight. Use Supabase Auth and a "workout_logs" table.
Add nutrition plans
Add a Nutrition page with sample meal plans, macro calculator, and a meal prep guide. Include a form to request a custom nutrition plan.