<?php $__env->startSection('title', 'Membership & Pricing — Head Bangers Boxing, Dubai'); ?>

<?php $__env->startPush('styles'); ?>
<style>
.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.tier{background:var(--ink-3);border:1px solid var(--line-soft);padding:clamp(28px,2.6vw,40px);display:flex;flex-direction:column;position:relative;transition:.4s var(--ease)}
.tier:hover{transform:translateY(-5px);border-color:var(--line)}
.tier.feature{background:linear-gradient(160deg,#220b0d,var(--ink-3) 55%);border-color:var(--brass-deep)}
.tier .badge{position:absolute;top:-1px;right:24px;background:var(--brass);color:#fff;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:7px 12px}
.tier .tname{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:1.7rem;line-height:1}
.tier .tdesc{color:var(--muted);font-size:14px;margin:10px 0 22px;min-height:42px}
.tier .price{font-family:var(--display);font-weight:900;font-size:clamp(2.8rem,4vw,3.8rem);line-height:.9;display:flex;align-items:baseline;gap:4px}
.tier .price sup{font-size:1rem;font-family:var(--mono);font-weight:700;color:var(--muted)}
.tier .price small{font-size:.9rem;font-family:var(--mono);font-weight:400;color:var(--muted);align-self:flex-end;margin-bottom:8px}
.tier ul{margin:26px 0 30px;flex:1}
.tier ul li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line-soft);font-size:14.5px;color:var(--bone-2)}
.tier ul li::before{content:'';width:7px;height:7px;background:var(--brass);transform:rotate(45deg);margin-top:7px;flex-shrink:0}
.tier ul li.off{color:var(--muted-2)}
.tier ul li.off::before{background:var(--line)}
.tier .btn{justify-content:center}

.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}
.pack{background:var(--ink);padding:clamp(26px,2.6vw,38px);text-align:center}
.pack .pn{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-br);margin-bottom:16px}
.pack .pp{font-family:var(--display);font-weight:900;font-size:clamp(2.2rem,3.4vw,3rem);line-height:.9}
.pack .pp sup{font-size:.8rem;font-family:var(--mono);color:var(--muted);vertical-align:super}
.pack .pper{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:10px;letter-spacing:.06em}

.intro-banner{background:linear-gradient(120deg,#220b0d,var(--ink-3));border:1px solid var(--brass-deep);padding:clamp(32px,4vw,56px);display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.intro-banner h2{font-size:clamp(1.8rem,3.4vw,2.8rem)}
.intro-banner p{color:var(--bone-2);max-width:48ch;margin-top:12px}

.faq{max-width:880px}
@media (max-width:900px){.tier-grid,.packs{grid-template-columns:1fr}.tier.feature{order:-1}.intro-banner{grid-template-columns:1fr}}
@media (max-width:560px){.packs{grid-template-columns:1fr}}
</style>
<?php $__env->stopPush(); ?>

<?php $__env->startSection('content'); ?>
<section class="page-hero wrap">
  <span class="kicker" data-reveal>Membership &amp; Pricing</span>
  <h1 class="display-lg" data-reveal data-delay="1"><?php echo nl2br(e($blocks['hero']->title)); ?></h1>
  <p class="lead" data-reveal data-delay="2" style="max-width:48ch"><?php echo e($blocks['hero']->body); ?></p>
</section>

<!-- INTRO OFFER -->
<section class="wrap" style="padding-bottom:clamp(40px,5vh,72px)">
  <div class="intro-banner" data-reveal>
    <div>
      <span class="kicker no-rule">New members</span>
      <h2 class="display-sm" style="margin-top:14px"><?php echo e($blocks['intro_offer']->title); ?></h2>
      <p><?php echo str_replace('50% off their first month', '<b style="color:var(--brass-br)">50% off their first month</b>', e($blocks['intro_offer']->body)); ?></p>
    </div>
    <a href="<?php echo e(route('contact')); ?>" class="btn btn-primary btn-lg">Claim free class <span class="arrow">&rarr;</span></a>
  </div>
</section>

<!-- TIERS -->
<section class="sec-pad-sm wrap">
  <div class="eyebrow-row">
    <div>
      <span class="kicker" data-reveal>Memberships</span>
      <h2 class="display-md" data-reveal data-delay="1" style="margin-top:16px">Monthly, no<br>lock-in.</h2>
    </div>
    <p class="lead" data-reveal data-delay="2" style="max-width:30ch">Cancel or freeze any time with 30 days&rsquo; notice. Annual options save more.</p>
  </div>

  <div class="tier-grid">
    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $tiers; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $tier): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoopIteration(); ?><?php endif; ?>
      <div class="tier <?php if($tier->is_featured): ?> feature <?php endif; ?>" <?php if($index > 0): ?> data-reveal data-delay="<?php echo e($index); ?>" <?php else: ?> data-reveal <?php endif; ?>>
        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($tier->badge_text): ?>
          <span class="badge"><?php echo e($tier->badge_text); ?></span>
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
        <div class="tname"><?php echo e($tier->name); ?></div>
        <div class="tdesc"><?php echo e($tier->description); ?></div>
        <div class="price">
          <sup>AED</sup><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($tier->slug === 'dynasty'): ?>12k@else<?php echo e(number_format($tier->price_cents / 100)); ?><?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?><small>/ <?php echo e($tier->billing_period); ?></small>
        </div>
        <ul>
          <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $tier->features; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $feature): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoopIteration(); ?><?php endif; ?>
            <li class="<?php echo \Illuminate\Support\Arr::toCssClasses(['off' => ! $feature->is_included]); ?>"><?php echo e($feature->text); ?></li>
          <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>
        </ul>
        <a href="<?php echo e(route('contact')); ?>" class="btn btn-<?php echo e($tier->cta_variant ?? 'ghost'); ?>">Choose <?php echo e($tier->name); ?></a>
      </div>
    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>
  </div>
</section>

<!-- CLASS PACKS -->
<section class="sec-pad-sm wrap">
  <div class="eyebrow-row">
    <div>
      <span class="kicker" data-reveal>No commitment</span>
      <h2 class="display-md" data-reveal data-delay="1" style="margin-top:16px">Class packs.</h2>
    </div>
    <p class="lead" data-reveal data-delay="2" style="max-width:32ch">Pay as you go. Packs never expire while your account is active.</p>
  </div>
  <div class="packs" data-reveal>
    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $packs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $pack): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoopIteration(); ?><?php endif; ?>
      <div class="pack">
        <div class="pn"><?php echo e($pack->name); ?></div>
        <div class="pp"><sup>AED</sup><?php echo e(number_format($pack->price_cents / 100)); ?></div>
        <div class="pper"><?php echo e($pack->per_unit_label); ?></div>
      </div>
    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>
  </div>
</section>

<!-- FAQ -->
<section class="sec-pad" style="background:var(--ink-2)">
  <div class="wrap">
    <div class="eyebrow-row">
      <div>
        <span class="kicker" data-reveal>Good to know</span>
        <h2 class="display-md" data-reveal data-delay="1" style="margin-top:16px">Questions,<br>answered.</h2>
      </div>
    </div>
    <div class="faq" data-reveal>
      <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $faqs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $faq): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoopIteration(); ?><?php endif; ?>
        <div class="acc-item">
          <button class="acc-head" type="button"><h3><?php echo e($faq->question); ?></h3><span class="acc-icon"></span></button>
          <div class="acc-body"><div class="acc-body-inner"><?php echo e($faq->answer); ?></div></div>
        </div>
      <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>
    </div>
  </div>
</section>

<!-- CTA -->
<?php if (isset($component)) { $__componentOriginalb9eda212fea7921b4a03feb1b01f47d7 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalb9eda212fea7921b4a03feb1b01f47d7 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.cta-band','data' => ['src' => $blocks['cta']->meta['image'] ?? 'action.jpg','kicker' => $blocks['cta']->meta['kicker'] ?? '','title' => nl2br(e($blocks['cta']->title))]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('cta-band'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['src' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($blocks['cta']->meta['image'] ?? 'action.jpg'),'kicker' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($blocks['cta']->meta['kicker'] ?? ''),'title' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(nl2br(e($blocks['cta']->title)))]); ?>
<?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::processComponentKey($component); ?>

   <?php $__env->slot('actions', null, []); ?> 
    <a href="<?php echo e(route('contact')); ?>" class="btn btn-primary btn-lg">Claim free class <span class="arrow">&rarr;</span></a>
    <a href="<?php echo e(route('classes')); ?>" class="btn btn-ghost btn-lg">See the schedule</a>
   <?php $__env->endSlot(); ?>
 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalb9eda212fea7921b4a03feb1b01f47d7)): ?>
<?php $attributes = $__attributesOriginalb9eda212fea7921b4a03feb1b01f47d7; ?>
<?php unset($__attributesOriginalb9eda212fea7921b4a03feb1b01f47d7); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalb9eda212fea7921b4a03feb1b01f47d7)): ?>
<?php $component = $__componentOriginalb9eda212fea7921b4a03feb1b01f47d7; ?>
<?php unset($__componentOriginalb9eda212fea7921b4a03feb1b01f47d7); ?>
<?php endif; ?>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.site', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /Users/mac/Documents/WhiteTiger/website/headbanger/resources/views/pages/membership.blade.php ENDPATH**/ ?>