Files
bigbreath.co/src/services/online/index.html
T
Concept Agent bc9c4e5dd2 first commit
2026-05-19 20:57:09 +02:00

169 lines
8.2 KiB
HTML

<!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="Big Breath online — live virtual sessions and on-demand breathwork with Big Joe. Practice on your schedule, from anywhere in the world.">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Online | Big Breath — Joseph Fauria">
<meta property="og:type" content="website">
<meta property="og:url" content="https://bigbreath.co/services/online/">
<link rel="canonical" href="https://bigbreath.co/services/online/">
<title>Online | Big Breath — Joseph Fauria</title>
<link rel="icon" type="image/svg+xml" href="/assets/svg/favicon.svg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="/assets/css/tokens.css">
<link rel="stylesheet" href="/assets/css/main.css">
</head>
<body>
<a href="#main-content" class="skip-link">Skip to main content</a>
<header class="bb-header" role="banner">
<div class="header-inner">
<a href="/" class="bb-logo" aria-label="Big Breath, Home">
<img src="/assets/images/logo-mark.webp" class="nav-logo-mark" alt="" aria-hidden="true" width="36" height="36">
<span class="bb-logo-text">
<span class="bb-logo-name">Big Breath</span>
<span class="bb-logo-tagline">with Joseph Fauria</span>
</span>
</a>
<nav class="bb-nav" aria-label="Main navigation">
<a href="/about/">About</a>
<div class="nav-has-dropdown" tabindex="0" role="button" aria-haspopup="true" aria-expanded="false">
<span>Services</span>
<svg class="nav-caret" viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M2 3.5l3 3 3-3"/></svg>
<div class="nav-dropdown" role="menu">
<a href="/services/breathwork-sessions/" role="menuitem">Breathwork Sessions</a>
<a href="/services/corporate-wellness/" role="menuitem">Corporate Wellness</a>
<a href="/services/private-sessions/" role="menuitem">Private 1-on-1</a>
<a href="/services/keynotes/" role="menuitem">Keynotes</a>
<a href="/services/retreats/" role="menuitem">Retreats &amp; Live Experiences</a>
<a href="/services/online/" role="menuitem" aria-current="page">Online</a>
</div>
</div>
<a href="/contact/">Contact</a>
</nav>
<a href="/contact/" class="btn btn-primary header-cta">Book a Session</a>
<button class="bb-hamburger" aria-label="Open menu" aria-expanded="false">
<span></span><span></span><span></span>
</button>
</div>
</header>
<nav class="bb-mobile-nav" aria-label="Mobile navigation">
<a href="/">Home</a>
<a href="/about/">About</a>
<div class="mobile-service-links">
<a href="/services/">All Services</a>
<a href="/services/breathwork-sessions/">Breathwork Sessions</a>
<a href="/services/corporate-wellness/">Corporate Wellness</a>
<a href="/services/private-sessions/">Private 1-on-1</a>
<a href="/services/keynotes/">Keynotes</a>
<a href="/services/retreats/">Retreats &amp; Live Experiences</a>
<a href="/services/online/">Online</a>
</div>
<a href="/contact/" class="btn btn-primary">Book a Session</a>
</nav>
<main id="main-content">
<section class="bb-inner-hero">
<div class="container">
<p class="section-label" data-animate><a href="/services/">Services</a></p>
<h1 class="inner-hero-h1" data-animate>Online</h1>
<p class="inner-hero-sub" data-animate>Big Breath on your schedule. Live virtual sessions and on-demand content — the same breath, wherever you are in the world.</p>
<div style="margin-top: var(--s-8);" data-animate>
<a href="/contact/" class="btn btn-primary">Start Online</a>
</div>
</div>
</section>
<section class="bb-content-sec">
<div class="container">
<div class="prose" data-animate>
<h2>Practice Without Borders</h2>
<p>Big Joe has guided sessions across 15 countries. Distance is not a barrier — breathwork translates completely over video. Many of his most consistent clients are executives and athletes who do not live in Los Angeles. They show up virtually, week after week, because the work moves.</p>
<h2>What Online Includes</h2>
<ul>
<li><strong>Live 1-on-1 virtual sessions</strong> — private sessions with Big Joe via video call. Same protocol, same attention, fully personalized.</li>
<li><strong>Live group sessions</strong> — join a scheduled virtual group class. Typically 45 to 60 minutes. Dates announced to the mailing list.</li>
<li><strong>On-demand library</strong> — recorded sessions you can return to: morning activation, stress reset, pre-performance, deep sleep preparation. Available to active clients.</li>
<li><strong>Virtual corporate programs</strong> — team sessions delivered live over video for distributed organizations. Minimum 5 participants.</li>
</ul>
<h2>How to Get Started</h2>
<p>Use the contact form to tell us what you are working toward — performance, recovery, stress, sleep, or something else. Big Joe or his team will reach back within 24 hours to match you with the right format and schedule an intake call.</p>
<h2>Technology</h2>
<p>Sessions run over Zoom or Google Meet. No special software or equipment is required beyond a stable internet connection and a quiet space where you can lie flat.</p>
</div>
</div>
</section>
<section class="bb-sec-cta">
<div class="cta-orb cta-orb-1" aria-hidden="true"></div>
<div class="cta-orb cta-orb-2" aria-hidden="true"></div>
<div class="container">
<p class="section-label" data-animate>Anywhere. Any time zone.</p>
<h2 class="cta-h2" data-animate>Start your online <em>practice</em></h2>
<div class="cta-actions" data-animate>
<a href="/contact/" class="btn btn-primary">Book a Virtual Session</a>
<a href="/services/" class="btn btn-ghost">All Services</a>
</div>
</div>
</section>
</main>
<footer class="bb-footer" role="contentinfo">
<div class="container">
<div class="footer-top">
<div class="footer-brand">
<div class="bb-logo-text">
<span class="bb-logo-name">Big Breath</span>
<span class="bb-logo-tagline">with Joseph Fauria</span>
</div>
<p class="footer-tagline">Breathwork for athletes, executives, and teams who demand more.</p>
</div>
<div>
<p class="footer-col-title">Services</p>
<ul class="footer-links">
<li><a href="/services/breathwork-sessions/">Breathwork Sessions</a></li>
<li><a href="/services/corporate-wellness/">Corporate Wellness</a></li>
<li><a href="/services/private-sessions/">Private 1-on-1</a></li>
<li><a href="/services/keynotes/">Keynotes</a></li>
<li><a href="/services/retreats/">Retreats &amp; Live Experiences</a></li>
<li><a href="/services/online/">Online</a></li>
</ul>
</div>
<div>
<p class="footer-col-title">Company</p>
<ul class="footer-links">
<li><a href="/about/">About Big Joe</a></li>
<li><a href="/contact/">Contact</a></li>
</ul>
</div>
<div>
<p class="footer-col-title">Legal</p>
<ul class="footer-links">
<li><a href="/privacy-policy/">Privacy Policy</a></li>
<li><a href="/terms-of-service/">Terms of Service</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p class="footer-copy">&copy; 2025 Big Breath. All rights reserved.</p>
<nav class="footer-legal" aria-label="Legal links">
<a href="/privacy-policy/">Privacy</a>
<a href="/terms-of-service/">Terms</a>
</nav>
</div>
</div>
</footer>
<script src="/assets/js/main.js" defer></script>
</body>
</html>