From b41e993ff0c80d33cfd3226081b773b63d5e540b Mon Sep 17 00:00:00 2001
From: TheClientfitsUg <opondoanthony530@gmail.com>
Date: Mon, 24 Aug 2026 11:00:08 +0300
Subject: [PATCH] Create index.html
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>FitForge Health & Fitness</title>
  <meta name="description" content="Modern fitness and health website for workout plans, client follow-up, and personal coaching." />
  <link rel="stylesheet" href="styles.css" />
</head>
<body>
  <header class="header">
    <div class="container nav">
      <a href="#" class="logo">Fit<span>Forge</span></a>
      <nav class="menu">
        <a href="#plans">Workout Plans</a>
        <a href="#services">Services</a>
        <a href="#contact">Contact</a>
      </nav>
      <a href="#contact" class="btn btn-primary">Book Consultation</a>
    </div>
  </header>

  <main>
    <section class="hero">
      <div class="container hero-grid">
        <div class="hero-text">
          <span class="tag">Personal Training • Online Coaching • Wellness</span>
          <h1>Transform your body with a plan built for real results.</h1>
          <p>
            We help busy professionals, beginners, and fitness enthusiasts reach their goals through
            structured workout plans, accountability follow-up, and in-person coaching that keeps you moving forward.
          </p>
          <div class="hero-actions">
            <a href="#plans" class="btn btn-primary">Buy Workout Plans</a>
            <a href="#contact" class="btn btn-secondary">Start Your Assessment</a>
          </div>

          <div class="stats">
            <div class="stat">
              <strong>1:1</strong>
              <span>Personal coaching support</span>
            </div>
            <div class="stat">
              <strong>24/7</strong>
              <span>Client follow-up touchpoints</span>
            </div>
            <div class="stat">
              <strong>Mobile</strong>
              <span>Responsive across all devices</span>
            </div>
          </div>
        </div>

        <div class="hero-card">
          <span class="badge">Featured Offer</span>
          <h2>8-Week Strength Reset</h2>
          <p>Structured sessions, nutrition guidance, habit tracking, and direct access to your coach.</p>

          <div class="mini-grid">
            <div class="mini-card">
              <h3>Workout</h3>
              <p>Progressive training blocks tailored to your level.</p>
            </div>
            <div class="mini-card">
              <h3>Follow-up</h3>
              <p>Weekly check-ins to keep you accountable.</p>
            </div>
            <div class="mini-card">
              <h3>Meet</h3>
              <p>Face-to-face consultations and coaching.</p>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="section" id="plans">
      <div class="container">
        <h2>Workout plans for purchase</h2>
        <p class="section-text">
          Choose a plan based on your goal, schedule, and experience level. Each package can be sold
          directly through your site or linked to a payment gateway.
        </p>

        <div class="card-grid">
          <article class="card">
            <h3>Starter Plan</h3>
            <p>For beginners who want a simple, safe entry into fitness with clear weekly structure.</p>
          </article>

          <article class="card">
            <h3>Fat-Loss Plan</h3>
            <p>Built for calorie control, conditioning, and sustainable progress tracking.</p>
          </article>

          <article class="card">
            <h3>Performance Plan</h3>
            <p>For strength, endurance, and athletic conditioning with higher intensity.</p>
          </article>
        </div>
      </div>
    </section>

    <section class="section alt" id="services">
      <div class="container">
        <h2>Why clients stay engaged</h2>
        <div class="card-grid">
          <article class="card">
            <h3>Lead generation</h3>
            <p>Prominent call-to-actions and inquiry prompts convert visitors into prospects.</p>
          </article>

          <article class="card">
            <h3>Follow-up system</h3>
            <p>Built-in contact capture supports follow-up by email, phone, or WhatsApp.</p>
          </article>

          <article class="card">
            <h3>Face-to-face care</h3>
            <p>Invite clients to studio sessions, assessments, and in-person consultations.</p>
          </article>
        </div>
      </div>
    </section>

    <section class="section" id="contact">
      <div class="container">
        <h2>Contact form</h2>
        <p class="section-text">
          Make it easy for visitors to inquire about coaching, plan purchases, or assessments.
        </p>

        <div class="form-wrap">
          <form class="contact-form">
            <div class="form-row">
              <input type="text" name="name" placeholder="Full name" required />
              <input type="email" name="email" placeholder="Email address" required />
            </div>

            <div class="form-row">
              <input type="tel" name="phone" placeholder="Phone number" />
              <select name="interest">
                <option>Interested in</option>
                <option>Workout plan</option>
                <option>Personal coaching</option>
                <option>In-person consultation</option>
              </select>
            </div>

            <textarea name="message" placeholder="Tell us your goal or question"></textarea>
            <button type="submit" class="btn btn-primary">Send Inquiry</button>
          </form>
        </div>
      </div>
    </section>
  </main>

  <footer class="footer">
    <div class="container">
      <p>© 2026 FitForge Health & Fitness. Designed for lead generation, plan sales, and client engagement.</p>
    </div>
  </footer>
</body>
</html>
---
 index.html | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..8b137891
--- /dev/null
+++ b/index.html
@@ -0,0 +1 @@
+
