



<section class="banner-wraper mt-0 mt-md-5">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-6 order-2 order-md-1">
                <div class="banner-content drop-area">
                    <h5 class="d-flex"><img class="builder-editable" builder-identity="1" src="<?php echo e(asset('assets/page-builder/block-image/roket.svg')); ?>" alt="..."> <span class="builder-editable" builder-identity="2"><?php echo e(get_phrase('The Leader in online learning')); ?></span></h5>
                    <h1>
                        <span class="builder-editable" builder-identity="3"><?php echo e(get_phrase('Start learning from the world\'s pro')); ?></span>
                        <span class="gradient color shadow-none builder-editable" builder-identity="4"><?php echo e(get_phrase('instructors')); ?></span>
                    </h1>
                    <p class="builder-editable" builder-identity="5"><?php echo e(get_phrase('It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum.')); ?></p>
                    <div class="banner-btn drop-area">
                        <a href="<?php echo e(route('courses')); ?>" class="eBtn gradient builder-editable" builder-identity="6"><?php echo e(get_phrase('Get Started')); ?></a>
                        <a data-bs-toggle="modal" data-bs-target="#promoVideo" href="#" class="eBtn learn-btn"><i class="fa-solid fa-play"></i><?php echo e(get_phrase('Learn More')); ?></a>
                    </div>
                </div>
            </div>
            <div class="col-sm-8 col-md-6 order-1 order-md-2">
                <div class="banner-image mt-0 mt-md-5">
                    <img class="large-img" src="<?php echo e(asset(get_frontend_settings('banner_image'))); ?>" alt="banner-image">
                </div>
            </div>
        </div>
    </div>
</section>



<!-- Vertically centered modal -->
<div class="modal fade-in-effect" id="promoVideo" tabindex="-1" aria-labelledby="promoVideoLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-xl">
        <div class="modal-content">
            <div class="modal-body bg-dark">
            </div>
        </div>
    </div>
</div>

<script>
    (function() {
        var xhr = new XMLHttpRequest();
        var url = "<?php echo e(route('view', ['path' => 'components.home_ajax_loaded_templates.promo_video'])); ?>";

        xhr.open("GET", url, true);
        xhr.onload = function() {
            if (xhr.status >= 200 && xhr.status < 400) {
                $('#promoVideo .modal-body').html(xhr.responseText);
            }
        };

        xhr.send();
    })();

    function scrollToSmoothly(pos, time) {
        if (isNaN(pos)) {
            throw "Position must be a number";
        }
        if (pos < 0) {
            throw "Position can not be negative";
        }
        var currentPos = window.scrollY || window.screenTop;
        if (currentPos < pos) {
            var t = 10;
            for (let i = currentPos; i <= pos; i  = 10) {
                t  = 10;
                setTimeout(function() {
                    window.scrollTo(0, i);
                }, t / 2);
            }
        } else {
            time = time || 2;
            var i = currentPos;
            var x;
            x = setInterval(function() {
                window.scrollTo(0, i);
                i -= 10;
                if (i <= pos) {
                    clearInterval(x);
                }
            }, time);
        }
    }
</script><?php /**PATH C:\MAMP\htdocs\1.10Academy-larvel-fresh-install-git\update1.9To1.10\Academy-LMS\resources\views/components/home_made_by_builder/hero_banner.blade.php ENDPATH**/ ?>