Edit File - File Manager

Edit File: 53812aa921fb5d587d9d11d61a52a789e5659682.php

.down-footer .right-spe {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 13px;
    }

.links-spe {
        display: flex;
        gap: 6px;
        align-items: center;
    }

.links-spe a {
        text-decoration: none;
        transition: all 0.4s ease-in-out;
        color: inherit;

}

.links-spe a:hover {
        color: #23a2c8;
    }

.footer-new-img {
        width: 70px;
    }

@media  screen and (max-width : 700px) {
        .down-footer {
            justify-content: center;
        }
    }
</style>

<?php $__env->startSection('title'); ?>
<?php echo e($settings['site_name']); ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('style'); ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
<div class="container">
    <div class="row  site-header justify-content-center align-items-center">
        <div class="col-md  p-4">
            <h1 class="bold">
                <?php echo e($settings['site_title_'.app()->getLocale()]); ?>

</h1>
            <br>
            <p class="font14 color-gray"><?php echo $settings['site_desc_'.app()->getLocale()]; ?>

</p>

<div class="row ">
                <a href="<?php echo e($settings['ios_link']); ?>" class="m-2 "><img class="link-img " style="max-width: 180px;" src="<?php echo e(URL::to('site/icons/appleStore.svg')); ?>" alt=""></a>
                <a href="<?php echo e($settings['android_link']); ?>" class="m-2"><img class="link-img" style="max-width: 180px;" src="<?php echo e(URL::to('site/icons/playStore.svg')); ?>" alt=""></a>
            </div>
        </div>
        <div class="col-md b-header p-5 text-center">
            <img src="<?php echo e(asset('assets/uploads/settings/site_header_image.png')); ?>" class="img-fluid" style="max-width: 85%; max-height: 85% ;width: auto ; height: auto;object-fit: contain;box-shadow: -6px 6px 17px #0000005c;
    border-radius: 1vw;" alt="">
        </div>
    </div>
</div>

<div class="p-3  w-100" style="background: #fff;">
    <div class="container w-md-85 m-auto">
        <div class="row justify-content-center text-center">
            <?php $__currentLoopData = $sponsers; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $sponser): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="col-sm-5 col-md m-1 p-2 wow animate__animated animate__backInDown" data-wow-delay=".<?php echo e($sponser->id); ?>s">
                
                <img class="w-100 hover-scale" src="<?php echo e($sponser->imagePath); ?>" alt="">
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</div>

</h3>
        </div>
    </div>
    <div class="text-center pt-3 pb-3">
        <p class="mb-0">
            <?php echo $settings['site_about_'.app()->getLocale()]; ?>

</p>
    </div>
</div>

<div class="title-cont">
        <h3><?php echo e(trans('site.advantage',['name' => $settings['site_name']])); ?></h3>
        <p class=" color-gray">
            <?php echo e(trans('site.advantages_desc',['name' => $settings['site_name']])); ?>

</p>
    </div>

<div class="container w-md-85 m-auto m-auto ">
        <div class="row ">
            <?php
            $index = 1;
            ?>
            <?php $__currentLoopData = $advantages; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $advantage): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="col-sm-6 advantages-card col-md  p-2 wow animate__animated animate__backInUp">
                <div class="text-align  p-3 round5 shadow1" style="background: #fff;">
                    
                    
                    
                    
                    
                    
                    <div class="d-flex justify-content-between">
                        <h6 class="mb-0"> <?php echo e($index); ?> - <?php echo e($advantage->title); ?></h6>
                        <img class="mr-2" style="width: 40px;" src="<?php echo e($advantage->icon_path); ?>" alt="">
                    </div>
                    <div>
                        <p class="font12 color-gray"><?php echo e($advantage->desc); ?></p>
                    </div>

</div>
            </div>
            <?php
            $index++;
            ?>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

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

<?php
    $count = 1;
    ?>
    <?php $__currentLoopData = $steps; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $step): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <?php if($count % 2 != 0): ?>

<?php if($loop->last): ?>

<div class=" pl-4 pr-4 pb-0 pt-0">
        <div class="row">
            <div class="col-md order-2 order-md-1 img-parent ">
                <div class="bg-img w-50" style="background: linear-gradient(45deg, black, transparent);
    overflow: hidden;
    aspect-ratio: 1.4 / 1;
    border-radius: 66px;display:block;width:100%;overflow: hidden;" alt=""></div>
                <img src="<?php echo e($step->image_path); ?>" class="w-50 bg-img2" alt="">
            </div>
            <div class="col-md d-flex order-1 order-md-2  align-items-center p-3 p-md-5 ">
                <div>
                    <p class="p2"><?php echo e(trans("site.order_steps")); ?></p>
                    <h2><?php echo e($step['title_'.app()->getLocale()]); ?></h2>
                    <p class="mt-3"><?php echo e($step['desc_'.app()->getLocale()]); ?></p>
                </div>
            </div>
        </div>
    </div>
    <?php else: ?>
    
    <div class=" pl-4 pr-4 pb-0 pt-0">
        <div class="row">
            <div class="col-md order-2 order-md-1 img-parent ">
                <div class="bg-img w-50" style="background: linear-gradient(45deg, black, transparent);
    overflow: hidden;
    aspect-ratio: 1.4 / 1;
    border-radius: 66px;display:block;width:100%;overflow: hidden;" alt=""></div>
                <img src="<?php echo e($step->image_path); ?>" class="w-50 bg-img2" alt="">
            </div>
            <div class="col-md d-flex order-1 order-md-2  align-items-center p-3 p-md-5 ">
                <div>
                    <p class="p2"><?php echo e(trans("site.order_steps")); ?></p>
                    <h2><?php echo e($step['title_'.app()->getLocale()]); ?></h2>
                    <p class="mt-3"><?php echo e($step['desc_'.app()->getLocale()]); ?></p>
                </div>
            </div>
        </div>
    </div>
    <div class="line-home d-none d-md-flex w-100">
        <img src="<?php echo e(URL::to('site/imgs/icons/line1.png')); ?>" alt="">
    </div>
    <?php endif; ?>
    <?php else: ?>
    <?php if($loop->last): ?>
    
    <div class=" pl-4 pr-4 pb-0 pt-0">
        <div class="row">
            <div class="col-md d-flex order-1 order-md-1 align-items-center p-3 p-md-5 ">
                <div>
                    <p class="p2"><?php echo e(trans("site.order_steps")); ?></p>
                    <h2><?php echo e($step['title_'.app()->getLocale()]); ?></h2>
                    <p class="mt-3"><?php echo e($step['desc_'.app()->getLocale()]); ?></p>
                </div>
            </div>
            <div class="col-md img-parent  order-2 order-md-1">
                <div class="bg-img w-50" style="background: linear-gradient(45deg, black, transparent);
    overflow: hidden;
    aspect-ratio: 1.4 / 1;
    border-radius: 66px;display:block;width:100%;overflow: hidden;" alt=""></div>
                <img src="<?php echo e($step->image_path); ?>" class="w-50 bg-img2" alt="">
            </div>
        </div>
    </div>
    <?php else: ?>
    
    <div class=" pl-4 pr-4 pb-0 pt-0">
        <div class="row">
            <div class="col-md d-flex order-1 order-md-1 align-items-center p-3 p-md-5 ">
                <div>
                    <p class="p2"><?php echo e(trans("site.order_steps")); ?></p>
                    <h2><?php echo e($step['title_'.app()->getLocale()]); ?></h2>
                    <p class="mt-3"><?php echo e($step['desc_'.app()->getLocale()]); ?></p>
                </div>
            </div>
            <div class="col-md img-parent  order-2 order-md-1">
                <div class="bg-img w-50" style="background: linear-gradient(45deg, black, transparent);
    overflow: hidden;
    aspect-ratio: 1.4 / 1;
    border-radius: 66px;display:block;width:100%;overflow: hidden;" alt=""></div>
                <img src="<?php echo e($step->image_path); ?>" class="w-50 bg-img2" alt="">
            </div>
        </div>
    </div>

<div class="line-home d-none d-md-flex w-100">
        <img src="<?php echo e(URL::to('site/imgs/icons/line2.png')); ?>" alt="">
    </div>
    <?php endif; ?>
    <?php endif; ?>
    <?php
    $count++;
    ?>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

<div class="p-3 mt-3">
        <div class="container  w-md-75 join-us-cont p-3">
            <canvas class="d-none top-corner d-md-block " id="bgCanvas"></canvas>
            <div class="row align-items-end content-ma">
                <div class="col-md p-3 p-md-4 getHeight ">
                    <h2 class=""><?php echo e(trans('site.join_as_delegate')); ?></h2>
                    <p class="mt-4 mb-4">
                        <?php echo e($settings['join_delegate_'.app()->getLocale()]); ?>

</p>
                    <a href="<?php echo e(route('delegate_join_request.login')); ?>" class="button2 font12">
                        <?php echo e(trans('site.show_more')); ?>

<i class="fa ml-2 mr-2 fa-arrow-left dir-icon"></i>
                    </a>
                </div>
                <div class="col-md p-2 d-flex justify-content-center ">
                    <img src="<?php echo e(URL::to('site/imgs/icons/car-phone.png')); ?>" style="max-width: 350px;" alt="">
                </div>
            </div>
        </div>
    </div>

</p>
                    <a href="<?php echo e(route('stores_dashboard.get_register')); ?>" class="button2 font12">
                        <?php echo e(trans('site.show_more')); ?>

<i class="fa ml-2 mr-2 fa-arrow-left dir-icon"></i>
                    </a>
                </div>
                <div class="col-md p-2 d-flex justify-content-center ">
                    <img src="<?php echo e(URL::to('assets/uploads/settings/logo.png')); ?>" style="max-width: 200px;margin-right: 195px;" alt="">
                </div>
            </div>
        </div>
    </div>

<div class="home-phone-slider text-center pt-5" style="height: 100vh">

<div class="title-cont">
            <h3><?php echo e(trans('site.app_pages')); ?></h3>
            <p class=" color-gray"> <?php echo e($settings['app_pages_desc_'.app()->getLocale()]); ?> </p>
        </div>
        
        <div class="swiper mySwiper">
            <div class="device-cont">
                <img src="<?php echo e(URL::to('site/imgs/icons/device.png')); ?>" alt="">
            </div>
            <div style="cursor:grab;" class="swiper-wrapper">
                <?php $__currentLoopData = $pages; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $page): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="swiper-slide ">
                    
                    <img src="<?php echo e($page->image_path); ?>" alt="">
                </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

</div>

</div>
    </div>

<div id="statistics" class="p-3  pt-5 statistics">
        <div class="title-cont text-center">
            <h3></h3>
            <p class=" color-gray"> <?php echo e($settings['app_statistics_desc_'.app()->getLocale()]); ?></p>
        </div>

</div>
<div class="endfooter">

<div class="container ">
        <div class="row align-items-center">
            <div class="col-8 d-none d-md-block ">
                <div class="row">
                    <div class="col-2 text-center">
                        <a href="<?php echo e(route('site.index')); ?>"><img src="<?php echo e(URL::to('assets/uploads/settings/'.$settings['logo'])); ?>" style="width: 36px;" alt=""></a>
                    </div>
                    <div class="col  d-inline-flex align-items-center justify-content-center">
                        <div class="">
                            <a class="nav-button" href="<?php echo e(route('site.index')); ?>"><?php echo e(trans('site.Home')); ?></a>
                            <a onclick="scrollFunction4()" class="nav-button" href="#"><?php echo e(trans('site.who_are_we')); ?></a>
                            <a onclick="scrollFunction1()" class="nav-button" href="#"><?php echo e(trans('site.advantages')); ?></a>
                            <a onclick="scrollFunction2()" class="nav-button" href="#"><?php echo e(trans('site.order_steps')); ?></a>
                            <a onclick="scrollFunction3()" class="nav-button" href="#"> <?php echo e(trans('site.contact_us')); ?></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col text-center">
                <?php $__currentLoopData = $socials; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $social): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                
                <a href="<?php echo e($social->link); ?>" class="footer-link"><img src="<?php echo e($social->image_path); ?>" alt=""></a>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>
        <div class="down-footer">
            <div class="right-spe">
                <a href="https://aait.sa/" target="_blank"><img src="public/Images/awamer-logo.png" alt="footer-logo" class="footer-new-img" /></a>
                <div class="links-spe">
                    <a href="https://aait.sa/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9" target="_blank">تصميم مواقع</a> /
                    <a href="https://aait.sa/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D8%AA%D8%B7%D8%A8%D9%8A%D9%82%D8%A7%D8%AA-%D8%A7%D9%84%D8%AC%D9%88%D8%A7%D9%84" target="_blank">تصميم تطبيقات</a> /
                    <a href="https://aait.sa/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D8%AA%D8%AC%D8%B1-%D8%A7%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A" target="_blank">تصميم متاجر</a>
                </div>
            </div>

</div>
    </div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('scripts'); ?>

function scrollFunction2() {
        let e = document.getElementById("steps");
        e.scrollIntoView({
            block: 'start',
            behavior: 'smooth',
            inline: 'start'
        });
    }

function scrollFunction3() {
        let e = document.getElementById("statistics");
        e.scrollIntoView({
            block: 'center',
            behavior: 'smooth',
            inline: 'start'
        });
    }

function scrollFunction4() {
        let e = document.getElementById("aboutUs");
        e.scrollIntoView({
            block: 'center',
            behavior: 'smooth',
            inline: 'start'
        });
    }
</script>

<script>
    var swiper = new Swiper(".mySwiper", {
        slidesPerView: 5,
        spaceBetween: 30,
        loop: true,
        centeredSlides: true,
        autoplay: {
            delay: 2000,
        },
        breakpoints: {
            300: {
                slidesPerView: 1,
                spaceBetween: 20
            },
            810: {
                slidesPerView: 4,
                spaceBetween: 20
            },
            1200: {
                slidesPerView: 5,
                spaceBetween: 30
            }
        },

});
</script>

// class BackgroundElement{
    //     constructor(ctx ){
    //         this.x = Math.floor(Math.random() * (canvas.width - 51)) + 1;
    //         this.y = Math.floor(Math.random() * (canvas.height - 51)) + 1;
    //         this.ctx = ctx;
    //         this.xAdder = .7 * adderSign[Math.floor((Math.random() + .5) * 1)];
    //         this.yAdder = .7 * adderSign[Math.floor((Math.random() + .5) * 1)];
    //     }

//     draw(){

//         this.ctx.beginPath();
    //         this.ctx.fillStyle = "#ffffff11";
    //         this.ctx.arc(this.x ,this.y ,80 ,0 ,Math.PI * 2);
    //         this.ctx.fill();
    //         this.ctx.closePath();
    //         this.ctx.beginPath();
    //         this.ctx.fillStyle = '#FFB72B';
    //         this.ctx.arc(canvas.width - 25 , 0 ,50 ,0 ,Math.PI * 2);
    //         this.ctx.fill();
    //         this.ctx.closePath();
    //     }

//     update(){
    //         if(this.x < -50 || this.x > canvas.width + 50){
    //             this.xAdder *= -1;
    //         }

//         if(this.y < -50 || this.y > canvas.height + 50){
    //             this.yAdder *= -1;
    //         }

//         this.x += this.xAdder;
    //         this.y += this.yAdder;
    //         this.draw();
    //     }
    // }

// const adderSign = [1 ,-1];
    // ////////
    // const canvas = document.querySelector('#bgCanvas');

// let cWidth = 0 ,cHeight = 0;
    // ctx = canvas.getContext('2d');

// function setOffsets(){
    //     cWidth = $('.join-us-cont').width() + 30;
    //     cHeight = $('.getHeight').height() + 50;
    //     canvas.width = cWidth ;
    //     canvas.height = cHeight;
    // }
    // setOffsets();

// window.onresize = setOffsets;

const canvass = document.querySelectorAll('#bgCanvas');
    canvass.forEach((el) => {
        let cWidth = 0,
            cHeight = 0;
        ctx = el.getContext('2d');
        class BackgroundElement {
            constructor(ctx) {
                this.x = Math.floor(Math.random() * (el.width - 51)) + 1;
                this.y = Math.floor(Math.random() * (el.height - 51)) + 1;
                this.ctx = ctx;
                this.xAdder = .7 * adderSign[Math.floor((Math.random() + .5) * 1)];
                this.yAdder = .7 * adderSign[Math.floor((Math.random() + .5) * 1)];
            }

draw() {

this.ctx.beginPath();
                this.ctx.fillStyle = "#ffffff11";
                this.ctx.arc(this.x, this.y, 80, 0, Math.PI * 2);
                this.ctx.fill();
                this.ctx.closePath();
                this.ctx.beginPath();
                this.ctx.fillStyle = '#FFB72B';
                this.ctx.arc(canvas.width - 25, 0, 50, 0, Math.PI * 2);
                this.ctx.fill();
                this.ctx.closePath();
            }

update() {
                if (this.x < -50 || this.x > el.width + 50) {
                    this.xAdder *= -1;
                }

if (this.y < -50 || this.y > el.height + 50) {
                    this.yAdder *= -1;
                }

this.x += this.xAdder;
                this.y += this.yAdder;
                this.draw();
            }
        }

const adderSign = [1, -1];

function setOffsets() {
            cWidth = $('.join-us-cont').width() + 30;
            cHeight = $('.getHeight').height() + 50;
            el.width = cWidth;
            el.height = cHeight;
        }
        setOffsets();
        window.onresize = setOffsets;

})

let bgImgs = [];

for (let i = 0; i < 8; i++) {
        bgImgs.push(new BackgroundElement(ctx));
    }

//// loop on the images and run the update function
    function bgAnimate() {
        requestAnimationFrame(bgAnimate);
        ctx.clearRect(0, 0, window.innerWidth, window.innerHeight);
        if (bgImgs.length > 0) {
            for (let i = 0; i < bgImgs.length; i++) {
                bgImgs[i].update();
            }
        }
    }
    bgAnimate();
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.site_layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/portator/public_html/resources/views/site/index.blade.php ENDPATH**/ ?>

Back to File Manager