<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="James Laws — CEO, advisor, and framework thinker. Building systems that scale with people.">
  <title>James Laws — Executive Leadership & Advisory</title>
  
  <!-- Open Graph -->
  <meta property="og:title" content="James Laws — Executive Leadership &amp; Advisory">
  <meta property="og:description" content="James Laws — CEO, advisor, and framework thinker. Building systems that scale with people.">
  <meta property="og:image" content="https://jameslaws.com/images/og-default.png">
  <meta property="og:url" content="https://jameslaws.com/">
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="James Laws">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="James Laws — Executive Leadership &amp; Advisory">
  <meta name="twitter:description" content="James Laws — CEO, advisor, and framework thinker. Building systems that scale with people.">
  <meta name="twitter:image" content="https://jameslaws.com/images/og-default.png">

  <!-- Favicon -->
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="apple-touch-icon" href="images/logo/favicon-180.png">

  <!-- Fonts: Playfair Display (display fallback), Source Serif Pro (body fallback), Inter (UI) -->
  <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=Playfair+Display:wght@400;500&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600&display=swap" rel="stylesheet">

  <link rel="stylesheet" href="css/styles.css?v=55d895fb">

  <!-- Fathom Analytics -->
  <script src="https://cdn.usefathom.com/script.js" data-site="VSREKQZI" defer></script>
  <link rel="alternate" type="application/rss+xml" title="James Laws" href="/feed.xml">

</head>
<body>

  <!-- ===== HEADER / NAVIGATION ===== -->
  <header class="header">
    <div class="container header-inner">
      <a href="index.html" class="logo">
        <img src="images/logo/sig-header.png" alt="" class="logo-sig">
        <span>James Laws</span>
      </a>

      <button class="nav-toggle" aria-label="Toggle navigation" aria-expanded="false">
        <span class="nav-toggle-bar"></span>
        <span class="nav-toggle-bar"></span>
        <span class="nav-toggle-bar"></span>
      </button>

      <nav class="nav">
        <a href="index.html#about" class="nav-link">About</a>
        <a href="services.html" class="nav-link launch-hidden">Services</a>
        <a href="frameworks.html" class="nav-link launch-hidden">Frameworks</a>
        <a href="speaking.html" class="nav-link launch-hidden">Speaking</a>
        <a href="/writing/" class="nav-link">Writing</a>
        <a href="contact.html" class="nav-link launch-hidden">Contact</a>
        <a href="index.html#contact" class="nav-link launch-visible">Get in Touch</a>
      </nav>
    </div>
  </header>


  <main>

    <!-- ===== HERO — Typography-first, signature element ===== -->
    <section class="hero hero--signature">
      <!-- The signature — featured element, parchment colored -->
      <div class="hero-signature" aria-hidden="true">
        <img src="images/logo/sig-coral.png" alt="">
      </div>

      <div class="hero-content">
        <h1 class="hero-title">James Laws</h1>
        <p class="hero-subtitle">CEO, advisor, and framework thinker. Building systems that scale with people — not against them.</p>
      </div>

      <!-- Scroll cue — subtle downward gesture in accent color -->
      <div class="scroll-cue" aria-hidden="true">↓</div>
    </section>

    <!-- ===== TRANSITION — Visual mark ===== -->
    <div class="transition-visual" data-reveal></div>

    <!-- ===== DECLARATION ===== -->
    <section class="section section--declaration section--parchment" data-reveal>
      <div class="container">
        <p class="text-display">Vision sees potential.<br>Leadership makes possible.</p>
      </div>
    </section>

    <!-- ===== ABOUT — Unified section ===== -->
    <section class="section section--spacious" id="about" data-reveal>
      <div class="container">
        <div class="about-unified">
          <div class="about-visual">
            <img src="images/headshot-formal.png" alt="James Laws" class="about-headshot">

            <div class="about-traits">
              <span>Entrepreneur</span>
              <span>Builder</span>
              <span>Systems Thinker</span>
              <span>AI-Forward</span>
              <span>Framework Builder</span>
              <span>Experimenter</span>
              <span>Cheerleader</span>
              <span>CEO</span>
              <span>Father</span>
              <span>Husband</span>
            </div>

            <div class="about-stats">
              <div class="about-stat">
                <span class="about-stat-number">25+</span>
                <span class="about-stat-label">years leading organizations</span>
              </div>
              <div class="about-stat">
                <span class="about-stat-number">50+</span>
                <span class="about-stat-label">team members</span>
              </div>
              <div class="about-stat">
                <span class="about-stat-number">5–10+</span>
                <span class="about-stat-label">year average team tenure</span>
              </div>
            </div>
          </div>

          <div class="about-content">
            <h2>A Little About Me</h2>

            <p class="about-lead">
              I'm an entrepreneur and a builder. I think in systems, push into AI, and lead best when I set direction and trust people to deliver.
            </p>

            <p>
              I run <strong>Saturday Drive</strong> with my partners Kevin Stover and Jeremy Moore — software, coffee, wellness, and whatever else catches our interest. Twenty-five years of building companies taught me that the best organizations aren't optimized for efficiency. They're designed for people to do their best work.
            </p>

            <p>
              I like to experiment. Play with what's possible. I build frameworks because I need tools for my own thinking. When others find them useful, I share.
            </p>

            <div class="about-beliefs">
              <h3>What I Believe</h3>
              <p>
                The best leaders build systems, not dependencies. They create environments where people can do their best work — then get out of the way.
              </p>
              <p>
                I believe in frameworks over rules, clarity over complexity, and warmth over efficiency. Technology should amplify human judgment, not replace it. The organizations that thrive aren't the ones with the best tools — they're the ones where people feel capable and empowered.
              </p>
            </div>

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

    <!-- ===== SERVICES PREVIEW ===== -->
    <section class="section section--spacious section--parchment launch-hidden" id="services" data-reveal>
      <div class="container">
        <h2 class="h2 text-center mb-7">How I Work With Leaders</h2>

        <div class="card-grid card-grid--3" data-reveal-stagger>
          <!-- Advisory -->
          <a href="services/advisory.html" class="card service-card card--interactive">
            <img src="images/icon-advisory.png" alt="" class="card-icon">
            <h3 class="card-title">Advisory</h3>
            <p class="card-description">Strategic counsel for founders and executives navigating growth, transition, or complexity. A thinking partner who's been in your seat.</p>
            <span class="card-cta">Learn more &rarr;</span>
          </a>

          <!-- Coaching -->
          <a href="services/coaching.html" class="card service-card card--interactive">
            <img src="images/icon-coaching.png" alt="" class="card-icon">
            <h3 class="card-title">Coaching</h3>
            <p class="card-description">Executive development focused on leadership presence, decision-making frameworks, and building teams that don't need you.</p>
            <span class="card-cta">Learn more &rarr;</span>
          </a>

          <!-- Fractional -->
          <a href="services/fractional-leadership.html" class="card service-card card--interactive">
            <img src="images/icon-fractional.png" alt="" class="card-icon">
            <h3 class="card-title">Fractional Leadership</h3>
            <p class="card-description">Part-time executive presence for growing companies. The strategic depth you need without the full-time commitment.</p>
            <span class="card-cta">Learn more &rarr;</span>
          </a>
        </div>

        <p class="text-center mt-7 text-muted">
          <span>Not sure which is right? <a href="contact.html">Let's talk</a></span>
        </p>
      </div>
    </section>

    <!-- ===== FRAMEWORKS — Editorial numbered layout ===== -->
    <section class="section section--spacious launch-hidden" data-reveal>
      <div class="container">
        <h2 class="h2 mb-8">A Few of My Mental Models</h2>

        <div class="frameworks-editorial">
          <!-- 01: Fulfillment Theory -->
          <div class="framework-item">
            <div class="framework-number">01</div>
            <div class="framework-content">
              <h3 class="framework-title"><a href="frameworks.html#fulfillment">Fulfillment Theory</a></h3>
              <p class="framework-description">Three questions define fulfillment for your team members: Do I love the work? Does it matter? Can I see the impact? Leaders influence the answers through clarity, collaboration, and connection.</p>
            </div>
            <div class="framework-icon-wrap">
              <a href="frameworks.html#fulfillment"><img src="images/icon-fulfillment.png" alt=""></a>
            </div>
          </div>

          <!-- 02: Elevation Framework -->
          <div class="framework-item">
            <div class="framework-number">02</div>
            <div class="framework-content">
              <h3 class="framework-title"><a href="frameworks.html#elevation">Elevation Framework</a></h3>
              <p class="framework-description">Your to-do list is lying to you. This framework helps you discover what work deserves to be elevated — and what to delegate, automate, or eliminate.</p>
            </div>
            <div class="framework-icon-wrap">
              <a href="frameworks.html#elevation"><img src="images/icon-elevation.png" alt=""></a>
            </div>
          </div>

          <!-- 03: Spheres of Influence -->
          <div class="framework-item">
            <div class="framework-number">03</div>
            <div class="framework-content">
              <h3 class="framework-title"><a href="frameworks.html#spheres">Spheres of Influence</a></h3>
              <p class="framework-description">Your life is represented in concentric circles — from self, to family, to work, to community, to world. Your control shrinks as you move outward. A reminder to invest your best attention where you have the most influence.</p>
            </div>
            <div class="framework-icon-wrap">
              <a href="frameworks.html#spheres"><img src="images/icon-spheres.png" alt=""></a>
            </div>
          </div>
        </div>

        <p class="text-center mt-7">
          <a href="frameworks.html" class="btn btn--ghost">Explore all frameworks</a>
        </p>
      </div>
    </section>

    <!-- ===== NEWSLETTER — Saturday Mornings signup ===== -->
    <section class="section section--spacious section--parchment" id="newsletter" data-reveal>
      <div class="container">
        <div class="newsletter-section">
          <div class="newsletter-content">
            <img src="images/newsletter-header.png" alt="Saturday Mornings" class="newsletter-logo">
            <h2 class="newsletter-title">I write a letter every Saturday.</h2>
            <p class="newsletter-description">
              It's called Saturday Mornings — a weekly letter about leadership, systems thinking, and whatever I'm working through. Not a roundup. Not a company update. Just what I've been thinking about, shared with people who want to think along.
            </p>
          </div>
          <div class="newsletter-form-wrap">
            <form class="newsletter-form" data-kit-form="3847396">
              <div class="newsletter-form-inline">
                <input type="email" name="email" required class="newsletter-form-input" placeholder="you@example.com">
                <button type="submit" class="btn btn--primary btn--lg newsletter-form-submit">Subscribe</button>
              </div>
              <p class="newsletter-form-note">One email, every Saturday morning. Unsubscribe anytime.</p>
            </form>
            <div class="newsletter-form-success" style="display: none;">
              <p class="newsletter-success-title">Almost there.</p>
              <p class="newsletter-success-text">Check your inbox for a confirmation email — click the link inside to start receiving Saturday Mornings.</p>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- ===== SOCIAL PROOF — Rotating quotes ===== -->
    <section class="section section--spacious section--parchment launch-hidden" data-reveal>
      <div class="container">
        <div class="quotes-rotator">
          <p class="rotator-heading">What my team says</p>

          <div class="rotator-featured">
            <blockquote class="rotator-quote rotator-quote--active">"It's rare to see someone who has a <strong>strong vision</strong> be able to both motivate folks to pursue that vision without needing to <strong>control every detail</strong> about implementation."</blockquote>

            <blockquote class="rotator-quote">"He <strong>puts people first</strong> — that care translates to actions for every member of the team."</blockquote>

            <blockquote class="rotator-quote">"You balance the unique characteristics of <strong>empathy and authority</strong> extremely well."</blockquote>

            <blockquote class="rotator-quote">"The ability to <strong>gather key people</strong> together around a vision — a leadership skill that allows him to attract different kinds of people and get them <strong>focused in a direction</strong>."</blockquote>

            <blockquote class="rotator-quote">"You are a <strong>visionary</strong> who can see how to take ideas and turn them into <strong>movements</strong>. You can visualize one hundred different paths of getting there and you aren't afraid to try as many as it takes."</blockquote>

            <blockquote class="rotator-quote">"Your ability to <strong>inspire action</strong> and willingness to jump into a thing are what I think of as your difference factor."</blockquote>

            <blockquote class="rotator-quote">"Processing a topic from an <strong>unusual number of angles</strong> — often able to see something from a perspective others have missed or not fully considered."</blockquote>

            <blockquote class="rotator-quote">"The unmistakable differentiation that is James Laws is his <strong>approachability and inclusiveness</strong>."</blockquote>

            <blockquote class="rotator-quote">"He makes you feel like <strong>your ideas matter</strong> — even when he's the one who set the direction."</blockquote>
          </div>

          <div class="rotator-pills">
            <button class="rotator-pill rotator-pill--active"><mark>strong vision</mark></button>
            <button class="rotator-pill"><mark>puts people first</mark></button>
            <button class="rotator-pill"><mark>empathy & authority</mark></button>
            <button class="rotator-pill"><mark>gather key people</mark></button>
            <button class="rotator-pill"><mark>visionary</mark></button>
            <button class="rotator-pill"><mark>inspire action</mark></button>
            <button class="rotator-pill"><mark>unusual angles</mark></button>
            <button class="rotator-pill"><mark>approachability</mark></button>
            <button class="rotator-pill"><mark>your ideas matter</mark></button>
          </div>
        </div>
      </div>
    </section>

    <!-- ===== CTA — Original (dev: visible, launch: hidden) ===== -->
    <section class="section cta-section section--cta-bg launch-hidden" data-reveal>
      <div class="container">
        <h2 class="cta-title">Let's think together.</h2>
        <p class="cta-text">
          Whether you're navigating a transition, building a team, or just need a thinking partner — I'd like to hear from you.
        </p>
        <a href="contact.html" class="btn btn--secondary btn--lg">Let's connect</a>
      </div>
    </section>

    <!-- ===== CTA — Launch version with inline form (dev: hidden, launch: visible) ===== -->
    <section class="section cta-section section--cta-bg launch-visible" id="contact" data-reveal>
      <div class="container">
        <div class="cta-form-wrap">
          <h2 class="cta-title">Let's think together.</h2>
          <p class="cta-text">
            Whether you're navigating a transition, building a team, or just need a thinking partner — I'd like to hear from you.
          </p>

          <form id="cta-contact-form" class="cta-form" method="POST" action="https://api.web3forms.com/submit">
            <input type="hidden" name="access_key" value="3f6c35fb-88be-4999-a69f-d47922ea11cf">
            <input type="hidden" name="from_name" value="JamesLaws.com Contact">
            <input type="hidden" name="subject" value="New message from jameslaws.com">
            <input type="hidden" name="botcheck" style="display: none;">
            <div class="cta-form-group">
              <label for="cta-name" class="cta-form-label">Name</label>
              <input type="text" id="cta-name" name="name" required class="cta-form-input">
            </div>
            <div class="cta-form-group">
              <label for="cta-email" class="cta-form-label">Email</label>
              <input type="email" id="cta-email" name="email" required class="cta-form-input">
            </div>
            <div class="cta-form-group cta-form-group--last">
              <label for="cta-message" class="cta-form-label">Message</label>
              <textarea id="cta-message" name="message" rows="4" class="cta-form-input cta-form-textarea"></textarea>
            </div>
            <button type="submit" class="btn btn--secondary btn--lg cta-form-submit">Send message</button>
          </form>

          <div id="cta-form-success" class="cta-form-success" style="display: none;">
            <p class="cta-form-success-title">Message sent.</p>
            <p class="cta-form-success-text">Thanks for reaching out — I'll be in touch.</p>
          </div>

          <p class="cta-social">
            Find me on: <a href="https://www.linkedin.com/in/james-laws/" target="_blank" rel="noopener">LinkedIn</a> · <a href="https://x.com/jameslaws" target="_blank" rel="noopener">X</a> · <a href="https://www.tiktok.com/@jamesalaws" target="_blank" rel="noopener">TikTok</a> · <a href="https://www.instagram.com/jameslaws/" target="_blank" rel="noopener">Instagram</a>
          </p>
        </div>
      </div>
    </section>

  </main>

  <!-- ===== FOOTER ===== -->
  <footer class="footer">
    <div class="container">
      <div class="footer-grid">
        <div>
          <p class="footer-brand">James Laws</p>
          <p class="footer-tagline">Building systems that scale with people.</p>
        </div>

        <div class="launch-hidden">
          <p class="footer-nav-title">Navigate</p>
          <nav class="footer-nav">
            <a href="about.html">About</a>
            <a href="services.html">Services</a>
            <a href="frameworks.html">Resources</a>
            <a href="speaking.html">Speaking</a>
            <a href="contact.html">Contact</a>
          </nav>
        </div>

        <div>
          <p class="footer-nav-title">Connect</p>
          <nav class="footer-nav">
            <a href="https://www.linkedin.com/in/james-laws/" target="_blank" rel="noopener">LinkedIn</a>
            <a href="https://x.com/jameslaws" target="_blank" rel="noopener">X</a>
            <a href="https://www.tiktok.com/@jamesalaws" target="_blank" rel="noopener">TikTok</a>
            <a href="https://www.instagram.com/jameslaws/" target="_blank" rel="noopener">Instagram</a>
          </nav>
        </div>

        <div class="footer-newsletter">
          <img src="images/newsletter-header-transparent.png" alt="Saturday Mornings" class="footer-newsletter-logo">
          <p class="footer-newsletter-text">A weekly letter on leadership and systems thinking.</p>
          <form class="footer-newsletter-form" data-kit-form="3847400">
            <div class="footer-newsletter-fields">
              <input type="email" name="email" required class="footer-newsletter-input" placeholder="Your email">
              <button type="submit" class="footer-newsletter-btn">Subscribe</button>
            </div>
          </form>
          <div class="footer-newsletter-success" style="display: none;">
            <p class="footer-newsletter-success-text">Almost there — check your inbox to confirm.</p>
          </div>
        </div>
      </div>

      <div class="footer-bottom">
        <p>&copy; 2026 James Laws. All rights reserved.</p>
      </div>
    </div>
  </footer>

  <script src="js/main.js?v=55d895fb"></script>

</body>
</html>
