Embed

<section class="fs-event-section">
  <div class="fs-event-shell">
    <div class="fs-event-inner">

      <div class="fs-event-copy">
        <h1 class="fs-event-title">Resident Competition Sign Up</h1>
        <p class="fs-event-text">
          Complete the form below to register for an upcoming Fitness Solver resident competition.
        </p>
      </div>

      <div class="fs-event-form-wrap">
        <div id="fs-event-hs-form"></div>
      </div>

    </div>
  </div>
</section>

<script
  charset="utf-8"
  type="text/javascript"
  src="//js-na2.hsforms.net/forms/embed/v2.js"
></script>

<script>
  hbspt.forms.create({
    portalId: "246299521",
    formId: "618f8b7f-a547-4a82-864c-c53ae994b5dd",
    region: "na2",
    target: "#fs-event-hs-form"
  });
</script>

<style>
:root{
  --fs-red:#e53935;
  --fs-red-dark:#c62828;
  --fs-bg1:#0b0b0f;
  --fs-bg2:#151722;
  --fs-white:rgba(255,255,255,.95);
  --fs-muted:rgba(255,255,255,.80);
  --fs-border:rgba(255,255,255,.10);
}

.fs-event-section{
  width:100%;
  margin:0;
  padding:0;
  box-sizing:border-box;
}

.fs-event-shell{
  width:100%;
  background:
    radial-gradient(
      900px 500px at 20% 10%,
      rgba(229,57,53,.12),
      transparent 60%
    ),
    linear-gradient(
      180deg,
      var(--fs-bg1) 0%,
      #171924 22%,
      #0f1016 100%
    );
  box-sizing:border-box;
}

.fs-event-inner{
  width:min(1120px, 100%);
  margin:0 auto;
  padding:42px 22px 48px;
  box-sizing:border-box;
}

.fs-event-copy{
  width:100%;
  max-width:860px;
  margin:0 0 22px;
}

.fs-event-title{
  margin:0 0 12px;
  font-size:clamp(34px, 5vw, 64px);
  line-height:1.02;
  font-weight:800;
  letter-spacing:-0.03em;
  color:var(--fs-white);
  text-align:left;
}

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

.fs-event-text{
  max-width:760px;
  margin:0;
  font-size:clamp(17px, 2vw, 22px);
  line-height:1.45;
  color:var(--fs-muted);
  text-align:left;
}

.fs-event-form-wrap{
  width:100%;
  margin:0;
  padding:10px;
  border:1px solid var(--fs-border);
  border-radius:22px;
  box-sizing:border-box;
  background:rgba(255,255,255,.05);
  box-shadow:0 20px 60px rgba(0,0,0,.35);
  backdrop-filter:blur(8px);
}

#fs-event-hs-form{
  width:100%;
  padding:18px 18px 10px;
  border-radius:18px;
  box-sizing:border-box;
  overflow:hidden;
  background:#fff;
}

/* HubSpot form */
#fs-event-hs-form .hs-form{
  margin:0 !important;
}

#fs-event-hs-form .hs-form-field{
  margin-bottom:14px !important;
}

#fs-event-hs-form .hs-form-field > label{
  display:block !important;
  margin:0 0 6px !important;
  color:#111 !important;
  font-weight:600 !important;
  line-height:1.3 !important;
  text-align:left !important;
  letter-spacing:normal !important;
  word-spacing:normal !important;
}

#fs-event-hs-form .hs-input,
#fs-event-hs-form input[type="text"],
#fs-event-hs-form input[type="email"],
#fs-event-hs-form input[type="tel"],
#fs-event-hs-form input[type="number"],
#fs-event-hs-form input[type="date"],
#fs-event-hs-form select,
#fs-event-hs-form textarea{
  width:100% !important;
  margin:0 !important;
  padding:13px 14px !important;
  border:1px solid #d7dbe2 !important;
  border-radius:14px !important;
  box-sizing:border-box !important;
  background:#fff !important;
  color:#111 !important;
  font-size:15px !important;
  line-height:1.4 !important;
}

#fs-event-hs-form .hs-input:focus,
#fs-event-hs-form input:focus,
#fs-event-hs-form select:focus,
#fs-event-hs-form textarea:focus{
  outline:none !important;
  border-color:var(--fs-red) !important;
  box-shadow:0 0 0 3px rgba(229,57,53,.12) !important;
}

#fs-event-hs-form textarea{
  min-height:110px !important;
  resize:vertical !important;
}

#fs-event-hs-form .hs-error-msgs{
  margin:6px 0 0 !important;
  padding-left:0 !important;
  list-style:none !important;
  color:#c62828 !important;
  font-size:13px !important;
}

#fs-event-hs-form .hs_submit{
  margin-top:10px !important;
}

#fs-event-hs-form .hs-button,
#fs-event-hs-form input[type="submit"]{
  appearance:none !important;
  padding:14px 24px !important;
  border:0 !important;
  border-radius:999px !important;
  background:
    linear-gradient(
      135deg,
      var(--fs-red) 0%,
      var(--fs-red-dark) 100%
    ) !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1 !important;
  box-shadow:0 10px 24px rgba(229,57,53,.24) !important;
  cursor:pointer !important;
}

#fs-event-hs-form .hs-button:hover,
#fs-event-hs-form input[type="submit"]:hover{
  filter:brightness(1.04) !important;
}

#fs-event-hs-form .submitted-message{
  margin:0 !important;
  padding:8px 0 4px !important;
  color:#111 !important;
  text-align:left !important;
}

/* Tablet */
@media (max-width:900px){
  .fs-event-inner{
    padding:30px 16px 36px;
  }

  .fs-event-title{
    font-size:clamp(30px, 6vw, 48px);
  }
}

/* Phone */
@media (max-width:700px){
  .fs-event-inner{
    width:100%;
    padding:18px 8px 22px;
  }

  .fs-event-copy{
    margin-bottom:14px;
  }

  .fs-event-title{
    margin-bottom:10px;
    font-size:clamp(25px, 8vw, 38px);
    line-height:1.06;
  }

  .fs-event-title::after{
    margin-top:12px;
  }

  .fs-event-text{
    max-width:100%;
    font-size:16px;
    line-height:1.4;
  }

  .fs-event-form-wrap{
    padding:4px;
    border-radius:14px;
    box-shadow:none;
    backdrop-filter:none;
  }

  #fs-event-hs-form{
    padding:12px 10px 4px;
    border-radius:12px;
  }

  #fs-event-hs-form .hs-form-field{
    margin-bottom:10px !important;
  }

  #fs-event-hs-form .hs-input,
  #fs-event-hs-form input[type="text"],
  #fs-event-hs-form input[type="email"],
  #fs-event-hs-form input[type="tel"],
  #fs-event-hs-form input[type="number"],
  #fs-event-hs-form input[type="date"],
  #fs-event-hs-form select,
  #fs-event-hs-form textarea{
    padding:11px 12px !important;
    border-radius:12px !important;
    font-size:14px !important;
  }

  #fs-event-hs-form .hs-button,
  #fs-event-hs-form input[type="submit"]{
    width:100% !important;
  }
}
</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.”