<?php include __DIR__ . '/header.php'; ?>

<style>
:root { --green: #5DA363; --dark: #0f172a; --text: #374151; }
.page-hero { background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%); padding: 100px 0 70px; color: #fff; }
.page-hero h1 { font-size: 3.5rem; font-weight: 800; line-height: 1.1; margin-bottom: 24px; }
.page-hero p { font-size: 1.25rem; color: #cbd5e1; margin-bottom: 32px; max-width: 600px; }
.section-padding { padding: 90px 0; }
.section-alt { background: #f8fafc; }
.partner-card { background: #fff; border-radius: 16px; padding: 25px; text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 1px solid #f1f5f9; height: 100%; transition: all 0.3s; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.partner-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); border-color: #5DA363; }
.partner-logo { max-width: 140px; height: 60px; object-fit: contain; margin-bottom: 20px; filter: grayscale(1); transition: 0.3s; opacity: 0.7; }
.partner-card:hover .partner-logo { filter: grayscale(0); opacity: 1; }
.partner-name { font-weight: 700; color: #0f172a; font-size: 1.1rem; margin-bottom: 8px; }
.partner-status { font-size: 0.85rem; color: #64748b; font-weight: 500; }
@media (max-width: 768px) { .page-hero h1 { font-size: 2.5rem; } }
</style>

<!-- HERO -->
<section class="page-hero">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-lg-7">
        <span class="badge bg-primary-subtle text-primary px-3 py-2 rounded-pill fw-bold mb-4">GLOBAL STANDARDS</span>
        <h1>Accreditations & Partnerships</h1>
        <p>Ensuring Trust, Quality, and Global Standards. Our courses align with globally recognized bodies that define industry excellence.</p>
        <div class="d-flex gap-3 flex-wrap">
          <a href="courses.php" class="btn btn-success px-4 py-3 rounded-3 fw-bold">Explore Accredited Courses</a>
          <a href="contact-us.php" class="btn btn-outline-light px-4 py-3 rounded-3 fw-bold">Verify Credentials</a>
        </div>
      </div>
      <div class="col-lg-5 d-none d-lg-block">
        <img src="https://images.unsplash.com/photo-1523961131990-521072f1616c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80" alt="Accreditation" class="img-fluid rounded-4 shadow-lg">
      </div>
    </div>
  </div>
</section>

<!-- CONTENT -->
<section class="section-padding">
  <div class="container">
    <div class="row mb-5">
      <div class="col-lg-8 mx-auto text-center">
        <h2 class="fw-bold mb-4" style="font-size:2.5rem; color:#0f172a;">Trusted by Global Bodies</h2>
        <p class="text-muted fs-5">Accreditation provides a guarantee that the educational experience you gain will deliver real value. We are associated with a range of elite bodies worldwide.</p>
      </div>
    </div>
    
    <div class="row g-4">
      <?php
      $partners = [
        ['PMI®', 'REP ID: 3757', 'https://d2o2utebsixu4k.cloudfront.net/PMI Logo-53303d8d348842e49c9f6d4d1e2e4b4a.svg'],
        ['EC-Council', 'Authorized Training Partner', 'https://d2o2utebsixu4k.cloudfront.net/EC-Council Logo-0d398d7d9b9347898516d2e67d983c2a.svg'],
        ['Scrum Alliance®', 'Licensed Training Partner', 'https://d2o2utebsixu4k.cloudfront.net/Scrum Alliance Logo-601467475d4a46018314e38e121544a4.svg'],
        ['IIBA®', 'Endorsed Education Provider', 'https://d2o2utebsixu4k.cloudfront.net/IIBA Logo-d779f48171124694939a8c6e3b8a1c8c.svg'],
        ['DevOps Institute', 'Registered Education Partner', 'https://d2o2utebsixu4k.cloudfront.net/DevOps Institute Logo-54911d3d63334e38a4d46c8d4e4c8d4a.svg'],
        ['IASSC', 'Accredited Examination Centre', 'https://d2o2utebsixu4k.cloudfront.net/IASSC Logo-3b7d3d8d348842e49c9f6d4d1e2e4b4a.svg'],
        ['PEOPLECERT', 'Authorized Training Org', 'https://d2o2utebsixu4k.cloudfront.net/PeopleCert Logo-0d398d7d9b9347898516d2e67d983c2a.svg'],
        ['AXELOS', 'Certified Partner', 'https://d2o2utebsixu4k.cloudfront.net/Axelos Logo-601467475d4a46018314e38e121544a4.svg'],
        ['ICAgile', 'Member Training Organization', 'https://d2o2utebsixu4k.cloudfront.net/ICAgile Logo-d779f48171124694939a8c6e3b8a1c8c.svg'],
        ['Scrum.org', 'Professional Training Network', 'https://d2o2utebsixu4k.cloudfront.net/Scrum.org Logo-54911d3d63334e38a4d46c8d4e4c8d4a.svg'],
        ['Scaled Agile', 'Platinum SPCT Partner', 'https://d2o2utebsixu4k.cloudfront.net/Scaled Agile Logo-3b7d3d8d348842e49c9f6d4d1e2e4b4a.svg'],
        ['Microsoft', 'Official Partner', 'https://d2o2utebsixu4k.cloudfront.net/Microsoft Logo-0d398d7d9b9347898516d2e67d983c2a.svg']
      ];
      foreach($partners as $p):
      ?>
      <div class="col-md-4 col-lg-3">
        <div class="partner-card">
          <img src="<?php echo $p[2]; ?>" alt="<?php echo $p[0]; ?>" class="partner-logo">
          <div class="partner-name"><?php echo $p[0]; ?></div>
          <div class="partner-status"><?php echo $p[1]; ?></div>
        </div>
      </div>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<!-- FOOTER CTA -->
<section class="section-padding section-alt">
  <div class="container">
    <div class="p-5 bg-white rounded-4 shadow-sm border">
      <div class="row align-items-center">
        <div class="col-lg-9">
          <h3 class="fw-bold mb-2">Quality Guarantee</h3>
          <p class="text-muted mb-0">Our participants consistently achieve positive results with shorter learning curves and higher retention. Enroll with confidence.</p>
        </div>
        <div class="col-lg-3 text-lg-end mt-4 mt-lg-0">
          <a href="contact-us.php" class="btn btn-dark fw-bold px-4 py-2">Get Started</a>
        </div>
      </div>
    </div>
  </div>
</section>

<?php include __DIR__ . '/footer.php'; ?>
