<?php
$page_title = 'Portals - SOL Christian Academy';
$page_image = 'assets/images/hero-1.jpg';
$current_page = 'portals.php';
require_once 'includes/functions.php';
require_once 'includes/header.php';
?>

<section class="page-header page-header-image" style="--hero-bg: url('<?php echo $page_image; ?>');">
  <div class="container">
    <div class="breadcrumb-custom mb-2">
      <a href="index.php">Home</a> / Portals
    </div>
    <h1>Portals</h1>
    <p>Access your school portal</p>
  </div>
</section>

<section class="content-section">
  <div class="container">
    <div class="row g-4 justify-content-center">
      <div class="col-md-6 col-lg-4">
        <a href="https://dreamclass.io" target="_blank" class="text-decoration-none">
          <div class="feature-card" style="padding:48px 32px;">
            <div class="bento-card">
              <div class="icon-ring" style="width:4rem;height:4rem;font-size:1.75rem;margin-bottom:1.5rem;"><i class="ri-user-star-line"></i></div>
              <h4>Staff Portal</h4>
            </div>
            <p class="mb-0" style="margin-top:0.75rem;">Access staff resources, timetables, and communication tools.</p>
            <span class="btn-shell mt-3" style="display:inline-flex;">
              <span class="btn-core">Login <i class="ri-arrow-right-up-line"></i></span>
            </span>
          </div>
        </a>
      </div>
      <div class="col-md-6 col-lg-4">
        <a href="https://dreamclass.io" target="_blank" class="text-decoration-none">
          <div class="feature-card" style="padding:48px 32px;">
            <div class="bento-card">
              <div class="icon-ring" style="width:4rem;height:4rem;font-size:1.75rem;margin-bottom:1.5rem;"><i class="ri-graduation-cap-line"></i></div>
              <h4>Student Portal</h4>
            </div>
            <p class="mb-0" style="margin-top:0.75rem;">Access assignments, grades, and learning resources.</p>
            <span class="btn-shell mt-3" style="display:inline-flex;">
              <span class="btn-core">Login <i class="ri-arrow-right-up-line"></i></span>
            </span>
          </div>
        </a>
      </div>
      <div class="col-md-6 col-lg-4">
        <a href="https://dreamclass.io" target="_blank" class="text-decoration-none">
          <div class="feature-card" style="padding:48px 32px;">
            <div class="bento-card">
              <div class="icon-ring" style="width:4rem;height:4rem;font-size:1.75rem;margin-bottom:1.5rem;"><i class="ri-group-line"></i></div>
              <h4>Parent Portal</h4>
            </div>
            <p class="mb-0" style="margin-top:0.75rem;">Track progress, communicate with teachers, and manage fees.</p>
            <span class="btn-shell mt-3" style="display:inline-flex;">
              <span class="btn-core">Login <i class="ri-arrow-right-up-line"></i></span>
            </span>
          </div>
        </a>
      </div>
    </div>
  </div>
</section>

<?php require_once 'includes/footer.php'; ?>
