<?php declare(strict_types=1);
$page_title       = 'Big Breath | Ignite the Inner Fire. Master the Breath.';
$page_description = 'Big Breath is the breathwork practice of Big Joe, former NFL athlete. 15,000+ sessions. Global retreats, private coaching, and corporate programs.';
$page_canonical   = 'https://bigbreath.co/';
$_edb    = new PDO('sqlite:' . __DIR__ . '/../data/events.sqlite');
$upcoming = $_edb->query("SELECT id,title,starts_at,location,city,format,blurb,hero_image FROM events WHERE published=1 ORDER BY starts_at ASC LIMIT 3")->fetchAll(PDO::FETCH_ASSOC);
require __DIR__ . '/../components/_header.php';
?>

<section class="bb-hero">
  <div class="bb-hero__media">
    <img src="/assets/images/bigjoe-1.webp" alt="Big Joe leads a breathwork session" width="1920" height="1080">
  </div>
  <div class="bb-hero__content bb-container">
    <span class="bb-label" style="color:var(--bb-cream);margin-bottom:var(--s-6);">Big Breath</span>
    <h1 class="bb-hero__title">Ignite the inner fire.<br>Master the breath.</h1>
    <a href="/contact" class="bb-btn bb-btn--ghost" style="margin-top:var(--s-10);">Begin Your Practice</a>
  </div>
</section>

<section class="bb-section">
  <div class="bb-container">
    <span class="bb-label bb-reveal">Section 01 / The Practice</span>
    <hr class="bb-rule">
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:var(--s-16);align-items:center;">
      <div class="bb-reveal">
        <h2 class="bb-display" style="margin-bottom:var(--s-6);">Breath is the original technology of transformation.</h2>
        <p class="bb-body" style="margin-bottom:var(--s-6);">The Big Breath method is not meditation. It is not whisper-soft wellness. It is a full-body, full-voice, full-presence practice that activates before it calms. Each session is a portal. Clients leave different from how they arrived.</p>
        <p class="bb-body" style="margin-bottom:var(--s-8);">Ancient wisdom. Modern performance science. A loud, booming guide with 15,000+ sessions and no microphone in front of him.</p>
        <a href="/the-practice" class="bb-btn">Explore the Method</a>
      </div>
      <div class="bb-reveal">
        <img src="/assets/images/bigjoe-2.webp" alt="Big Joe in practice" style="width:100%;height:auto;display:block;">
      </div>
    </div>
  </div>
</section>

<section class="bb-section bb-section--oat">
  <div class="bb-container" style="max-width:var(--container-narrow);text-align:center;">
    <span class="bb-label bb-reveal">Section 02 / Ember Flame Mastery</span>
    <hr class="bb-rule">
    <p class="bb-display bb-reveal" style="margin-bottom:var(--s-8);">Ember. Flame. Mastery.<br>Three stages. One journey.</p>
    <p class="bb-body bb-reveal" style="margin-bottom:var(--s-6);">You arrive disconnected. You leave on fire and in control of it. Every practitioner moves through three arcs. The ember is lit. The flame is tended. Mastery is the state beyond effort, where breath becomes instinct and the body knows exactly how to heal itself.</p>
    <p class="bb-body bb-reveal" style="margin-bottom:var(--s-10);">Vulnerable but strong. Power and openness held at the same time. Most practices ask you to choose one. Big Breath holds both.</p>
    <a href="/the-practice" class="bb-btn bb-reveal">The Three Arcs</a>
  </div>
</section>

<section class="bb-section">
  <div class="bb-container">
    <span class="bb-label bb-reveal">Section 03 / Big Joe</span>
    <hr class="bb-rule">
    <div class="bb-image-statement">
      <div style="display:grid;grid-template-columns:1fr 1fr;gap:var(--s-16);align-items:center;">
        <div class="bb-reveal">
          <img src="/assets/images/bigjoe-3.webp" alt="Big Joe portrait" style="width:100%;height:auto;display:block;">
        </div>
        <div class="bb-reveal">
          <h2 class="bb-display" style="margin-bottom:var(--s-6);">From the NFL to 15,000 guided sessions.</h2>
          <p class="bb-body" style="margin-bottom:var(--s-6);">Big Joe spent years in professional football learning that performance lives in the breath. After his playing career he took that knowledge to every corner of the world: royal palaces in Oman, mountain monasteries in Bhutan, boardrooms in New York, arenas in Detroit.</p>
          <p class="bb-body" style="margin-bottom:var(--s-6);">CEOs. Special forces units. Olympic teams. Thousands of people who wanted something extraordinary from their bodies and minds. He does not whisper. He ignites.</p>
          <p class="bb-body" style="margin-bottom:var(--s-8);">The inner fire is already in you. He is here to stoke it.</p>
          <a href="/about" class="bb-btn">Meet Big Joe</a>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="bb-section bb-section--oat">
  <div class="bb-container">
    <span class="bb-label bb-reveal" style="margin-bottom:var(--s-10);">Section 04 / By the Numbers</span>
    <hr class="bb-rule">
    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-8);text-align:center;">
      <div class="bb-reveal">
        <p style="font-family:'Fraunces',serif;font-size:clamp(var(--t-4xl),6vw,var(--t-5xl));font-weight:var(--w-light);color:var(--bb-terracotta);line-height:1;margin-bottom:var(--s-3);">15,000+</p>
        <p class="bb-label">Guided Sessions</p>
      </div>
      <div class="bb-reveal">
        <p style="font-family:'Fraunces',serif;font-size:clamp(var(--t-4xl),6vw,var(--t-5xl));font-weight:var(--w-light);color:var(--bb-terracotta);line-height:1;margin-bottom:var(--s-3);">15+</p>
        <p class="bb-label">Countries</p>
      </div>
      <div class="bb-reveal">
        <p style="font-family:'Fraunces',serif;font-size:clamp(var(--t-4xl),6vw,var(--t-5xl));font-weight:var(--w-light);color:var(--bb-terracotta);line-height:1;margin-bottom:var(--s-3);">7+</p>
        <p class="bb-label">Years of Practice</p>
      </div>
    </div>
  </div>
</section>

<section class="bb-section">
  <div class="bb-container">
    <span class="bb-label bb-reveal">Section 05 / Global Footprint</span>
    <hr class="bb-rule">
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:var(--s-16);align-items:center;">
      <div class="bb-reveal">
        <h2 class="bb-display" style="margin-bottom:var(--s-8);">The practice has no borders.</h2>
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6);">
          <?php foreach (['Bhutan','Saudi Arabia','Japan','India','Oman','United States'] as $loc): ?>
          <div style="border-top:1px solid var(--bb-line);padding-top:var(--s-4);">
            <p class="bb-label" style="color:var(--bb-charcoal);"><?= $loc ?></p>
          </div>
          <?php endforeach; ?>
        </div>
      </div>
      <div class="bb-reveal">
        <img src="/assets/images/bigjoe-6.webp" alt="Big Joe at a global retreat" style="width:100%;height:auto;display:block;">
      </div>
    </div>
  </div>
</section>

<section class="bb-section bb-section--oat">
  <div class="bb-container">
    <span class="bb-label bb-reveal">Section 06 / Experiences</span>
    <hr class="bb-rule">
    <h2 class="bb-display bb-reveal" style="margin-bottom:var(--s-12);">Every format.<br>Every context.</h2>
    <?php
    $services = [
      ['keynotes',           'Keynotes',               'Command the room. Transform the audience.'],
      ['corporate-wellness', 'Corporate Wellness',      'Breathwork programs built for teams and organizations.'],
      ['private-sessions',   'Private Sessions',        'One-on-one work, tailored to your nervous system.'],
      ['group-classes',      'Group Classes',           'Shared breath, shared transformation.'],
      ['retreats',           'Retreats',                'Immersive multi-day experiences worldwide.'],
      ['online',             'Online',                  'Live and recorded sessions, anywhere in the world.'],
      ['meditation-breathwork','Meditation + Breathwork','The union of stillness and fire.'],
    ];
    ?>
    <div class="bb-services-grid">
    <?php foreach ($services as $i => [$slug, $title, $lede]): ?>
      <a href="/services/<?= $slug ?>" class="bb-service-card bb-reveal">
        <span class="bb-label">0<?= $i + 1 ?></span>
        <h3><?= htmlspecialchars($title) ?></h3>
        <p><?= htmlspecialchars($lede) ?></p>
        <span class="bb-service-card__more">Learn More</span>
      </a>
    <?php endforeach; ?>
    </div>
  </div>
</section>

<section class="bb-section">
  <div class="bb-container bb-container--narrow" style="text-align:center;">
    <span class="bb-label bb-reveal">Section 07 / Testimonials</span>
    <hr class="bb-rule">
    <blockquote class="bb-reveal" style="font-size:clamp(var(--t-xl),3vw,var(--t-3xl));font-weight:var(--w-light);line-height:var(--lh-heading);color:var(--bb-charcoal);letter-spacing:-.01em;margin-bottom:var(--s-8);">"I walked in skeptical and walked out changed. Big Joe does not teach breathing. He teaches you how to live."</blockquote>
    <p class="bb-label bb-reveal">Sarah K. / Chief Executive Officer</p>
    <a href="/testimonials" class="bb-btn bb-reveal" style="margin-top:var(--s-10);">Read More</a>
  </div>
</section>

<section class="bb-section bb-section--oat">
  <div class="bb-container">
    <span class="bb-label bb-reveal">Section 08 / Questions</span>
    <hr class="bb-rule">
    <h2 class="bb-display bb-reveal" style="margin-bottom:var(--s-12);max-width:var(--container-narrow);">What people ask before their first session.</h2>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:var(--s-12) var(--s-16);">
      <div class="bb-reveal">
        <p class="bb-label" style="color:var(--bb-charcoal);margin-bottom:var(--s-4);">How is this different from meditation?</p>
        <p class="bb-body">Meditation asks you to observe. Big Breath asks you to ignite. This practice is activating before it is calming. You will breathe with force, with volume, with intention. The stillness comes after the fire, not instead of it. If you have tried meditation and found it too passive, this is built for you.</p>
      </div>
      <div class="bb-reveal">
        <p class="bb-label" style="color:var(--bb-charcoal);margin-bottom:var(--s-4);">What should I expect physically?</p>
        <p class="bb-body">Tingling. Heat moving through the chest. A sense of the breath as a living force. Some people shake. Some cry. Some find a quiet so deep it surprises them. All of it is the nervous system releasing what it has been holding. Nothing is wrong. Everything is working.</p>
      </div>
      <div class="bb-reveal">
        <p class="bb-label" style="color:var(--bb-charcoal);margin-bottom:var(--s-4);">Who is this practice for?</p>
        <p class="bb-body">Former athletes in transition. Executives running on empty. Men who want to do inner work without soft-pedaling. Leaders who need real recovery tools, not a wellness checkbox. Anyone who has tried everything and not yet tried the breath. Big Joe's NFL background is not just a credential. It is a signal: this is for people who take performance seriously.</p>
      </div>
      <div class="bb-reveal">
        <p class="bb-label" style="color:var(--bb-charcoal);margin-bottom:var(--s-4);">Do I need experience?</p>
        <p class="bb-body">No. The Ember stage is built for first-time practitioners. You will be guided through every pattern. The only requirement is a willingness to breathe more fully than you have been. Big Joe has worked with people who have never thought about their breath and people who have studied it for decades. Both leave changed.</p>
      </div>
      <div class="bb-reveal">
        <p class="bb-label" style="color:var(--bb-charcoal);margin-bottom:var(--s-4);">What about emotional release?</p>
        <p class="bb-body">It happens. The breath unlocks what the body has stored. Grief, tension, old decisions that never resolved. Big Joe holds that space without making it precious. You will not be asked to perform your healing. You will simply breathe, and the body will do what it has always wanted to do when given permission.</p>
      </div>
      <div class="bb-reveal">
        <p class="bb-label" style="color:var(--bb-charcoal);margin-bottom:var(--s-4);">How do I bring this to my company?</p>
        <p class="bb-body">Big Joe works with organizations directly, from single keynotes to full corporate wellness programs. He has delivered breathwork to Fortune 500 leadership teams, sales floors, and executive retreats. The entry point is a conversation. Describe what your team is carrying. He will tell you what fits.</p>
      </div>
      <div class="bb-reveal" style="grid-column:span 2;max-width:var(--container-narrow);">
        <p class="bb-label" style="color:var(--bb-charcoal);margin-bottom:var(--s-4);">What is the inner fire concept?</p>
        <p class="bb-body">Every person carries an ember. Most have never been taught to tend it. The inner fire is not a metaphor for motivation. It is the body's actual capacity to activate, regulate, and sustain itself under pressure. Big Breath uses the breath as the bellows. The fire already exists. The work is learning to stoke it, and then, just as importantly, to master it. Ember. Flame. Mastery. In that order.</p>
      </div>
    </div>
  </div>
</section>

<section class="bb-section">
  <div class="bb-container">
    <span class="bb-label bb-reveal">Section 09 / Credibility</span>
    <hr class="bb-rule">
    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-8);">
      <div class="bb-reveal" style="border-top:2px solid var(--bb-terracotta);padding-top:var(--s-6);">
        <p class="bb-label" style="margin-bottom:var(--s-3);">NFL Foundation</p>
        <p class="bb-body" style="font-size:var(--t-base);">Professional football taught Big Joe that peak performance is a nervous system problem. Breathwork is the solution that no coach ever named.</p>
      </div>
      <div class="bb-reveal" style="border-top:2px solid var(--bb-terracotta);padding-top:var(--s-6);">
        <p class="bb-label" style="margin-bottom:var(--s-3);">Corporate Reach</p>
        <p class="bb-body" style="font-size:var(--t-base);">Fortune 500 leadership teams. Special forces units. Sales organizations under pressure. Big Breath travels to where the stakes are highest.</p>
      </div>
      <div class="bb-reveal" style="border-top:2px solid var(--bb-terracotta);padding-top:var(--s-6);">
        <p class="bb-label" style="margin-bottom:var(--s-3);">Global Practice</p>
        <p class="bb-body" style="font-size:var(--t-base);">Bhutan. Saudi Arabia. Japan. India. Oman. Detroit. The practice has no borders. The method is the same in every room.</p>
      </div>
    </div>
  </div>
</section>

<section class="bb-section">
  <div class="bb-container">
    <span class="bb-label bb-reveal">Section 10 / Upcoming Events</span>
    <hr class="bb-rule">
    <h2 class="bb-display bb-reveal" style="margin-bottom:var(--s-12);">Join Joe.<br>Where he is next.</h2>
    <div class="bb-events-grid">
    <?php foreach ($upcoming as $ev): $dt = strtotime($ev['starts_at']); ?>
      <article class="bb-event-card bb-reveal">
        <div class="bb-event-card__media" style="background-image:url('<?= htmlspecialchars($ev['hero_image']) ?>');"></div>
        <div class="bb-event-card__body">
          <span class="bb-label"><?= htmlspecialchars($ev['format']) ?></span>
          <h3><?= htmlspecialchars($ev['title']) ?></h3>
          <p class="bb-event-card__meta">
            <?= date('M j, Y', $dt) ?> &middot; <?= date('g:i A', $dt) ?><br>
            <?= htmlspecialchars($ev['location']) ?>, <?= htmlspecialchars($ev['city']) ?>
          </p>
          <p class="bb-event-card__blurb"><?= htmlspecialchars($ev['blurb']) ?></p>
        </div>
      </article>
    <?php endforeach; ?>
    </div>
    <div style="text-align:center;margin-top:var(--s-12);">
      <a href="/events" class="bb-btn bb-reveal">All Events</a>
    </div>
  </div>
</section>

<section class="bb-section bb-section--oat">
  <div class="bb-container bb-container--narrow" style="text-align:center;">
    <span class="bb-label bb-reveal">Section 11 / Inquire</span>
    <hr class="bb-rule">
    <h2 class="bb-display bb-reveal" style="margin-bottom:var(--s-6);">Your practice begins with one breath.</h2>
    <p class="bb-body bb-reveal" style="margin-bottom:var(--s-10);">Whether you are an individual seeking transformation or an organization ready to invest in human performance, reach out. Every engagement begins with a conversation.</p>
    <a href="/contact" class="bb-btn bb-reveal">Begin the Conversation</a>
  </div>
</section>

<?php require __DIR__ . '/../components/_footer.php'; ?>
