@extends('frontend.layouts.app')
@section('page_title')
    {{(!empty($page_title) && isset($page_title)) ? $page_title : ''}}
@endsection

@section('content')

    <!-- Hero Section -->
    <div id="admissionHeroCarousel" class="carousel slide" data-bs-ride="carousel" data-aos="fade-in" style="margin-top: 100px">
        <div class="carousel-inner">
            <div class="carousel-item-admission active">
                <img src="{{asset('assets/images/programs_hero.png')}}" class="hero-image d-block w-100" alt="Banner Image">
                <div class="program-hero-overlay"></div>
                <div class="carousel-caption-admission text-start">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-6 col-md-8 col-sm-12">
                                <div class="hero-text-box" data-aos="fade-up" data-aos-delay="200">
                                    <h1 class="hero-title-text" data-aos="zoom-in" data-aos-delay="300">
                                        <span class="highlight" style="font-family: 'Poppins', sans-serif;">Where Your Journey<br>to Success Begins</span>
                                    </h1>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

{{--                <a href="{{route('onlineApplication')}}" class="hero-apply-btn text-decoration-none" data-aos-delay="400" style="font-family: 'Poppins', sans-serif;">--}}
{{--                    Apply Now</a>--}}
            </div>
        </div>
    </div>

{{--Admission Process--}}
    <section class="why-choose-section" data-aos="fade-up" data-aos-duration="1000">
        <div class="container">
            <h2 class="section-title mb-4 text-black" data-aos="fade-down" data-aos-delay="100" style="font-family: 'Poppins', sans-serif;">Admission Process</h2>
            <p class="section-description text-black" data-aos="fade-up" data-aos-delay="200" style="font-family: 'Poppins', sans-serif;">
                Our admission office introduces educational opportunities to students who are motivated to achieve academic excellence. The staff
                strives to meet goals and provides up-to-date information to all prospective students. Confirmation of admission will be subject to the
                fulfillment of the following conditions:
            </p>

            <div class="row g-4 justify-content-center" data-aos="zoom-in" data-aos-delay="300">
                <div class="col-auto">
                    <img src="{{ asset('assets/images/admission-process.png') }}"
                         alt="Admission Process"
                         class="admission-img img-fluid"
                         style="width: 1115px;max-width: 100%;height: auto;display: block; margin: 0 auto;">
                </div>
            </div>
        </div>
    </section>

@endsection