@extends('front.layouts.pages-layout')
@section('pageTitle', isset($pageTitle) ? $pageTitle : 'ECL | Home')
@section('meta_tags')
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="robots" content="index, follow">
    <meta name="title" content="{{blogInfo()->blog_name}}">
    <meta name="description" content="{{blogInfo()->blog_description}}">
    <meta name="author" content="{{blogInfo()->blog_name}}">
    <meta name="canonical" content="{{Request::root()}}">
    <meta property="og:title" content="{{blogInfo()->blog_name}}">
    <meta property="og:type" content="website">
    <meta property="og:description" content="{{blogInfo()->blog_description}}">
    <meta property="og:url" content="{{Request::root()}}">
    <meta property="og:image" content="{{blogInfo()->blog_logo}}">
    <meta name="twitter:domain" content="{{Request::root()}}">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" property="og:title" itemprop="name" content="{{blogInfo()->blog_name}}">
    <meta name="twitter:description" property="og:description" itemprop="description" content="{{blogInfo()->blog_description}}">
    <meta name="twitter:image" content="{{blogInfo()->blog_logo}}">
@endsection
@section('content')

<section class="banner-section">
    <div class="banner-carousel owl-carousel owl-theme">

        <div class="slide-item">
            <div class="bg-image" style="background-image: url({{asset('/front/assets/images/main-slider/b1.png')}});"></div>
            <div class="auto-container">
                <div class="content-box">
                    <span class="sub-title animate-1">Your One-Stop Study Abroad Solutions </span>
                    <h1 class="title animate-2">Empowering Your Study Abroad Dreams</h1>
                    <div class="btn-box animate-3">
                        <a href="{{route('what-we-do')}}" class="theme-btn btn-style-one"><span
                                class="btn-title">What we do</span></a>
                    </div>
                </div>
            </div>
        </div>

        <div class="slide-item">
            <div class="bg-image" style="background-image: url({{asset('/front/assets/images/main-slider/b2.png')}});"></div>
            <div class="auto-container">
                <div class="content-box">
                    <span class="sub-title animate-1">Your One-Stop Study Abroad Solutions </span>
                    <h1 class="title animate-2">Unlock Global Opportunities with Excel Continental</h1>
                    <div class="btn-box animate-3">
                        <a href="{{route('what-we-do')}}" class="theme-btn btn-style-one"><span
                                class="btn-title">What we do</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="training-section-two">
    <div class="bg-layer"></div>
    <div class="outer-box pull-up">
        <div class="auto-container">
            <div class="row">
                <div class="col-lg-7">
                    <div class="sec-title">
                        <span class="sub-title">What do we offer</span>
                        <h2>Get the Scholarship and Travel <br>Assistance you Deserve.</h2>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="video-box">
                        <div class="inner">
                            {{-- <a href="https://www.youtube.com/watch?v=Fvae8nxzVz4"
                                class="play-now-two lightbox-image"><i class="icon fa fa-play"></i></a>
                            <img src="images/icons/icon-arrow.png" alt class="arrow">
                            <h4 class="title style-font">Play Video</h4>
                            <span class="sub-title">Watch training videos</span> --}}
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                @foreach (home_services() as $item)
                <div class="training-block-two col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><a href="{{route('service-details', $item->service_slug)}}"><img
                                        src="{{asset('/storage/image/serviceimages/thumbnails/resized_'.$item->featured_image)}}" alt></a></figure>
                            <div class="info-box">
                                <h5 class="title"><a href="{{route('service-details', $item->service_slug)}}">{{$item->service_name}}</a></h5>
                                <div class="text">{!!Str::ucfirst(words($item->description,7))!!}</div>
                                <a href="{{route('service-details', $item->service_slug)}}" class="read-more"><i
                                        class="fa fa-long-arrow-alt-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
                
            </div>
        </div>
    </div>
</section>


<section class="about-section-three pt-0">
    <div class="anim-icons">
        <span class="icon icon-object-1"></span>
        <span class="icon icon-object-4"></span>
    </div>
    <div class="auto-container">
        <div class="row">
            <div class="content-column col-xl-6 col-lg-7 col-md-12 col-sm-12 order-2 wow fadeInRight"
                data-wow-delay="600ms">
                <div class="inner-column">
                    <div class="sec-title">
                        <span class="sub-title">About our company</span>
                        <h2>We're with you every step of the way: from Application to Graduation</h2>
                        <div class="text">{!! Str::ucfirst(words(about()->about,35)) !!}</div>
                        <ul class="list-style-three">
                            <li>Expert guidance on course and university selection.</li>
                            <li>End-to-end support for visa applications and paperwork.</li>
                        </ul>
                    </div>
                    <div class="content-box">
                        <!-- <div class="info-box"> -->
                            <!-- <i class="icon flaticon-cooperation"></i>
                            <h6 class="title">Trusted by Clients</h6> -->
                        <!-- </div> -->
                        <!-- <h5 class="title">24/7 Support</h5> -->
                        <!-- <div class="text">Read more about our esteemed company.</div> -->
                        <a href="{{route('about')}}" class="theme-btn btn-style-one"><span
                                class="btn-title">Read More About Us</span></a>
                    </div>
                </div>
            </div>

            <div class="image-column col-xl-6 col-lg-5 col-md-12 col-sm-12">
                <div class="inner-column wow fadeInLeft">
                    <span class="icon-dots bounce-y"></span>
                    <figure class="image-1 overlay-anim wow fadeInUp"><img src="{{asset('/front/assets/images/resource/about-20.png')}}"
                            alt></figure>
                    <!-- <figure class="image-2 overlay-anim wow fadeInRight"><img src="{{asset('/front/assets/images/resource/about-5.jpg')}}"
                            alt></figure> -->
                </div>
            </div>
        </div>
    </div>
</section>


<section class="countries-section-two">
    <div class="auto-container">
        <div class="bg-image" style="background-image: url({{asset('/front/assets/images/background/2.jpg')}})"></div>
        <div class="sec-title text-center light">
            <span class="sub-title">Countries we offer</span>
            <h2>Countries We Support <br>for Scholarship.</h2>
        </div>
        <div class="carousel-outer">

            <div class="countries-carousel owl-carousel owl-theme">
                @foreach (home_countries() as $item)
                <div class="country-block-two">
                    <div class="inner-box">
                        <div class="flag"><img src="{{asset('/storage/image/countryimages/thumbnails/resized_'.$item->featured_image)}}" alt></div>
                        <div class="info">
                            <h5 class="title"><a href="{{route('country-universities',$item->id)}}">{{$item->country_name}}</a></h5>
                            <div class="text">Universities: {{\App\Models\University::where('country_id','=',$item->id)->count()}} & Courses: {{\App\Models\Course::where('country_id','=',$item->id)->count()}}</div>
                        </div>
                    </div>
                </div>
                @endforeach

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


<section class="about-section-four">
    <div class="auto-container">
        <div class="row">
            <div class="content-column col-xl-6 col-lg-12 wow fadeInRight" data-wow-delay="600ms">
                <div class="inner-column">
                    <div class="sec-title">
                        <span class="sub-title">Scholarship applications</span>
                        <h2>Lets Plan your Scholarship to Dream University.</h2>
                        <div class="text">Remember to start early, be organized, and persist in pursuing your dream university scholarship. We can help you through it all.</div>
                    </div>
                    <div class="row">
                        <div class="about-block col-lg-6 col-md-6">
                            <div class="inner">
                                <i class="icon flaticon-check-list"></i>
                                <h5 class="title">Legal Immigration <br>Success</h5>
                            </div>
                        </div>
                        <div class="about-block col-lg-6 col-md-6">
                            <div class="inner">
                                <i class="icon flaticon-documents"></i>
                                <h5 class="title">Required Documents <br>Support</h5>
                            </div>
                        </div>
                    </div>
                    <ul class="list-style-three">
                        <li>Identify your dream university and it's scholarship opportunities.</li>
                        <li>Check the eligibility criteria, including academic requirements, etc.</li>
                    </ul>
                    <a href="{{route('application-form')}}" class="theme-btn btn-style-one"><span
                            class="btn-title">Apply now</span></a>
                </div>
            </div>

            <div class="image-column col-xl-6 col-lg-12">
                <div class="inner-column wow fadeInLeft">
                    <figure class="image overlay-anim wow fadeInUp"><img src="{{asset('/front/assets/images/resource/about-6.jpg')}}" alt>
                    </figure>
                    {{-- <div class="experience bounce-y">
                        <div class="inner">
                            <i class="icon flaticon-rating"></i>
                            <div class="text"><strong>{{about()->students}}</strong> happy students</div>
                        </div>
                    </div> --}}
                </div>
            </div>
        </div>
    </div>
</section>


<section class="process-section-two pt-0">
            <div class="anim-icons full-width">
                <span class="icon icon-cards"></span>
                <span class="icon icon-object-1"></span>
            </div>
            <div class="auto-container">
                <div class="sec-title text-center">
                    <span class="sub-title">Our work process</span>
                    <h2>Get your Admission Assistance in<br>4 Simple Steps.</h2>
                </div>
                <div class="row">

                    <div class="process-block-two col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
                        <div class="inner-box">
                            <div class="icon-box">
                                <i class="icon flaticon-interview-1"></i>
                                <span class="count">01</span>
                            </div>
                            <div class="info-box">
                                <h5 class="title">Document Preparation</h5>
                                <div class="text">Gather and prepare all required documents accurately, with Excel Continental's guidance.
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="process-block-two col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp animated" data-wow-delay="400ms" style="visibility: visible; animation-delay: 400ms; animation-name: fadeInUp;">
                        <div class="inner-box">
                            <div class="icon-box">
                                <i class="icon flaticon-form"></i>
                                <span class="count">02</span>
                            </div>
                            <div class="info-box">
                                <h5 class="title">Application Submission</h5>
                                <div class="text">Submit the application and supporting documents on time, ensuring timely consideration by the school.
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="process-block-two col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp animated" data-wow-delay="800ms" style="visibility: visible; animation-delay: 800ms; animation-name: fadeInUp;">
                        <div class="inner-box">
                            <div class="icon-box">
                                <i class="icon flaticon-documents"></i>
                                <span class="count">03</span>
                            </div>
                            <div class="info-box">
                                <h5 class="title">Application Review</h5>
                                <div class="text"> Excel Continental reviews the application to ensure completeness and accuracy, maximizing the chances of admission.
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="process-block-two col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp animated" data-wow-delay="1200ms" style="visibility: visible; animation-delay: 1200ms; animation-name: fadeInUp;">
                        <div class="inner-box">
                            <div class="icon-box">
                                <i class="icon flaticon-visa-3"></i>
                                <span class="count">04</span>
                            </div>
                            <div class="info-box">
                                <h5 class="title">Admission Support</h5>
                                <div class="text">Receive support and guidance throughout the admission process, from application to acceptance.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


<section class="gallery-section-two p-0">
    <div class="carousel-outer">

        <div class="gallery-carousel-two owl-carousel owl-theme wow fadeInUp">
            @foreach (home_universities() as $item)
            <div class="gallery-item-two">
                <div class="image-box">
                    <figure class="image"><a href="{{asset('/storage/image/universityimages/thumbnails/resized_'.$item->featured_image)}}" class="lightbox-image"><img
                                src="{{asset('/storage/image/universityimages/thumbnails/resized_'.$item->featured_image)}}" alt></a> </figure>
                    <div class="caption-box">
                        <h4 class="title"><a href="{{route('university-details',$item->university_slug)}}">{{$item->university_name}}</a></h4>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
    <div class="call-to-action">
        <div class="auto-container">
            <div class="inner-container">
                <h5 class="title">Are you Looking for a Scholarship, Just Call us!</h5>
                <a href="tel:{{blogInfo()->blog_phone}}" class="info-btn"><i class="fa fa-phone"></i> {{blogInfo()->blog_phone}}</a>
            </div>
        </div>
    </div>
</section>


{{-- <section class="team-section">
    <div class="anim-icons">
        <span class="icon icon-object-1"></span>
    </div>
    <div class="auto-container">
        <div class="sec-title text-center">
            <span class="sub-title">Professional people</span>
            <h2>Meet Our Expert Visa <br>Consultants.</h2>
        </div>
        <div class="row">

            <div class="team-block col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp">
                <div class="inner-box">
                    <div class="image-box">
                        <figure class="image"><a href="page-team-details.html"><img
                                    src="{{asset('/front/assets/images/resource/team-1.jpg')}}" alt></a></figure>
                        <span class="share-icon fa fa-share-alt"></span>
                        <div class="social-links">
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="fab fa-facebook"></i></a>
                            <a href="#"><i class="fab fa-pinterest-p"></i></a>
                        </div>
                    </div>
                    <div class="info-box">
                        <h4 class="name"><a href="page-team-details.html">Mike Hardson</a></h4>
                        <span class="designation">Consultant</span>
                    </div>
                </div>
            </div>

            <div class="team-block col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
                <div class="inner-box">
                    <div class="image-box">
                        <figure class="image"><a href="page-team-details.html"><img
                                    src="{{asset('/front/assets/images/resource/team-2.jpg')}}" alt></a></figure>
                        <span class="share-icon fa fa-share-alt"></span>
                        <div class="social-links">
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="fab fa-facebook"></i></a>
                            <a href="#"><i class="fab fa-pinterest-p"></i></a>
                        </div>
                    </div>
                    <div class="info-box">
                        <h4 class="name"><a href="page-team-details.html">Jessica Brown</a></h4>
                        <span class="designation">Consultant</span>
                    </div>
                </div>
            </div>

            <div class="team-block col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="800ms">
                <div class="inner-box">
                    <div class="image-box">
                        <figure class="image"><a href="page-team-details.html"><img
                                    src="{{asset('/front/assets/images/resource/team-3.jpg')}}" alt></a></figure>
                        <span class="share-icon fa fa-share-alt"></span>
                        <div class="social-links">
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="fab fa-facebook"></i></a>
                            <a href="#"><i class="fab fa-pinterest-p"></i></a>
                        </div>
                    </div>
                    <div class="info-box">
                        <h4 class="name"><a href="page-team-details.html">David Cooper</a></h4>
                        <span class="designation">Consultant</span>
                    </div>
                </div>
            </div>

            <div class="team-block col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="1200ms">
                <div class="inner-box">
                    <div class="image-box">
                        <figure class="image"><a href="page-team-details.html"><img
                                    src="{{asset('/front/assets/images/resource/team-4.jpg')}}" alt></a></figure>
                        <span class="share-icon fa fa-share-alt"></span>
                        <div class="social-links">
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="fab fa-facebook"></i></a>
                            <a href="#"><i class="fab fa-pinterest-p"></i></a>
                        </div>
                    </div>
                    <div class="info-box">
                        <h4 class="name"><a href="page-team-details.html">Christine Eve</a></h4>
                        <span class="designation">Consultant</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section> --}}


<section class="why-choose-us-two">
    <div class="bg-layer"></div>
    <div class="auto-container">
        <div class="row">

            <div class="content-column col-lg-6 col-md-12">
                <div class="inner-column wow fadeInRight">
                    <div class="sec-title">
                        <i class="sub-title">Our benefits</i>
                        <h2>Few Reasons to Choose Our Company.</h2>
                        <div class="text">We are the reputable scholarship agency that will be a valuable partner
                            in your scholarship search and application process.
                        </div>
                    </div>
                    <div class="info-box">
                        <div class="inner">
                            <figure class="thumb"><img src="{{asset('/front/assets/images/favicon.png')}}" alt></figure>
                            <h5 class="title">{{blogInfo()->blog_name}}</h5>
                            <span class="sub-title">{{blogInfo()->blog_phone}}</span>
                        </div>
                        <a href="{{route('contact')}}" class="theme-btn btn-style-one"><span
                                class="btn-title">Contact us now</span></a>
                    </div>
                </div>
            </div>

            <div class="features-column col-lg-6 col-md-12 col-sm-12">
                <div class="inner-column wow fadeInLeft">
                    <div class="row">

                        <div class="feature-block-two col-lg-6 co-md-6 col-sm-12">
                            <div class="inner-box">
                                <h5>Expert Guidance</h5>
                                <div class="text">Get personalized advice from experienced counselors.</div>
                                <span class="icon fa fa-users"></span>
                            </div>
                        </div>

                        <div class="feature-block-two col-lg-6 co-md-6 col-sm-12">
                            <div class="inner-box">
                                <h5>Simplified Applications</h5>
                                <div class="text">Easy, hassle-free application process.</div>
                                <span class="icon fa fa-funnel-dollar"></span>
                            </div>
                        </div>

                        <div class="feature-block-two col-lg-6 co-md-6 col-sm-12">
                            <div class="inner-box">
                                <h5>Comprehensive Support</h5>
                                <div class="text">Assistance with documents, visas, and more.</div>
                                
                                <span class="icon fa fa-headset"></span>
                            </div>
                        </div>

                        <div class="feature-block-two col-lg-6 co-md-6 col-sm-12">
                            <div class="inner-box">
                                <h5>Proven Success</h5>
                                <div class="text">Successful placements in top institutions worldwide.</div>
                                <span class="icon fa fa-handshake"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="features-section-two">
<div class="auto-container">
<div class="outer-box">
<span class="icon-plane"></span>
<div class="row">
<div class="title-column col-lg-6">
<div class="inner-column">
<div class="sec-title light">
<span class="sub-title">Services</span>
<h2>Services from <br>Experienced Agents.</h2>
</div>
</div>
</div>
<div class="features-column col-lg-6">
<div class="inner-column">
<figure class="image"><img src="{{asset('/front/assets/images/resource/about1.png')}}" alt=""></figure>
<ul class="features-list">
@foreach (home_footer_services() as $item)
<li><a href="{{route('service-details', $item->service_slug)}}">{{$item->service_name}}</a></li>
@endforeach
</ul>
</div>
</div>
</div>
</div>
</div>
</section>


{{-- <section class="testimonial-section-two">
    <div class="bg-layer"></div>
    <div class="auto-container">
        <div class="sec-title text-center">
            <span class="sub-title">Our testimonials</span>
            <h2>What Our Customers are <br>Talking About us.</h2>
        </div>
        <div class="carousel-outer">
            <div class="testimonial-carousel-two owl-carousel owl-theme">

                <div class="testimonial-block-two">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="{{asset('/front/assets/images/resource/testimonial-4.jpg')}}" alt></figure>
                        </div>
                        <div class="content-box">
                            <div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i
                                    class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>
                            </div>
                            <div class="text">To review means to look back over something for evaluation or
                                memory. It’s always a joy to hear that the work I do has positively impacted our
                                clients.</div>
                            <div class="info-box">
                                <h5 class="name">Aleesha Brown</h5>
                                <span class="designation">Customers</span>
                                <span class="icon icon-quote-2"></span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="testimonial-block-two">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><img src="{{asset('/front/assets/images/resource/testimonial-5.jpg')}}" alt></figure>
                        </div>
                        <div class="content-box">
                            <div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i
                                    class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>
                            </div>
                            <div class="text">To review means to look back over something for evaluation or
                                memory. It’s always a joy to hear that the work I do has positively impacted our
                                clients.</div>
                            <div class="info-box">
                                <h5 class="name">Kevin Martin</h5>
                                <span class="designation">Customers</span>
                                <span class="icon icon-quote-2"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section> --}}


{{-- <section class="clients-section style-two">

    <div class="sponsors-outer">

        <ul class="clients-carousel-two owl-carousel owl-theme">
            @foreach (home_universities() as $item)
            <li class="slide-item"> <img src="{{asset('/storage/image/universityimages/thumbnails/resized_'.$item->featured_image)}}" alt> </li>
            @endforeach
        </ul>
    </div>
</section> --}}


<section class="news-section-two">
    <div class="anim-icons">
        <span class="icon icon-object-1"></span>
        <span class="icon icon-shape-4"></span>
    </div>
    <div class="auto-container">
        <div class="sec-title text-center">
            <span class="sub-title">recent news feed</span>
            <h2>Latest News & Articles <br>From the Blog.</h2>
        </div>
        <div class="row">
            @foreach (latest_home_3posts() as $item)
            <div class="news-block-two col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                <div class="inner-box">
                    <div class="image-box">
                        <figure class="image"><a href="{{route('read_post',$item->post_slug)}}"><img src="{{asset('/storage/image/postimages/thumbnails/resized_'.$item->featured_image)}}"
                                    alt></a></figure>
                        <span class="date"><b>{{day_formatter($item->created_at)}}</b> {{month_formatter($item->created_at)}}</span>
                    </div>
                    <div class="content-box">
                        <ul class="post-info">
                            <li><i class="fa fa-eye"></i> {{readDuration($item->post_title,$item->post_content)}} @choice('min|mins',readDuration($item->post_title,$item->post_content)) read</li>
                        </ul>
                        <h4 class="title"><a href="{{route('read_post',$item->post_slug)}}">{{$item->post_title}}</a></h4>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>


<section class="faqs-section style-two">
    <div class="auto-container">
        <div class="row">

            <div class="faq-column col-lg-6 col-md-12 col-sm-12 order-2">
                <div class="inner-column">
                    @livewire('four-faqs')
                </div>
            </div>

            <div class="form-column col-lg-6 col-md-12 col-sm-12">
                <div class="form-bg" style="background-image: url({{asset('/front/assets/images/background/3.jpg')}})"></div>
                <div class="inner-column">
                    <div class="sec-title light">
                        <span class="sub-title">Contact us</span>
                        <h2>Send Message.</h2>
                    </div>

                    <div class="contact-form wow fadeInLeft">

                        @livewire('contact-form')

                    </div>

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


    
@endsection