@section('title', 'Green International University – Apply Now | GIU')
@section('description', 'Green International University offers practical learning and modern programs. Admissions are now open and begin your academic journey with confidence.')
@section('keywords', 'Green international university,GIU admission requirements,International academic environment')
@section('tags', 'Green International University,GIU Admission Requirements,International Academic Environment')
@extends('front.new.layouts.app')
@section('content')

    {{--    <div class="hero-wrap style1 bg-f hero-bg-1">--}}
    {{--        <div class="o-overlay bg-black op-7"></div>--}}
    {{--       <div class="hero-wrap  ">--}}
    {{--            <div class="container-fluid px-0">--}}

    {{--                <div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">--}}
    {{--                    <div class="carousel-inner">--}}
    {{--                        <div class="carousel-item active">--}}
    {{--                            <img src="{{asset('front/images/new-giu/about-us/home.jpeg')}}" class="d-block w-100" alt="..." style="margin-top: 0; margin-bottom: 0;">--}}
    {{--                        </div>--}}
    {{--                    </div>--}}
    {{--                </div>--}}
    {{--            </div>--}}
    {{--       </div>--}}

    {{--==============Carousel==================================--}}

    <div id="carouselExampleIndicators" class="carousel slide banner-margin-top" data-bs-ride="carousel"
         data-bs-interval="3000">
        <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>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3"
                    aria-label="Slide 4"></button>
            <!-- <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4" 
                    aria-label="Slide 5"></button> -->
        </div>

        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="{{ asset('front/images/new-giu/about-us/main-banner.webp') }}" class="d-block w-100"
                     alt="First slide">
            </div>
            <div class="carousel-item ">
                <img src="{{ asset('front/images/new-giu/about-us/hpb-2.webp') }}" class="d-block w-100"
                     alt="Second slide">
            </div>
            <div class="carousel-item">
                <img src="{{ asset('front/images/new-giu/about-us/hpb-3.webp') }}" class="d-block w-100"
                     alt="Third slide">
            </div>
            <div class="carousel-item">
                <img src="{{ asset('front/images/new-giu/about-us/hpb-4.webp') }}" class="d-block w-100"
                     alt="Fourth slide">
            </div>
            <!-- <div class="carousel-item">
                <img src="{{ asset('front/images/new-giu/about-us/hpb-5.webp') }}" class="d-block w-100" 
                     alt="Five slide">
            </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>

    {{--            <div class="row">--}}
    {{--                <div class="col-lg-7 col-md-8">--}}
    {{--                    <div class="hero-content">--}}
    {{--                        <h1 class="mb-0">SEE FOR YOURSELF </h1>--}}
    {{--                        <h2 class="text-warning mt-0">Your safe-haven to experience a life-changing education</h2>--}}
    {{--                        <p>--}}
    {{--                            The mission of Green International University is to provide excellent education and--}}
    {{--                            disseminate the knowledge for a better world by making social and economic impacts through--}}
    {{--                            research & innovation across a broad range of fields.--}}
    {{--                        </p>--}}
    {{--                        <div class="hero-btn">--}}
    {{--                            <a href="{{route('programs')}}" class="btn v1"> <i class="ri-eye-line"></i> View Courses</a>--}}
    {{--                        </div>--}}
    {{--                    </div>--}}
    {{--                </div>--}}
    {{--            </div>--}}
    {{--        </div>--}}

    {{--    </div>--}}

    <section class="about-wrap  style1 ptb-100">
        <div class="container">
            <div class="row align-items-center gx-5">
                <div class="col-lg-6">
                    <div class="about-img bg-f about-bg-0">
                        <div class="about-circle-shape md-none">
                            <img src="{{asset('front/new/img/about/about-circle-shape-1.png')}}" alt="Image">
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="about-content">
                        <div class="section-title text-left style1 about-section-content">
                            <h2>About Green International University</h2>
                            <p>At Green International University, we focus on providing
                            education that meets international standards while also
                            preparing students for real-world challenges. Our university
                            offers a welcoming space where students from different
                            backgrounds can learn and succeed together.</p>
                        </div>
                        <div class="section-title text-left style1 about-section-content">
                            <h2>Our Vision & Mission</h2>
                            <p>Our vision is to lead as a modern-era university that distinguishes itself by empowering future generations to drive transformative innovation, champion 
                                global citizenship, and foster sustainable societies for a shared future of progress and prosperity. GIU’s mission, we are committed to providing 
                                education that nurtures purpose-driven, globally connected, and ethically grounded leaders equipped to thrive in a rapidly evolving world. Together, 
                                we pioneer innovative research to deliver solutions with meaningful impact on national and global challenges. Guided by cultural empathy, shared 
                                responsibility, and a commitment to mindful action, the University fosters communities that are inclusive, equitable, and environmentally responsible.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="promo-banner-wrap full-width-text">
        <div class="promo-content ptb-80">
            <div class="promo-inner-content">
                <h2 class="text-white">Academic Programs and Faculties</h2>
                <p class="text-white">
                    GIU offers a wide range of academic programs across multiple faculties. Each program is designed to meet modern
                    educational needs and prepare students for successful careers. Whether you are interested in sciences, business,
                    technology or humanities, GIU provides the right platform to achieve your goals.
                </p>
            </div>
        </div>
    </section>

    <!-- Program Filter/Search Section -->
    @include('front.new.components.homepage-programs')

    <section class="promo-banner-wrap style1 d-flex align-items-center flex-wrap">
        <div class="promo-content  ptb-100">
            <h2 class="text-white">Why Choose Green International University</h2>
            <p class="text-white">
                Choosing GIU means choosing quality, diversity, and opportunity.
                We provide excellent academic resources, experienced faculty,
                and a supportive learning environment. Our international
                academic environment helps students gain both knowledge and
                confidence to grow in their chosen fields.
            </p>
        </div>
            <div class="col-lg-6 position-relative awa-image-container">
                <img src="{{asset('front/new/img/promo/video-thumbnail.webp')}}" class="img-fluid rounded w-100"
                     alt="Why Choose Us">

                <a href="https://www.facebook.com/share/v/18bVUFBAo5/" target="_blank"
                   class="btn btn-warning rounded-circle position-absolute top-50 start-50 translate-middle d-flex align-items-center justify-content-center awa-play-btn">
                    <i class="ri-play-fill text-white"></i>
                </a>
            </div>
    </section>

    <section class="about-wrap  style1 ptb-100">
        <div class="container">
            <div class="row align-items-center gx-5">
                <div class="col-lg-6">
                    <div class="about-img bg-f about-bg-1">
                        <div class="about-circle-shape md-none">
                            <img src="{{asset('front/new/img/about/about-circle-shape-1.png')}}" alt="Image">
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="about-content">
                        <div class="section-title text-left style1 about-section-content">
                            <h2>Student Life at GIU</h2>
                            <p>Student life at GIU goes beyond classrooms. We encourage
                            participation in clubs, sports, and cultural activities. This creates a
                            balanced experience where students can build leadership skills,
                            teamwork, and lifelong friendships.</p>
                        </div>
                        <div class="text-center mt-5">
                            <a href="{{route('campus-facilities')}}" class="btn v1"> <i class="ri-eye-line"></i> Life at GIU</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="promo-banner-wrap style1">
        <div class="promo-content  ptb-100 ">
            <h2 class="text-white">Admissions and How to Apply</h2>
            <p class="text-white">
                Green International University makes the admission process
                simple and transparent. Students can review GIU admission
                requirements on our website and apply online with ease. Our
                admission team is always ready to guide applicants at every
                step of the process.
            </p>
            <div class="text-center mt-5">
                <a href="http://admission.giu.edu.pk/" class="btn v1"> <i class="ri-honour-fill"></i> Apply Now</a>
            </div>
        </div>
        <div class="promo-img-wrap">
            <div class="promo-img bg-f promo-bg-1">

            </div>
        </div>
    </section>

    <!-- <section class="promo-banner-wrap style1">
        <div class="promo-content  ptb-100 ">
            <h2 class="text-white">Your safe-haven to experience a life-changing education</h2>
            <p class="text-white">
                There is always something fascinating going on at GIU, whether it is our students or staff producing
                ground-breaking research or resolving the world's most significant concerns!
            </p>
            <a href="{{route('campus-facilities')}}" class="btn v1"> <i class="ri-eye-line"></i> Life at GIU</a>
        </div>
        <div class="promo-img-wrap">
            <div class="promo-img bg-f promo-bg-1">

            </div>
        </div>
    </section> -->

    <!-- <section class="about-wrap  style1 ptb-100">
        <div class="container">
            <div class="row align-items-center gx-5">

                <div class="col-lg-6">
                    <div class="about-content">
                        <div class="section-title text-left style1">
                            <h2>SEE FOR YOURSELF</h2>
                            <p>
                                GIU is an extraordinary place for learning, discovery and transformation. Here, you have
                                the freedom to ask questions, challenge the ordinary and spark innovation. We seek out
                                bright and curious minds with revolutionary ideas to create an empowering community of
                                leaders and change makers. GIU is committed to providing quality education, research and
                                innovation in the present transformation of the global economy towards a knowledge
                                economy.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="about-img-two bg-f about-bg-1-two">
                        <div class="about-circle-shape-two md-none">
                            <img src="{{asset('front/new/img/about/about-circle-shape-1.png')}}" alt="Image">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->

    {{--    <section class="promo-banner-wrap style2">--}}
    {{--        <div class="promo-img-wrap">--}}
    {{--            <div class="promo-img bg-f promo-bg-1-two">--}}
    {{--                <a class="video-play circle style1 " href="https://www.youtube.com/watch?v=5o4ITgC3pC4"> <i--}}
    {{--                        class="ri-play-fill"></i> </a>--}}
    {{--            </div>--}}
    {{--        </div>--}}
    {{--        <div class="promo-content  ptb-100 ">--}}
    {{--            <h2 class="text-white">Admissions Open</h2>--}}
    {{--            <p class="text-white">--}}
    {{--                Explore your interests and narrow down your search through our wide variety of undergraduate degree--}}
    {{--                programs, providing students with the knowledge and skills needed to succeed in the practical world. GIU--}}
    {{--                can help you pursue your dreams and prepare you for the modern workplace.--}}
    {{--                <br>--}}
    {{--                The Green International University - The Rising Hope--}}
    {{--            </p>--}}
    {{--        </div>--}}
    {{--    </section>--}}

    <!-- <div class="container-fluid overflow-visible mt-5 mb-5">
        <div class="row align-items-center awa-green-section">

            Left Image Section
            <div class="col-lg-6 position-relative awa-image-container">
                <img src="{{asset('front/new/img/promo/video.jpg')}}" class="img-fluid rounded w-100"
                     alt="Why Choose Us">

                Play Button
                <a href="https://www.youtube.com/watch?v=5o4ITgC3pC4" target="_blank"
                   class="btn btn-warning rounded-circle position-absolute top-50 start-50 translate-middle d-flex align-items-center justify-content-center awa-play-btn">
                    <i class="ri-play-fill text-white"></i>
                </a>
            </div>

            Right Text Section
            <div class="col-lg-6 text-white py-4 px-5 mt-5">
                <h3 class="mb-3 text-white">Admissions Open</h3>
                <p class="mb-2 text-white">
                    Explore your interests and narrow down your search through our wide variety of undergraduate degree
                    programs.
                </p>
                <p class="mb-2 text-white">
                    GIU provides students with the knowledge and skills needed to succeed in the practical world.
                </p>
                <p class="fw-bold mb-0 text-white">
                    The Green International University – The Rising Hope
                </p>
            </div>
        </div>
    </div> -->
    <!-- WURI Section Start -->
    <section class="wuri-section pt-100 pb-50">
        <div class="container">
            <div class="section-title style1 text-center mb-40">
                <h2>Among Top Global Institutions</h2>
            </div>
            <div class="wuri-wrapper">
                <div class="text-center mb-4">
                    <img src="{{ asset('front/images/new-giu/wuri/wuri-logo.webp') }}" alt="WURI Rankings" class="img-fluid wuri-logo">
                </div>
                <div class="row g-4 justify-content-center">
                    @foreach($wuriRankings as $ranking)
                        <div class="col-lg-4 col-md-6 col-12">
                            @include('front.new.components.wuri-card', [ 'ranking' => $ranking ])
                        </div>
                    @endforeach
                </div>
            </div>
            </div>
    </section>
    <!-- WURI Section End-->
    <!-- THE Impact Rankings Section Start -->
    <section class="impact-ranking-section ptb-50">
        <div class="container">
            <div class="section-title style1 text-center mb-40">
                <h2>Times Higher Education (THE) Impact Rankings 2026</h2>
            </div>
            <div class="impact-ranking-wrapper">
                <div class="text-center mb-5">
                    <img src="{{ asset('front/images/new-giu/impact-rankings/impact-logo.jpeg') }}"
                        alt="Times Higher Education Impact Rankings 2026" class="img-fluid impact-ranking-logo">
                </div>
                <div class="row g-4 justify-content-center">
                    @foreach($impactRankings as $ranking)
                        <div class="col-lg-3 col-md-6 col-12">
                            <div class="impact-ranking-card">
                                <img src="{{ asset('front/images/new-giu/impact-rankings/' . $ranking['image']) }}"
                                    alt="{{ $ranking['title'] }}" class="img-fluid impact-ranking-image">
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </section>
    <!-- THE Impact Rankings Section End -->
    <section class="blog-wrap pt-100 pb-70">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-title style1 text-center mb-1">
                        <h2>News & Events</h2>
                        <div class="row justify-content-end">
                            <a href="{{route('news-and-events')}}" class="apply-now-new" style="width: 100px">
                                More <i class="fas fa-angle-double-right"></i>
                            </a>
                        </div>
                    </div>

                </div>
            </div>

            <div class="row justify-content-md-center">
                @foreach($newsEvents as $news)
                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="blog-card">
                            <a href="{{route('post-detail', $news->slug)}}" class="blog-img">
                                <img src="{{URL('/')}}/front/images/new-giu/news-events/{{$news->img}}" alt="Image">
                            </a>
                            <div class="blog-info">
                                <div class="blog-date">
                                    <h6>
                                        <span>{{ date('d', strtotime($news->e_date)) }}</span>{{ date('M Y', strtotime($news->e_date)) }}
                                    </h6>
                                </div>
                                <div class="blog-min-height">
                                    <h3>
                                        <a href="{{route('post-detail', $news->slug)}}">
                                            {{ Str::limit($news->name, 35) }}
                                        </a>
                                    </h3>
                                    <p>
                                        {{ Str::limit($news->short_description, 150) }}
                                    </p>
                                </div>
                                <div class="blog-author-wrap d-flex justify-content-end">
                                    <a href="{{route('post-detail', $news->slug)}}" class="read-more">
                                        Read More <i class="las la-arrow-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>

@endsection
@push('js')
@endpush