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

<style>
:root { --green: #5DA363; --dark: #0f172a; --text: #374151; }
.ct-hero { background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%); padding: 90px 0 60px; color: #fff; }
.ct-hero h1 { font-size: 2.8rem; font-weight: 800; line-height: 1.2; }
.ct-hero p { font-size: 1.15rem; color: #cbd5e1; margin: 20px 0 32px; }
.ct-btn-primary { background: #5DA363; color: #fff; border: none; padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 1rem; cursor: pointer; text-decoration: none; display: inline-block; transition: background .2s; }
.ct-btn-primary:hover { background: #4a8a50; color: #fff; }
.ct-btn-outline { border: 2px solid #fff; color: #fff; padding: 13px 32px; border-radius: 8px; font-weight: 700; font-size: 1rem; cursor: pointer; text-decoration: none; display: inline-block; transition: all .2s; }
.ct-btn-outline:hover { background: #fff; color: #0f172a; }
.ct-stats { background: #fff; box-shadow: 0 4px 24px rgba(0,0,0,.1); border-radius: 16px; padding: 40px; margin-top: -40px; position: relative; z-index: 10; }
.ct-stat-item { text-align: center; padding: 20px; border-right: 1px solid #e5e7eb; }
.ct-stat-item:last-child { border-right: none; }
.ct-stat-num { font-size: 2.2rem; font-weight: 800; color: #5DA363; }
.ct-stat-label { font-size: 0.9rem; color: #6b7280; margin-top: 4px; }
.ct-section { padding: 80px 0; }
.ct-section-alt { background: #f8fafc; }
.ct-section-label { font-size: 0.8rem; font-weight: 700; letter-spacing: 2px; color: #5DA363; text-transform: uppercase; margin-bottom: 12px; }
.ct-section-title { font-size: 2rem; font-weight: 800; color: #0f172a; margin-bottom: 16px; }
.ct-section-desc { color: #6b7280; font-size: 1rem; line-height: 1.7; }
.ct-card { background: #fff; border-radius: 16px; padding: 32px; box-shadow: 0 2px 16px rgba(0,0,0,.07); border: 1px solid #f1f5f9; height: 100%; transition: box-shadow .2s, transform .2s; }
.ct-card:hover { box-shadow: 0 8px 32px rgba(0,0,0,.12); transform: translateY(-4px); }
.ct-card-icon { width: 56px; height: 56px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-bottom: 20px; }
.ct-card-icon.green { background: #f0fdf4; color: #5DA363; }
.ct-card-icon.blue { background: #eff6ff; color: #3b82f6; }
.ct-card-icon.orange { background: #fff7ed; color: #f97316; }
.ct-card-icon.purple { background: #faf5ff; color: #8b5cf6; }
.ct-card h3 { font-size: 1.15rem; font-weight: 700; color: #0f172a; margin-bottom: 10px; }
.ct-card p { color: #6b7280; font-size: 0.92rem; line-height: 1.6; margin: 0; }
.ct-company-logo { filter: grayscale(100%); opacity: 0.5; height: 36px; object-fit: contain; transition: all .2s; }
.ct-company-logo:hover { filter: none; opacity: 1; }
.ct-logos-row { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 40px; padding: 32px 0; }
.ct-process-step { display: flex; gap: 24px; align-items: flex-start; margin-bottom: 36px; }
.ct-step-num { width: 48px; height: 48px; border-radius: 12px; background: #5DA363; color: #fff; font-weight: 800; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ct-step-body h4 { font-size: 1.05rem; font-weight: 700; color: #0f172a; margin-bottom: 6px; }
.ct-step-body p { color: #6b7280; font-size: 0.92rem; line-height: 1.6; margin: 0; }
.ct-cta { background: linear-gradient(135deg, #5DA363, #2C4765); padding: 80px 0; color: #fff; text-align: center; }
.ct-cta h2 { font-size: 2.2rem; font-weight: 800; margin-bottom: 16px; }
.ct-cta p { font-size: 1.05rem; color: rgba(255,255,255,.85); margin-bottom: 36px; }
.ct-form-card { background: #fff; border-radius: 20px; padding: 40px; box-shadow: 0 20px 60px rgba(0,0,0,.15); }
.ct-form-card h3 { font-size: 1.4rem; font-weight: 800; color: #0f172a; margin-bottom: 8px; }
.ct-form-card p { color: #6b7280; font-size: 0.9rem; margin-bottom: 24px; }
.ct-form-card input, .ct-form-card select, .ct-form-card textarea { width: 100%; padding: 12px 16px; border: 1.5px solid #e5e7eb; border-radius: 8px; font-size: 0.95rem; margin-bottom: 14px; outline: none; transition: border .2s; }
.ct-form-card input:focus, .ct-form-card select:focus, .ct-form-card textarea:focus { border-color: #5DA363; }
.ct-badge { display: inline-block; background: rgba(93,163,99,.15); color: #5DA363; border-radius: 20px; padding: 4px 14px; font-size: 0.8rem; font-weight: 600; margin-bottom: 16px; }
.ct-cert-logo { width: 72px; height: 72px; object-fit: contain; margin: 0 auto 12px; display: block; }
.ct-cert-item { text-align: center; padding: 24px 16px; border-radius: 12px; border: 1px solid #e5e7eb; background: #fff; font-size: 0.85rem; color: #374151; font-weight: 600; }
.ct-testimonial { background: #fff; border-radius: 16px; padding: 32px; border: 1px solid #e5e7eb; position: relative; }
.ct-testimonial::before { content: '"'; font-size: 5rem; color: #5DA363; opacity: .15; position: absolute; top: 8px; left: 20px; line-height: 1; font-family: Georgia; }
.ct-testimonial p { color: #374151; font-size: 0.95rem; line-height: 1.7; font-style: italic; margin-bottom: 20px; }
.ct-testimonial-author { display: flex; align-items: center; gap: 12px; }
.ct-avatar { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, #5DA363, #2C4765); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 1.1rem; flex-shrink: 0; }
.ct-author-name { font-weight: 700; font-size: 0.9rem; color: #0f172a; }
.ct-author-role { font-size: 0.8rem; color: #6b7280; }
@media(max-width:768px){ .ct-hero h1{font-size:1.9rem;} .ct-stat-item{border-right:none;border-bottom:1px solid #e5e7eb;} .ct-stat-item:last-child{border-bottom:none;} }
</style>

<!-- HERO -->
<section class="ct-hero">
  <div class="container">
    <div class="row align-items-center g-5">
      <div class="col-lg-6">
        <span class="ct-badge"><i class="fas fa-building me-1"></i> Enterprise Training</span>
        <h1>Upskill Your Workforce, Accelerate Business Success</h1>
        <p>We deliver engaging corporate training solutions in AI, data, cloud and digital skills — with globally recognized certifications ensuring your team has the skills to achieve your business goals.</p>
        <div class="d-flex gap-3 flex-wrap">
          <a href="#contact-form" class="ct-btn-primary"><i class="fas fa-phone-alt me-2"></i>Speak to an Expert</a>
          <a href="#programs" class="ct-btn-outline"><i class="fas fa-play-circle me-2"></i>Explore Programs</a>
        </div>
        <div class="d-flex gap-4 mt-4 flex-wrap">
          <div class="d-flex align-items-center gap-2">
            <i class="fas fa-star text-warning"></i>
            <span style="color:#cbd5e1;font-size:.9rem;"><strong style="color:#fff;">4.8/5</strong> Learner Rating</span>
          </div>
          <div class="d-flex align-items-center gap-2">
            <i class="fas fa-users" style="color:#5DA363;"></i>
            <span style="color:#cbd5e1;font-size:.9rem;"><strong style="color:#fff;">500K+</strong> Professionals Trained</span>
          </div>
          <div class="d-flex align-items-center gap-2">
            <i class="fas fa-globe" style="color:#5DA363;"></i>
            <span style="color:#cbd5e1;font-size:.9rem;"><strong style="color:#fff;">4,500+</strong> Enterprise Clients</span>
          </div>
        </div>
      </div>
      <div class="col-lg-6" id="contact-form">
        <div class="ct-form-card">
          <h3>Get a Custom Training Plan</h3>
          <p>Tell us about your team and we'll design the perfect learning journey.</p>
          <form action="submit_lead.php" method="POST">
            <div class="row g-2">
              <div class="col-6"><input type="text" name="name" placeholder="Your Name" required></div>
              <div class="col-6"><input type="email" name="email" placeholder="Work Email" required></div>
              <div class="col-6"><input type="text" name="company" placeholder="Company Name"></div>
              <div class="col-6"><input type="text" name="phone" placeholder="Phone Number"></div>
            </div>
            <select name="team_size">
              <option value="">Team Size</option>
              <option>10–50 employees</option>
              <option>50–200 employees</option>
              <option>200–500 employees</option>
              <option>500+ employees</option>
            </select>
            <select name="domain">
              <option value="">Training Domain</option>
              <option>Agile & Scrum</option>
              <option>AI & Data Science</option>
              <option>Cloud Computing</option>
              <option>DevOps</option>
              <option>Cybersecurity</option>
              <option>Project Management</option>
              <option>Leadership & Soft Skills</option>
              <option>Other</option>
            </select>
            <textarea name="message" rows="3" placeholder="Tell us about your training goals (optional)"></textarea>
            <button type="submit" class="ct-btn-primary w-100"><i class="fas fa-paper-plane me-2"></i>Request Free Consultation</button>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- STATS -->
<div class="container">
  <div class="ct-stats">
    <div class="row g-0">
      <div class="col-6 col-md-3"><div class="ct-stat-item"><div class="ct-stat-num">500K+</div><div class="ct-stat-label">Professionals Trained</div></div></div>
      <div class="col-6 col-md-3"><div class="ct-stat-item"><div class="ct-stat-num">4,500+</div><div class="ct-stat-label">Enterprise Clients</div></div></div>
      <div class="col-6 col-md-3"><div class="ct-stat-item"><div class="ct-stat-num">100+</div><div class="ct-stat-label">Countries Covered</div></div></div>
      <div class="col-6 col-md-3"><div class="ct-stat-item"><div class="ct-stat-num">1,250+</div><div class="ct-stat-label">Expert Trainers</div></div></div>
    </div>
  </div>
</div>

<!-- TRUSTED BY -->
<section class="ct-section">
  <div class="container text-center">
    <div class="ct-section-label">Trusted Worldwide</div>
    <h2 class="ct-section-title">Trusted by 4,500+ Companies Globally</h2>
    <div class="ct-logos-row">
      <img src="https://d2o2utebsixu4k.cloudfront.net/Transform workflow logos_Reliance-8d98162977754c8b9583c132028cd967.svg" alt="Reliance" class="ct-company-logo">
      <img src="https://d2o2utebsixu4k.cloudfront.net/Transform workflow logos_Infosys-69007f6080d94039b856ddd607aca191.svg" alt="Infosys" class="ct-company-logo">
      <img src="https://d2o2utebsixu4k.cloudfront.net/Transform workflow logos_HP-2860f6848ad5400ba9b52db0077bb097.svg" alt="HP" class="ct-company-logo">
      <img src="https://d2o2utebsixu4k.cloudfront.net/Transform workflow logos_Tiger-4ff6b27ed592481881edf61e4d019df1.svg" alt="Tiger" class="ct-company-logo">
      <img src="https://d2o2utebsixu4k.cloudfront.net/Transform workflow logos_Welspun-4e17b025b5a8445395b02df62d9fd1f3.svg" alt="Welspun" class="ct-company-logo">
      <img src="https://d2o2utebsixu4k.cloudfront.net/Transform workflow logos_terrapay-12651a4aa23148108427a29818c0dc52.svg" alt="Terrapay" class="ct-company-logo">
      <img src="https://d2o2utebsixu4k.cloudfront.net/Transform workflow logos_Bennett-f4e76491af3446748bd163bf3a61b564.svg" alt="Bennett" class="ct-company-logo">
    </div>
  </div>
</section>

<!-- PROGRAMS -->
<section class="ct-section ct-section-alt" id="programs">
  <div class="container">
    <div class="text-center mb-5">
      <div class="ct-section-label">What We Offer</div>
      <h2 class="ct-section-title">25+ High-Impact Enterprise Skill Domains</h2>
      <p class="ct-section-desc mx-auto" style="max-width:620px;">Equip your teams with cutting-edge skills in AI, Data, Cloud, Agile, Cybersecurity, Leadership, and more.</p>
    </div>
    <div class="row g-4">
      <div class="col-md-6 col-lg-3">
        <div class="ct-card">
          <div class="ct-card-icon green"><i class="fas fa-brain"></i></div>
          <h3>AI & Data Science</h3>
          <p>Machine learning, deep learning, data analytics, and AI strategy for enterprise teams.</p>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="ct-card">
          <div class="ct-card-icon blue"><i class="fas fa-cloud"></i></div>
          <h3>Cloud Computing</h3>
          <p>AWS, Azure, GCP training and certifications to accelerate your cloud transformation.</p>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="ct-card">
          <div class="ct-card-icon orange"><i class="fas fa-sync-alt"></i></div>
          <h3>Agile & Scrum</h3>
          <p>SAFe, Scrum, Kanban, and Lean-Agile transformation programs for teams and leaders.</p>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="ct-card">
          <div class="ct-card-icon purple"><i class="fas fa-shield-alt"></i></div>
          <h3>Cybersecurity</h3>
          <p>CISSP, CEH, CompTIA Security+ and threat defense strategies for your workforce.</p>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="ct-card">
          <div class="ct-card-icon green"><i class="fas fa-code-branch"></i></div>
          <h3>DevOps</h3>
          <p>CI/CD pipelines, Docker, Kubernetes and DevOps cultural transformation programs.</p>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="ct-card">
          <div class="ct-card-icon blue"><i class="fas fa-project-diagram"></i></div>
          <h3>Project Management</h3>
          <p>PMP, PRINCE2, and PMI certifications with practical project delivery frameworks.</p>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="ct-card">
          <div class="ct-card-icon orange"><i class="fas fa-users-cog"></i></div>
          <h3>Leadership Skills</h3>
          <p>Executive coaching, change management and strategic leadership for senior teams.</p>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="ct-card">
          <div class="ct-card-icon purple"><i class="fas fa-chart-bar"></i></div>
          <h3>Business Analysis</h3>
          <p>CBAP, CCBA, and IIBA certifications with data-driven decision making skills.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- HOW IT WORKS -->
<section class="ct-section">
  <div class="container">
    <div class="row align-items-center g-5">
      <div class="col-lg-5">
        <div class="ct-section-label">Our Process</div>
        <h2 class="ct-section-title">How We Build Your Custom Training Program</h2>
        <p class="ct-section-desc">Every organization is unique. We follow a structured approach to design, deliver, and measure impactful learning journeys.</p>
        <a href="#contact-form" class="ct-btn-primary mt-3 d-inline-block"><i class="fas fa-arrow-right me-2"></i>Start the Conversation</a>
      </div>
      <div class="col-lg-7">
        <div class="ct-process-step">
          <div class="ct-step-num">1</div>
          <div class="ct-step-body">
            <h4>Needs Assessment</h4>
            <p>We analyze your team's current skill levels, business goals, and gaps to create a tailored training roadmap.</p>
          </div>
        </div>
        <div class="ct-process-step">
          <div class="ct-step-num">2</div>
          <div class="ct-step-body">
            <h4>Custom Program Design</h4>
            <p>Our curriculum experts design a program with the right mix of live sessions, labs, assessments, and certifications.</p>
          </div>
        </div>
        <div class="ct-process-step">
          <div class="ct-step-num">3</div>
          <div class="ct-step-body">
            <h4>Expert-Led Delivery</h4>
            <p>1,250+ certified trainers deliver engaging sessions — online, in-person, or blended — at your preferred schedule.</p>
          </div>
        </div>
        <div class="ct-process-step">
          <div class="ct-step-num">4</div>
          <div class="ct-step-body">
            <h4>Measure & Report ROI</h4>
            <p>Detailed analytics, progress tracking, and certification outcomes to demonstrate real business impact.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- CERTIFICATIONS -->
<section class="ct-section ct-section-alt">
  <div class="container">
    <div class="text-center mb-5">
      <div class="ct-section-label">Global Recognition</div>
      <h2 class="ct-section-title">Boost Workforce Expertise with Globally Trusted Credentials</h2>
    </div>
    <div class="row row-cols-3 row-cols-md-5 g-3">
      <?php
      $certs = [
        ['AWS','https://d2o2utebsixu4k.cloudfront.net/Badges-02-6c95913e7b804651babdfd8822b3c757.svg'],
        ['Microsoft','https://d2o2utebsixu4k.cloudfront.net/Badges-08-5cc405936a8b4c75b220cac6e9e910af.svg'],
        ['Scrum Alliance','https://d2o2utebsixu4k.cloudfront.net/REA-New Logo-b5b7e812ead6484baec67fa9d4784a4d.svg'],
        ['PMI','https://d2o2utebsixu4k.cloudfront.net/Badges-10-d954f30869f046229358cccfb304cdc6.svg'],
        ['Scaled Agile','https://d2o2utebsixu4k.cloudfront.net/Platinum SPCT-01-cf9ad4584c4b4d6d80b5c276552eb420.svg'],
        ['DevOps Institute','https://d2o2utebsixu4k.cloudfront.net/Badges-03-5e5c5b39fc9345b7abcb578473a22ac4.svg'],
        ['EC-Council','https://d2o2utebsixu4k.cloudfront.net/Badges-04-ca4c756dadec4a0891d31fa2761b231f.svg'],
        ['ICAgile','https://d2o2utebsixu4k.cloudfront.net/Badges-06-de54f5c0eba7499f933a20bd21e362f9.svg'],
        ['IIBA','https://d2o2utebsixu4k.cloudfront.net/Badges-07-a433444a95ce4ee89725dd70d58822f5.svg'],
        ['Scrum.Org','https://d2o2utebsixu4k.cloudfront.net/Badges-01-3c7afa39926d4146bdaa3ffccbe29726.svg'],
      ];
      foreach($certs as $c): ?>
      <div class="col">
        <div class="ct-cert-item">
          <img src="<?= $c[1] ?>" alt="<?= $c[0] ?>" class="ct-cert-logo">
          <?= $c[0] ?>
        </div>
      </div>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<!-- TESTIMONIALS -->
<section class="ct-section">
  <div class="container">
    <div class="text-center mb-5">
      <div class="ct-section-label">Success Stories</div>
      <h2 class="ct-section-title">What Our Enterprise Clients Say</h2>
    </div>
    <div class="row g-4">
      <div class="col-md-4">
        <div class="ct-testimonial">
          <p>The Agile transformation program was exactly what our teams needed. We saw a 40% improvement in delivery speed within 3 months of training.</p>
          <div class="ct-testimonial-author">
            <div class="ct-avatar">R</div>
            <div><div class="ct-author-name">Rahul Mehta</div><div class="ct-author-role">CTO, Reliance Digital</div></div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="ct-testimonial">
          <p>SureCertificate's cloud training program helped 200+ of our engineers get AWS certified. The ROI was evident within the first quarter.</p>
          <div class="ct-testimonial-author">
            <div class="ct-avatar">P</div>
            <div><div class="ct-author-name">Priya Sharma</div><div class="ct-author-role">VP Engineering, Infosys BPM</div></div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="ct-testimonial">
          <p>Flexible scheduling, expert trainers and real-world case studies. Our leadership team came back energized and with actionable frameworks.</p>
          <div class="ct-testimonial-author">
            <div class="ct-avatar">A</div>
            <div><div class="ct-author-name">Anita Verma</div><div class="ct-author-role">L&D Head, HP Enterprise</div></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- CTA -->
<section class="ct-cta">
  <div class="container">
    <h2>Ready to Transform Your Workforce?</h2>
    <p>Join 4,500+ companies that trust SureCertificate for enterprise skill development.</p>
    <div class="d-flex gap-3 justify-content-center flex-wrap">
      <a href="#contact-form" class="ct-btn-primary"><i class="fas fa-phone-alt me-2"></i>Talk to an Expert</a>
      <a href="<?= BASE_URL ?>courses.php" class="ct-btn-outline"><i class="fas fa-book-open me-2"></i>Browse All Courses</a>
    </div>
  </div>
</section>

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