@extends('layout.app')
@section('title')
    <title>Apus Agency</title>
@endsection
@section('content')
    <!-- Slider section -->
    <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="true">
        <div class="carousel-indicators">
          <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
          <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
          <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
        </div>
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img src="{{url('frontend/images/slider.png')}}" class="d-block w-100" alt="...">
          </div>
          <div class="carousel-item">
            <img src="{{url('frontend/images/slider.png')}}" class="d-block w-100" alt="...">
          </div>
          <div class="carousel-item">
            <img src="{{url('frontend/images/slider.png')}}" class="d-block w-100" alt="...">
          </div>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Next</span>
        </button>
    </div>
    <!-- Slider section -->
    <!-- Achievement section -->
    <section class="achievement-section">
        <div class="achievement-items">
            <div class="achivement-sec">
                <img src="{{url('frontend/icons/success-icon.svg')}}" class="img-fluid" alt="">
                <h5>99% Visa Success</h5>
            </div>
            <div class="achivement-sec">
                <img src="{{url('frontend/icons/visa-approved.svg')}}" alt="">
                <h5>150 Visa Approved</h5>
            </div>
            <div class="achivement-sec">
                <img src="{{url('frontend/icons/institution.svg')}}" alt="">
                <h5>500+ Partner Institutions</h5>
            </div>
        </div>
    </section>
    <!-- Achievement section -->
    <!-- About us section -->
    <section class="about-us-section">
      <div class="row">
        <div class="col-md-6">
          <img src="{{url('frontend/images/about-image.png')}}" class="img-fluid" alt="">
        </div>
        <div class="col-md-6">
          <div class="about-us-sec">
            <h2>A-Plus Australia Agency</h2>
            <h4>We will help you achieve Permanent Residency in Australia</h4>
            <p>The success in your life comes from you thriving in the things that you are most passionate about.
              <br><br>
              At A-PLUS Australia agency, we strive to turn your dream into reality. Our team of well-established advisers are here to help you gain your qualifications and kick start your life by assisting you from the day of application till you gain your Permanent Residency in Australia.
            </p>
            <h5>Why Choose A-Plus Australia Agency?</h5>
            <ul>
              <li>100% Success</li>
              <li>Pathway to Parmanent</li>
              <li>You are our first Priority</li>
            </ul>
            <a href="#">View More</a>
          </div>
        </div>
      </div>
    </section>
    <!-- About us section -->
    <!-- our services section -->
    <section class="our-serivces-section">
      <div class="text-center our-services-header">
        <h2>Our Services</h2>
        <p>Delivering excellent and cost-effective solutions to ensure customer satisfaction.</p>
      </div>
      <div class="services-cards">
        <div class="services-card">
          <div class="services-icon">
            <img src="{{url('frontend/icons/ribbon.svg')}}" class="img-fluid" alt="">
          </div>
          <div class="services-card-content">
            <h3>Skill Assessment</h3>
            <p>Our training programme based on occupational training allows students to improve their skills for the right job.</p>
          </div>
        </div>
        <div class="services-card">
          <div class="services-icon">
            <img src="{{url('frontend/icons/recruitment.svg')}}" class="img-fluid" alt="">
          </div>
          <div class="services-card-content">
            <h3>Recruitment</h3>
            <p>Trade skill assessment is a process to assess the right skills and knowledge required in the occupation field.</p>
          </div>
        </div>
        <div class="services-card">
          <div class="services-icon">
            <img src="{{url('frontend/icons/rpl-icon.svg')}}" class="img-fluid" alt="">
          </div>
          <div class="services-card-content">
            <h3>RPL (Recognition of Prior Learning)</h3>
            <p>We assist international students in finding
              full-time employment in Australia through a variety of hiring options.</p>
          </div>
        </div>
        <div class="services-card">
          <div class="services-icon">
            <img src="{{url('frontend/icons/Insurance-Icon.svg')}}" class="img-fluid" alt="">
          </div>
          <div class="services-card-content">
            <h3>Insurance</h3>
            <p>We offer flexible health insurance to cover unexpected medical expenses while staying in Australia.</p>
          </div>
        </div>
      </div>
    </section>
    <!-- our services section -->
    <!-- our recruitment section -->
    <section class="our-recruitment-section">
      <div class="our-recruitment-header">
        <h2>Our Recruitment Partners</h2>
        <p>We have 200 + recruitment partners</p>
      </div>
      <div class="slider-partners">
        <div class="partner-image">
          <img src="{{url('frontend/images/icebergs.png')}}" class="img-fluid" alt="">
        </div>
        <div class="partner-image">
          <img src="{{url('frontend/images/laundy-hotels-logo.png')}}" class="img-fluid" alt="">
        </div>
        <div class="partner-image">
          <img src="{{url('frontend/images/tapa-vino.png')}}" class="img-fluid" alt="">
        </div>
        <div class="partner-image">
          <img src="{{url('frontend/images/the-sydney-collective.png')}}" class="img-fluid" alt="">
        </div>
      </div>
    </section>
    <!-- our recruitment section -->
    
@endsection

@section('script')
  <script>
    $(document).ready(function(){
      $('.slider-partners').slick({
        slidesToShow: 3,
          slidesToScroll: 1,
          autoplay: true,
          autoplaySpeed: 2000,
      });
    });
  </script>
@endsection