Edit File - File Manager

Edit File: 9fbb1bad202546f7046bc3dc029de51ce66e554d.php

}
    .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')); ?>" style="max-width: 330px;" 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">
                    <a href="<?php echo e($sponser->url); ?>">
                        <img class="w-100 hover-scale" src="<?php echo e($sponser->imagePath); ?>" alt="">
                    </a>
                    </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>

</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=" ad-head pt-2 pb-2">
                                <span><?php echo e($index); ?></span>

<img class="mb-2" style="width: 40px;" src="<?php echo e($advantage->iconPath); ?>" alt="">
                            </div>

<div>

<h6> <?php echo e($advantage->title); ?></h6>
                                <p class="font12 color-gray"><?php echo e($advantage['desc_'.app()->getLocale()]); ?></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 ">
                                    <img src="<?php echo e(URL::to('site/imgs/bg/rectTranspatent.png')); ?>" class="bg-img w-100" alt="">
                                    <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 ">
                                        <img src="<?php echo e(URL::to('site/imgs/bg/rectTranspatent.png')); ?>" class="bg-img w-100" alt="">
                                        <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">
                                        <img src="<?php echo e(URL::to('site/imgs/bg/rectTranspatent.png')); ?>" class="bg-img w-100" alt="">
                                        <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">
                                        <img src="<?php echo e(URL::to('site/imgs/bg/rectTranspatent.png')); ?>" class="bg-img w-100" alt="">
                                        <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(); ?>

</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('site/imgs/icons/car-phone.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'
        });
      }

<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/wwineerc/public_html/resources/views/site/index.blade.php ENDPATH**/ ?>

Back to File Manager