<?php echo $__env->make('includes.header', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

<!-- page title -->
<section class="page-title-section overlay" data-background="<?php echo e(asset('images/backgrounds/page-title.jpg')); ?>">
  <div class="container">
    <div class="row">
      <div class="col-md-8">
        <ul class="list-inline custom-breadcrumb mb-2">
          <li class="list-inline-item"><a class="h2 text-primary font-secondary" href="<?php echo e(route('home')); ?>">Home</a></li>
          <li class="list-inline-item text-white h3 font-secondary nasted">Our Programs</li>
        </ul>
        <p class="text-lighten mb-0">Comprehensive youth development programs combining practical skills with character building</p>
      </div>
    </div>
  </div>
</section>
<!-- /page title -->

<!-- programs -->
<section class="section-sm mt-5" id="programs">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="d-flex align-items-center section-title justify-content-between mb-5 mt-2">
          <h2 class="mb-0 text-nowrap mr-3 text-warning">Our Programs</h2>
          <div class="border-top w-100 border-primary d-none d-sm-block"></div>
          <div>
            <a href="<?php echo e(route('register')); ?>" class="btn btn-sm btn-outline-primary ml-sm-3 d-none d-sm-block">Register & Apply</a>
          </div>
        </div>
      </div>
    </div>

    <div class="row justify-content-center">
      <!-- First Aid -->
      <div class="col-lg-4 col-sm-6 mb-5">
        <div class="card p-0 border-primary rounded-0 hover-shadow">
          <img class="card-img-top rounded-0" src="<?php echo e(asset('images/courses/first_aid.png')); ?>" alt="First Aid Training">
          <div class="card-body">
            <ul class="list-inline mb-2">
              <li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>Ongoing</li>
              <li class="list-inline-item"><a class="text-color" href="#">Health & Safety</a></li>
            </ul>
            <h4 class="card-title">First Aid Training</h4>
            <p class="card-text mb-4">Equip youth with essential first aid knowledge to handle emergencies and promote safety awareness.</p>
            <ul class="list-unstyled mb-3">
              <li class="mb-2"><i class="ti-check text-warning mr-2"></i> CPR & emergency response</li>
              <li class="mb-2"><i class="ti-check text-warning mr-2"></i> Wound care & bandaging</li>
              <li><i class="ti-check text-warning mr-2"></i> 1-year certification</li>
            </ul>
            <a href="<?php echo e(route('services')); ?>#first-aid" class="btn btn-primary btn-sm">Learn More</a>
          </div>
        </div>
      </div>

      <!-- Fashion Design -->
      <div class="col-lg-4 col-sm-6 mb-5">
        <div class="card p-0 border-primary rounded-0 hover-shadow">
          <img class="card-img-top rounded-0" src="<?php echo e(asset('images/courses/fashion-design.jpeg')); ?>" alt="Fashion Design">
          <div class="card-body">
            <ul class="list-inline mb-2">
              <li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>Ongoing</li>
              <li class="list-inline-item"><a class="text-color" href="#">Creative Arts</a></li>
            </ul>
            <h4 class="card-title">Fashion Design</h4>
            <p class="card-text mb-4">Learn sewing, styling, and fashion business basics to pursue a creative career in design.</p>
            <ul class="list-unstyled mb-3">
              <li class="mb-2"><i class="ti-check text-warning mr-2"></i> Sewing machine operation</li>
              <li class="mb-2"><i class="ti-check text-warning mr-2"></i> Pattern making</li>
              <li><i class="ti-check text-warning mr-2"></i> Entrepreneurial skills</li>
            </ul>
            <a href="<?php echo e(route('services')); ?>#fashion" class="btn btn-primary btn-sm">Learn More</a>
          </div>
        </div>
      </div>

      <!-- Carpentry -->
      <div class="col-lg-4 col-sm-6 mb-5">
        <div class="card p-0 border-primary rounded-0 hover-shadow">
          <img class="card-img-top rounded-0" src="<?php echo e(asset('images/courses/capentry.jpeg')); ?>" alt="Carpentry">
          <div class="card-body">
            <ul class="list-inline mb-2">
              <li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>Ongoing</li>
              <li class="list-inline-item"><a class="text-color" href="#">Technical Skills</a></li>
            </ul>
            <h4 class="card-title">Carpentry</h4>
            <p class="card-text mb-4">Master woodworking basics, measurements, and hands-on construction techniques with practical training.</p>
            <ul class="list-unstyled mb-3">
              <li class="mb-2"><i class="ti-check text-warning mr-2"></i> Tool safety & handling</li>
              <li class="mb-2"><i class="ti-check text-warning mr-2"></i> Furniture making basics</li>
              <li><i class="ti-check text-warning mr-2"></i> Small business fundamentals</li>
            </ul>
            <a href="<?php echo e(route('services')); ?>#carpentry" class="btn btn-primary btn-sm">Learn More</a>
          </div>
        </div>
      </div>

      <!-- Fine Art -->
      <div class="col-lg-4 col-sm-6 mb-5">
        <div class="card p-0 border-primary rounded-0 hover-shadow">
          <img class="card-img-top rounded-0" src="<?php echo e(asset('images/courses/art.png')); ?>" alt="Fine Art">
          <div class="card-body">
            <ul class="list-inline mb-2">
              <li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>Ongoing</li>
              <li class="list-inline-item"><a class="text-color" href="#">Visual Arts</a></li>
            </ul>
            <h4 class="card-title">Fine Art & Design</h4>
            <p class="card-text mb-4">Explore painting, drawing, and digital design to unlock creative expression and visual storytelling.</p>
            <ul class="list-unstyled mb-3">
              <li class="mb-2"><i class="ti-check text-warning mr-2"></i> Traditional art techniques</li>
              <li class="mb-2"><i class="ti-check text-warning mr-2"></i> Digital design basics</li>
              <li><i class="ti-check text-warning mr-2"></i> Portfolio development</li>
            </ul>
            <a href="<?php echo e(route('services')); ?>#art" class="btn btn-primary btn-sm">Learn More</a>
          </div>
        </div>
      </div>

      <!-- Music -->
      <div class="col-lg-4 col-sm-6 mb-5">
        <div class="card p-0 border-primary rounded-0 hover-shadow">
          <img class="card-img-top rounded-0" src="<?php echo e(asset('images/courses/music.jpeg')); ?>" alt="Drums & Instruments">
          <div class="card-body">
            <ul class="list-inline mb-2">
              <li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>Ongoing</li>
              <li class="list-inline-item"><a class="text-color" href="#">Music</a></li>
            </ul>
            <h4 class="card-title">Drums & Instruments</h4>
            <p class="card-text mb-4">Learn rhythm, musical coordination, and teamwork through drumming and instrument training sessions.</p>
            <ul class="list-unstyled mb-3">
              <li class="mb-2"><i class="ti-check text-warning mr-2"></i> Drumming & percussion</li>
              <li class="mb-2"><i class="ti-check text-warning mr-2"></i> Vocal training</li>
              <li><i class="ti-check text-warning mr-2"></i> Performance skills</li>
            </ul>
            <a href="<?php echo e(route('services')); ?>#music" class="btn btn-primary btn-sm">Learn More</a>
          </div>
        </div>
      </div>

      <!-- Photography -->
      <div class="col-lg-4 col-sm-6 mb-5">
        <div class="card p-0 border-primary rounded-0 hover-shadow">
          <img class="card-img-top rounded-0" src="<?php echo e(asset('images/courses/photography.jpeg')); ?>" alt="Photography">
          <div class="card-body">
            <ul class="list-inline mb-2">
              <li class="list-inline-item"><i class="ti-calendar mr-1 text-color"></i>Ongoing</li>
              <li class="list-inline-item"><a class="text-color" href="#">Media Arts</a></li>
            </ul>
            <h4 class="card-title">Photography & Film</h4>
            <p class="card-text mb-4">Discover the art of visual storytelling through camera techniques, editing, and content creation.</p>
            <ul class="list-unstyled mb-3">
              <li class="mb-2"><i class="ti-check text-warning mr-2"></i> Camera operation</li>
              <li class="mb-2"><i class="ti-check text-warning mr-2"></i> Photo editing</li>
              <li><i class="ti-check text-warning mr-2"></i> Content creation</li>
            </ul>
            <a href="<?php echo e(route('services')); ?>#photography" class="btn btn-primary btn-sm">Learn More</a>
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-12 text-center">
        <a href="<?php echo e(route('register')); ?>" class="btn btn-sm btn-outline-primary d-sm-none d-inline-block">Register & Apply</a>
      </div>
    </div>
  </div>
</section>

<!-- program benefits -->
<section class="section bg-light">
  <div class="container">
    <div class="row">
      <div class="col-12 text-center mb-5">
        <h2 class="section-title">Why Choose Our Programs</h2>
      </div>
    </div>
    <div class="row">
      <div class="col-md-4 mb-4">
        <div class="card border-0 text-center bg-white shadow-sm">
          <div class="card-body py-4">
            <i class="ti-certificate icon-box bg-gradient-primary mb-3 mx-auto"></i>
            <h5>Certified Training</h5>
            <p class="mb-0">Industry-recognized certifications that add value to CVs</p>
          </div>
        </div>
      </div>
      <div class="col-md-4 mb-4">
        <div class="card border-0 text-center bg-white shadow-sm">
          <div class="card-body py-4">
            <i class="ti-user icon-box bg-gradient-primary mb-3 mx-auto"></i>
            <h5>Experienced Mentors</h5>
            <p class="mb-0">Passionate professionals with years of teaching experience</p>
          </div>
        </div>
      </div>
      <div class="col-md-4 mb-4">
        <div class="card border-0 text-center bg-white shadow-sm">
          <div class="card-body py-4">
            <i class="ti-hand-open icon-box bg-gradient-primary mb-3 mx-auto"></i>
            <h5>Hands-On Learning</h5>
            <p class="mb-0">Practical, skills-based training (not just theory)</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- call to action -->
<section class="section bg-primary">
  <div class="container">
    <div class="row">
      <div class="col-12 text-center">
        <h3 class="text-white mb-4">Ready to Transform a Young Life?</h3>
        <a href="<?php echo e(route('contact')); ?>" class="btn btn-light mr-3">Enquire Now</a>
        <a href="tel:+27679117413" class="btn btn-outline-light">Call +27 67 911 7413</a>
      </div>
    </div>
  </div>
</section>

<?php echo $__env->make('includes.footer', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/cliff/Documents/bright-eagles-site/resources/views/services.blade.php ENDPATH**/ ?>