<section class="container hero-banner reveal">
  <div class="hero">
    <h1 class="stagger-item">About TSHEN</h1>
    <p class="stagger-item">Building a strong, inclusive fitness community across London with credits‑based booking that works for your schedule.</p>
    <div class="cta-links stagger-item">
      <a class="cta-btn" href="<?= \Tshen\url('/classes') ?>">Explore Classes</a>
      <a class="cta-btn" href="<?= \Tshen\url('/contact') ?>">Talk to Us</a>
    </div>
  </div>
</section>

<section class="container feature-split reveal">
  <div class="feature-image stagger-item">
    <img src="<?= \Tshen\asset('fit.jpeg') ?>" alt="Training equipment and studio environment" />
  </div>
  <div class="feature-copy stagger-item">
    <h2 class="stagger-item">Our Mission</h2>
    <p class="stagger-item" style="color: var(--surface);">Empower every person to find accessible fitness experiences, stay consistent, and thrive—supported by studios across the city.</p>
    <h3 class="stagger-item" style="color: var(--surface);">Our Vision</h3>
    <p class="stagger-item" style="color: var(--surface);">A vibrant community where members and studios grow together through smart programming, flexible credits, and great coaching.</p>
  </div>
</section>

<section class="container benefits reveal">
  <h2 class="stagger-item">What We Offer</h2>
  <ul>
    <li class="stagger-item" style="color: var(--surface);">Discover group classes across multiple London locations</li>
    <li class="stagger-item" style="color: var(--surface);">Book seamlessly using credits with clear capacity and status</li>
    <li class="stagger-item" style="color: var(--surface);">Manage bookings and credits from your dashboard</li>
  </ul>
  <div class="cta-links stagger-item">
    <a class="cta-btn" href="<?= \Tshen\url('/classes') ?>">View Schedule</a>
    <a class="cta-btn" href="<?= \Tshen\url('/store') ?>">Shop Merchandise</a>
    <a class="cta-btn" href="<?= \Tshen\url('/contact') ?>">Get Support</a>
  </div>
</section>