<!-- Requirement Approved -->
<h1 class="email-title">🎉 Your Requirement is Now Live!</h1>

<div style="text-align: center; margin: 20px 0">
  <span class="status-badge status-approved">✓ Live</span>
</div>

<p>Hi {{first_name}},</p>
<p>
  Great news! Your service requirement has been approved and is now live on
  Nxtgauge.
</p>

<div class="detail-card">
  <div class="detail-row">
    <span class="detail-label">Requirement</span>
    <span class="detail-value">{{requirement_title}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Service Type</span>
    <span class="detail-value">{{profession_type}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Approved On</span>
    <span class="detail-value">{{approved_at}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Expires On</span>
    <span class="detail-value">{{expires_at}}</span>
  </div>
</div>

<div style="text-align: center">
  <a href="{{requirement_url}}" class="cta-button">View Requirement</a>
</div>

<div class="info-box">
  <p class="info-box-title">💡 What happens now?</p>
  <p style="margin: 0">
    Professionals can now see your requirement and send you requests. You'll
    receive an email each time someone is interested!
  </p>
</div>

<p>Best regards,<br /><strong>The Nxtgauge Team</strong></p>
