<?php
$page_title = 'Join Us | Herbal Wellness Care';
$page_description = 'Start your natural healing journey today';
$page_content = function () { ?>

<div class="register-hero">
  <div class="register-container">
    <!-- Header Section -->
    <div class="register-header">
      <div class="register-icon">
        <i class="fas fa-seedling"></i>
      </div>
      <h1>Join Our Community</h1>
      <p>Start your transformation toward natural wellness with personalized coaching and heritage-inspired guidance</p>
    </div>

    <!-- Main Card -->
    <div class="register-card">
      <!-- Features Grid -->
      <div class="register-features">
        <div class="feature-item">
          <div class="feature-icon">
            <i class="fas fa-check-circle"></i>
          </div>
          <div class="feature-text">One-Step Registration</div>
        </div>
        <div class="feature-item">
          <div class="feature-icon">
            <i class="fas fa-lock"></i>
          </div>
          <div class="feature-text">Secure & Encrypted</div>
        </div>
        <div class="feature-item">
          <div class="feature-icon">
            <i class="fas fa-user-circle"></i>
          </div>
          <div class="feature-text">Personalized Profile</div>
        </div>
        <div class="feature-item">
          <div class="feature-icon">
            <i class="fas fa-heartbeat"></i>
          </div>
          <div class="feature-text">Health Assessment</div>
        </div>
      </div>

      <!-- Redirect Message -->
      <div class="redirect-message">
        <div class="redirect-title">
          <i class="fas fa-rocket"></i> Getting You Started
        </div>
        <div class="redirect-text">
          We're preparing your wellness profile. You'll complete your registration and health assessment together for a seamless experience.
        </div>
        <div class="loading-spinner"></div>
      </div>

      <!-- Trust Indicators -->
      <div class="trust-section">
        <div class="trust-item">
          <div class="trust-icon">🔒</div>
          <div class="trust-label">HIPAA Secure</div>
        </div>
        <div class="trust-item">
          <div class="trust-icon">🔐</div>
          <div class="trust-label">256-bit SSL</div>
        </div>
        <div class="trust-item">
          <div class="trust-icon">✓</div>
          <div class="trust-label">Verified</div>
        </div>
      </div>
    </div>

    <!-- Testimonial -->
    <div class="register-testimonial">
      <div class="testimonial-text">
        "My transformation began when I found this community. The personalized approach changed everything for me."
      </div>
      <div class="testimonial-author">
        <span>— Sarah M.</span>
        <span class="testimonial-star">★★★★★</span>
      </div>
    </div>

    <!-- Sign In Link -->
    <div class="signin-link">
      <p>
        Already have an account?
        <a href="/atasteofafricanmarketplace/login.php">Sign in here</a>
      </p>
    </div>
  </div>
</div>

<script>
// Auto-redirect to intake page which now includes registration
setTimeout(() => {
  window.location.href = '/atasteofafricanmarketplace/intake.php';
}, 2500);
</script>

<?php };
include __DIR__ . '/partials/layout.php';
?>
