Embed

<div class="fs-payment-page">
  <div class="fs-payment-shell">

    <div class="fs-payment-header">
      <div class="fs-title">Payments</div>
    </div>

    <div class="fs-payment-frame-wrap">
      <iframe
        class="fs-payment-frame"
        src="https://app.autobooks.co/pay/fitness-solver"
        title="Fitness Solver Payments"
        loading="lazy"
      ></iframe>
    </div>

  </div>
</div>

<style>
:root{
  --fs-red: #e53935;
  --fs-bg1: #0b0b0f;
  --fs-bg2: #12121a;
  --fs-white: rgba(255,255,255,.94);
}

html, body{
  margin: 0;
  padding: 0;
  min-height: 100%;
  height: 100%;
}

.fs-payment-page{
  min-height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  padding: 0;
  background:
    radial-gradient(900px 500px at 20% 10%, rgba(229,57,53,.14), transparent 60%),
    linear-gradient(180deg, var(--fs-bg1) 0%, var(--fs-bg2) 50%, var(--fs-bg1) 100%);
}

.fs-payment-shell{
  width: min(900px, 100%);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 10px 16px 0;
  box-sizing: border-box;
}

.fs-payment-header{
  text-align: center;
  margin-bottom: 8px;
}

.fs-title{
  font-weight: 800;
  letter-spacing: 1.8px;
  font-size: 18px;
  text-transform: uppercase;
  color: var(--fs-white);
  position: relative;
  display: inline-block;
}

.fs-title::after{
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  background: var(--fs-red);
  margin: 10px auto 0;
  border-radius: 2px;
}

.fs-payment-frame-wrap{
  flex: 1;
  min-height: 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 -2px 20px rgba(0,0,0,.18);
}

.fs-payment-frame{
  width: 100%;
  height: 100%;
  min-height: 600px;
  border: 0;
  display: block;
  background: #fff;
}

@media (max-width: 700px){
  .fs-payment-shell{
    width: 100%;
    min-height: 100vh;
    padding: 8px 12px 0;
  }

  .fs-payment-header{
    margin-bottom: 6px;
  }

  .fs-title{
    font-size: 17px;
  }

  .fs-payment-frame{
    min-height: 66vh;
  }
}
</style>

Fitness Solver

🧠 Fitness Solver — Website Game Plan (for Durable)
1. Business Overview (What this website is for)

Fitness Solver is a premium, mobile personal training and coaching service.
I bring portable, professional fitness equipment directly to clients’ homes, apartments, or outdoor spaces.
The service removes barriers like gyms, commuting, and crowded environments, while delivering high-touch, results-driven training.

This business is designed to:

Build trust locally

Start with 1-on-1 training

Expand later into small group / neighborhood training

Serve busy professionals who value convenience, privacy, and quality

2. Target Client (Who this site speaks to)

Primary audience:

Busy professionals

Homeowners and apartment residents

Clients in higher-income neighborhoods

People who want results without gym stress

Secondary audience:

Beginners intimidated by gyms

Clients who value accountability and structure

People looking for a trainer who comes to them

Tone:

Confident, professional, modern

Not gimmicky or influencer-style

Premium but approachable

3. Core Value Proposition (Above the fold)

“Personal Training — Delivered to Your Door.”

Supporting points:

No gym commute

No crowded spaces

Fully personalized programs

High-quality portable equipment

Flexible scheduling (early mornings available)

CTA:
👉 Book a Free Consultation

4. Services Section (What I offer)
1-on-1 Mobile Personal Training

In-home or outdoor sessions

Customized workouts

Strength, fat loss, conditioning

All equipment provided

Small Group / Neighborhood Training (Coming Soon)

Train with friends or neighbors

Lower cost per person

Same premium coaching

Scheduled group time blocks

Coaching & Programming (Optional / Future)

Training plans

Accountability

Lifestyle guidance

Hybrid in-person + remote

5. Pricing Philosophy (How pricing should be framed)

Pricing should feel:

Premium

Value-based, not hourly labor

Reflect convenience, expertise, and personalization

Avoid listing exact prices if possible.
Instead:

“Packages available”

“Custom plans based on goals and frequency”

Push users toward a consultation call

6. How It Works (Simple 3-Step Flow)

Book a Free Consultation

Short call or meeting

Discuss goals, schedule, and location

Get a Personalized Plan

Training frequency

Equipment needs

Progress tracking

I Bring the Gym to You

Show up on time

Run the session

You focus on results

7. About Section (Positioning you)

Position me as:

Professional

Knowledgeable

Results-oriented

Building experience now while pursuing certification

Key notes:

Emphasize real-world experience

Commitment to education and certification

Long-term vision of expanding the service

8. Visual Style Direction (Important for Durable)

Design preferences:

Clean

Minimal

Modern fitness aesthetic

Neutral colors (black, white, gray, subtle green or blue)

No clutter

No stock “gym bro” vibes

Imagery ideas:

Trainer with portable equipment

Outdoor or in-home training setups

Clean lifestyle shots

4
9. Call to Action Strategy

Primary CTA:
👉 Book a Free Consultation

Secondary CTA:
👉 Contact Me

Avoid:

Hard selling

Too many buttons

Overloading the page

10. Future Scalability (Let Durable know this grows)

The website should be built to support:

Additional trainers in the future

Multiple neighborhoods

Group training sign-ups

Online coaching offers

Blog or fitness education content later

🧩 One-Sentence Summary for Durable

“Build a premium, modern website for a mobile personal training business that brings professional fitness coaching and equipment directly to clients’ homes, starting with 1-on-1 training and expanding into group and scalable services.”