<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Gainey.ai — Master AI to Become More Human</title>
  <meta name="description"
    content="Training and consulting that helps business owners and leaders master AI — so they can grow their companies and themselves, and become more human in the process." />
  <link rel="icon" href="assets/favicon.svg" type="image/svg+xml" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link
    href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap"
    rel="stylesheet" />
  <link rel="stylesheet" href="css/styles.css" />
  <meta property="og:title" content="Gainey.ai — Master AI to Become More Human" />
  <meta property="og:description"
    content="Helping owners and leaders use AI to grow their businesses and themselves." />
  <meta property="og:type" content="website" />
</head>

<body>

  <!-- HEADER -->
  <header class="site-header">
    <div class="container">
      <nav class="nav" aria-label="Primary">
        <a class="brand" href="index.html" aria-label="Gainey.ai home">
          <img class="brand-mark" src="assets/gainey-logo.svg" alt="" />
        </a>
        <button class="nav-toggle" aria-label="Toggle menu" aria-expanded="false" aria-controls="nav-links">
          <span></span><span></span><span></span>
        </button>
        <ul class="nav-links" id="nav-links">
          <li><a href="index.html" class="active">Home</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
          <li class="nav-cta"><a class="btn btn--primary" href="contact.html">Work with me</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <main>
    <!-- HERO -->
    <section class="hero">
      <div class="container">
        <span class="hero-badge"><span class="pulse"></span> AI coaching &amp; consulting for people, not just
          pipelines</span>
        <h1>Master AI to become <span class="hl">more human</span>.</h1>
        <p class="hero-sub">The leaders who win with AI aren't the most technical. They're the most intentional. I help
          business owners and ambitious professionals use AI to grow what matters: their companies, their craft, and
          their lives.</p>
        <div class="hero-cta">
          <a class="btn btn--primary btn--lg" href="contact.html">Start a conversation <span
              class="btn-arrow">→</span></a>
          <a class="btn btn--on-dark btn--lg" href="#approach">See how it works</a>
        </div>
      </div>
    </section>

    <!-- WHO THIS IS FOR -->
    <section class="section" id="who">
      <div class="container">
        <div class="center reveal">
          <span class="eyebrow">Who I work with</span>
          <h2>Built for people who want to grow</h2>
          <p class="lead">Not for engineers chasing the next framework, but for owners and leaders who want AI working
            <em>for</em> them, their teams, and their goals.</p>
        </div>
        <div class="grid grid-3" style="margin-top:48px">
          <article class="card reveal">
            <div class="card-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                stroke-linejoin="round">
                <path d="M3 21h18M5 21V7l8-4v18M19 21V11l-6-4" />
                <path d="M9 9v.01M9 12v.01M9 15v.01M9 18v.01" />
              </svg>
            </div>
            <h3>Business owners</h3>
            <p>Reclaim hours, sharpen decisions, and scale your operations without scaling headcount, using AI you
              actually understand and trust.</p>
          </article>
          <article class="card reveal">
            <div class="card-icon card-icon--teal">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                stroke-linejoin="round">
                <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
                <circle cx="9" cy="7" r="4" />
                <path d="M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75" />
              </svg>
            </div>
            <h3>Leaders &amp; professionals</h3>
            <p>Lead confidently in an AI-shaped world. Make better calls, communicate with more clarity, and free your
              attention for the work only you can do.</p>
          </article>
          <article class="card reveal">
            <div class="card-icon card-icon--amber">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                stroke-linejoin="round">
                <path d="M12 2a7 7 0 0 0-4 12.74V17a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2.26A7 7 0 0 0 12 2Z" />
                <path d="M9 21h6" />
              </svg>
            </div>
            <h3>People investing in themselves</h3>
            <p>Use AI as a thinking partner for personal growth, learning faster, building habits, and creating space
              for the life you want.</p>
          </article>
        </div>
      </div>
    </section>

    <!-- APPROACH -->
    <section class="section bg-soft" id="approach">
      <div class="container">
        <div class="center reveal">
          <span class="eyebrow">The approach</span>
          <h2>Clarity, then leverage, then humanity</h2>
          <p class="lead">A simple progression that keeps technology in service of your goals, never the other way
            around.</p>
        </div>
        <div class="steps" style="margin-top:48px">
          <div class="step reveal">
            <h3>Clarity</h3>
            <p>We start with you:  your goals, your bottlenecks, your definition of a good life and a good business. AI
              is the tool; clarity is the strategy.</p>
          </div>
          <div class="step reveal">
            <h3>Leverage</h3>
            <p>We put practical AI to work on the right problems: the repetitive, the time-stealing, the decisions
              you're making blind. You keep judgment; AI handles the lift.</p>
          </div>
          <div class="step reveal">
            <h3>Humanity</h3>
            <p>The point isn't to automate your humanity away. It's to give it room. More time for relationships,
              creativity, and the work that only a human can do.</p>
          </div>
        </div>
      </div>
    </section>

    <!-- PROOF / CREDIBILITY -->
    <section class="section bg-navy">
      <div class="container">
        <div class="split reveal">
          <div>
            <span class="eyebrow eyebrow--light">Why trust this</span>
            <h2>I built the systems before I taught the strategy.</h2>
            <p>I spent years as an engineer designing and shipping real software and AI systems, not reading about
              them, building them. That foundation means I can cut through hype, tell you what AI can and can't do, and
              translate it into plain language and practical wins for your business and your life.</p>
            <p style="margin-bottom:0"><a class="btn btn--on-dark" href="about.html">More about my background <span
                  class="btn-arrow">→</span></a></p>
          </div>
          <div class="proof">
            <div class="stat">
              <div class="num">25<span class="plus">+</span></div>
              <div class="lbl">Years building software &amp; AI</div>
            </div>
            <div class="stat">
              <div class="num">1:1</div>
              <div class="lbl">Personal, tailored guidance</div>
            </div>
            <div class="stat">
              <div class="num">0</div>
              <div class="lbl">Jargon required from you</div>
            </div>
            <div class="stat">
              <div class="num">100<span class="plus">%</span></div>
              <div class="lbl">Focused on your outcomes</div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- OUTCOMES -->
    <section class="section">
      <div class="container">
        <div class="center reveal">
          <span class="eyebrow">What you walk away with</span>
          <h2>Real change you can feel</h2>
        </div>
        <div class="grid grid-2" style="margin-top:48px;max-width:900px;margin-inline:auto">
          <article class="card reveal">
            <h3>For your business</h3>
            <ul class="checklist" style="margin-top:14px">
              <li><span class="tick"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"
                    stroke-linecap="round" stroke-linejoin="round">
                    <path d="M20 6 9 17l-5-5" />
                  </svg></span><span>Workflows that run faster with less manual effort</span></li>
              <li><span class="tick"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"
                    stroke-linecap="round" stroke-linejoin="round">
                    <path d="M20 6 9 17l-5-5" />
                  </svg></span><span>A clear, jargon-free AI strategy you can actually execute</span></li>
              <li><span class="tick"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"
                    stroke-linecap="round" stroke-linejoin="round">
                    <path d="M20 6 9 17l-5-5" />
                  </svg></span><span>Confidence to lead your team into an AI-shaped market</span></li>
            </ul>
          </article>
          <article class="card reveal">
            <h3>For you</h3>
            <ul class="checklist" style="margin-top:14px">
              <li><span class="tick"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"
                    stroke-linecap="round" stroke-linejoin="round">
                    <path d="M20 6 9 17l-5-5" />
                  </svg></span><span>Hours back in your week for what matters most</span></li>
              <li><span class="tick"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"
                    stroke-linecap="round" stroke-linejoin="round">
                    <path d="M20 6 9 17l-5-5" />
                  </svg></span><span>A personal AI toolkit for learning, thinking, and creating</span></li>
              <li><span class="tick"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"
                    stroke-linecap="round" stroke-linejoin="round">
                    <path d="M20 6 9 17l-5-5" />
                  </svg></span><span>A healthier relationship with technology, on your terms</span></li>
            </ul>
          </article>
        </div>
      </div>
    </section>

    <!-- FINAL CTA -->
    <section class="section--tight">
      <div class="container">
        <div class="cta-band reveal">
          <h2>Ready to make AI work for you?</h2>
          <p>Tell me where you want to grow: your business, yourself, or both. We'll figure out the path together.</p>
          <p style="margin:1.6rem 0 0"><a class="btn btn--primary btn--lg" href="contact.html">Let's work together <span
                class="btn-arrow">→</span></a></p>
        </div>
      </div>
    </section>
  </main>

  <!-- FOOTER -->
  <footer class="site-footer">
    <div class="container">
      <div class="footer-top">
        <div>
          <a class="brand" href="index.html"><img class="brand-mark" src="assets/gainey-logo.svg" alt="" /></a>
          <p class="footer-tag">Master AI to become more human.</p>
        </div>
        <nav class="footer-links" aria-label="Footer">
          <a href="index.html">Home</a>
          <a href="about.html">About</a>
          <a href="contact.html">Contact</a>
        </nav>
      </div>
      <div class="footer-bottom">
        <span>&copy; <span id="year">2026</span> Gainey.ai. All rights reserved.</span>
        <span>Built for humans.</span>
      </div>
    </div>
  </footer>

  <script src="js/main.js"></script>
</body>

</html>