<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="keyword" content="">
    <meta name="author" content="Wafaa Hegazy">
    <!--Page Name-->
    <title>Spne | Home</title>
    <!--Page Icon-->
    <link rel="shortcut icon" href="<?php echo e(url('')); ?>/assets/web/images/logo.svg" type="image/x-icon"/>
    <!--Bootstrap with RTL-->
    <?php if(getCurrentLocale() == 'ar'): ?>
    <link rel="stylesheet" href="<?php echo e(url('')); ?>/assets/web/css/lib/bootstrap-rtl.min.css">
    <!--Bootstrap with LTR-->
    <?php else: ?>
     <link rel="stylesheet" href="<?php echo e(url('')); ?>/assets/web/css/lib/bootstrap-ltr.min.css"> 
     <?php endif; ?>
    <!--Css Files & Libraries-->
    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="<?php echo e(url('')); ?>/assets/web/css/lib/all.min.css">
    <link rel="stylesheet" href="<?php echo e(url('')); ?>/assets/web/css//lib/animate.css">
    <link rel="stylesheet" href="<?php echo e(url('')); ?>/assets/web/css/style.css">
    <link rel="stylesheet" href="<?php echo e(url('')); ?>/assets/web/css/media.css">
    <!--With LTR -->
    <?php if(getCurrentLocale() == 'en'): ?>
     <link rel="stylesheet" href="<?php echo e(url('')); ?>/assets/web/css/style-en.css"> 
    <?php endif; ?>
</head>
<body>
    <!--Start header-->
    <header data-scroll-index="0">
        <!--Start navs-container -->
        <div class="navs-container">
            <!--Start main-nav-->
            <nav class="navbar navbar-expand-lg navbar-fixed-top">
                <div class="container">
                    <a class="navbar-brand" href="#">
                        <img src="<?php echo e(url('')); ?>/assets/web/images/logo.svg" alt="" class="logo"/>
                    </a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    
                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav m-auto">
                            <li class="nav-item ">
                                <a class="nav-link" href="#" data-scroll-nav="0"><?php echo e(__('web.home')); ?></a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#" data-scroll-nav="1"><?php echo e(__('web.aboutus')); ?></a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#" data-scroll-nav="2"><?php echo e(__('web.services')); ?></a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#" data-scroll-nav="3"><?php echo e(__('web.questions')); ?></a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#" data-scroll-nav="4"> <?php echo e(__('web.contactus')); ?> </a>
                            </li>
                        </ul>
                        <?php if(getCurrentLocale() == 'en'): ?>
                        <a href="<?php echo e(LaravelLocalization::getLocalizedUrl('ar')); ?>" class="main-butn">عربية</a>
                        <?php else: ?>
                        <a href="<?php echo e(LaravelLocalization::getLocalizedUrl('en')); ?>" class="main-butn">English</a>
                        <?php endif; ?>
                        <div class="themeToggler">
                            <label id="switch" class="switch">
                                <input type="checkbox" onchange="toggleTheme()" id="slider">
                                <span class="slider round"></span>
                            </label>
                        </div>
                    </div>
                </div>
            </nav>
        </div>
        <div class="container">
            <div class="header-content">
                <div class="row">
                    <div class="col-lg-6">
                        <img src="<?php echo e(asset($intro->image)); ?>" alt="" class="header-img wow heartBeat" data-wow-duration="2s"/>
                    </div>
                    <div class="col-lg-6">
                        <div class="text-box wow text-focus-in">
                            <h4 class="subtitle mb-3"><?php echo e(__('web.best')); ?></h4>
                            <h1 class="title mb-4"><?php echo e(__('web.illness')); ?></h1>
                            <p class="p">
                                <?php echo aboutdescription($intro->id); ?>

                            </p>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <img src="<?php echo e(url('')); ?>/assets/web/images/header-bg.png" alt="" class="bg"/>
    </header>
    <main>
        <!-- Start about-sec -->
        <section class="about-sec" data-scroll-index="1">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="text-box center-vr  wow text-focus-in">
                            <h3 class="sec-title"><?php echo e(__('web.aboutus')); ?></h3>
                            <h1 class="title mb-3">
                                <?php echo e(__('web.help')); ?> <b><?php echo e(__('web.owner')); ?></b> <span><?php echo e(__('web.ill')); ?></span>
                            </h1>
                            <p class="p">
                                <?php echo aboutdescription($about->id); ?>

                                 </p>
                            <div class="download-btns mt-5">
                                <a href="<?php echo e(settings('android')); ?>"><img src="<?php echo e(url('')); ?>/assets/web/images/play-store.svg" alt="" class="store-img"/></a>
                                <a href="<?php echo e(settings('apple')); ?>"><img src="<?php echo e(url('')); ?>/assets/web/images/apple-store.svg" alt="" class="store-img"/></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <img src="<?php echo e(asset($about->image)); ?>" alt="" class="main-img wow fadeInUp" data-wow-duration="2s"/>
                    </div>
                </div>
            </div>
            <img src="<?php echo e(url('')); ?>/assets/web/images/pattern-1.png" alt="" class="pattern wow fadeInLeft" data-wow-duration="2s"/>
        </section>
        <!-- Start services-sec -->
        <section class="services-sec" data-scroll-index="2">
            <div class="inner">
                <div class="container">
                    <div class="text-heading text-center wow text-focus-in" >
                        <div class="col-md-7 m-auto">
                            <h2 class="sec-title m-auto"><?php echo e(__('web.services')); ?></h2>
                            <p class="p"><?php echo aboutdescription($service->id); ?> </p>
                        </div>
                    </div>
                    <div class="row mt-5">
                        <div class="col-lg-4">
                            <div class="content">
                            <?php $__currentLoopData = $left; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <div class="item wow fadeInLeft" data-wow-duration="2s"  <?php if($key != '0'): ?> data-wow-delay="<?php echo e($time * $key); ?>s" <?php endif; ?>>
                                    <div class="icon"><img src="<?php echo e(asset($row->image)); ?>" alt=""/></div>
                                    <div class="text-box">
                                        <h6 class="title"><?php echo e(servicename($row->id)); ?></h6>
                                        <p class="p">
                                          <?php echo e(servicedescription($row->id)); ?> 
                                        </p>
                                    </div>
                                </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <img src="<?php echo e(url('')); ?>/assets/web/images/services-img-1.png" alt="" class="main-img wow fadeInUp"/>
                        </div>
                        <div class="col-lg-4">
                            <div class="content">
                                <?php $__currentLoopData = $right; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <div class="item wow fadeInRight" data-wow-duration="2s" <?php if($key != '0'): ?> data-wow-delay="<?php echo e($time * $key); ?>s" <?php endif; ?>>
                                    <div class="icon"><img src="<?php echo e(asset($row->image)); ?>" alt=""/></div>
                                    <div class="text-box">
                                        <h6 class="title"><?php echo e(servicename($row->id)); ?></h6>
                                        <p class="p">
                                            <?php echo e(servicedescription($row->id)); ?> 
                                        </p>
                                    </div>
                                </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Start faq-sec -->
        <section class="faq-sec"  data-scroll-index="3">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="text-box center-vr wow text-focus-in">
                            <h1 class="title mb-3"><?php echo e(__('web.any_question')); ?></h1>
                            <p class="p"><?php echo aboutdescription($question->id); ?> </p>
                            <div class="accordion mt-4" id="accordionExample">
                                <?php $__currentLoopData = $questions; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <div class="card">
                                    <div class="card-header" id="headingOne<?php echo e($row->id); ?>">
                                        <h2 class="mb-0">
                                            <button class="btn btn-block text-left" type="button" data-toggle="collapse" data-target="#collapseOne<?php echo e($row->id); ?>" aria-expanded="true" aria-controls="collapseOne<?php echo e($row->id); ?>">
                                                <?php echo e(question($row->id)); ?>

                                            </button>
                                        </h2>
                                    </div>
                                    <div id="collapseOne<?php echo e($row->id); ?>" class="collapse <?php if($key == '0'): ?> show <?php endif; ?>" aria-labelledby="headingOne<?php echo e($row->id); ?>" data-parent="#accordionExample">
                                        <div class="card-body">
                                            <p class="p">
                                                <?php echo e(answer($row->id)); ?>

                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <img src="<?php echo e(url('')); ?>/assets/web/images/faq-img-1.svg" alt="" class="main-img wow fadeInUp" data-wow-duration="2s"/>
                    </div>
                </div>
            </div>
        </section>
        <!-- Start contact-sec -->
        <section class="contact-sec" data-scroll-index="4">
            <div class="inner">
                <div class="container">
                    <div class="text-heading text-center  wow text-focus-in" >
                        <div class="col-md-7 m-auto">
                            <h2 class="sec-title m-auto"><?php echo e(__('web.contactus')); ?></h2>
                            <p class="p"><?php echo aboutdescription($contact->id); ?> </p>
                        </div>
                    </div>
                    <div class="row mt-5">
                        <div class="col-lg-5">
                            <img src="<?php echo e(url('')); ?>/assets/web/images/contact-img-1.svg" alt="" class="main-img wow fadeInUp" data-wow-duration="2s"/>
                        </div>
                        <div class="col-lg-7">
                            <div class="form-container wow fadeIn" data-wow-duration="2s">
                                <form action="<?php echo e(url(getCurrentLocale().'/contacting')); ?>">
                                    <?php echo csrf_field(); ?>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input class="form-control" name="name" placeholder="<?php echo e(__('web.name')); ?>"/>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input class="form-control" name="email" placeholder="<?php echo e(__('web.email')); ?>"/>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <textarea class="form-control" name="message" rows="10" placeholder="<?php echo e(__('web.message')); ?>"></textarea>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <button class="submit-btn mt-3"><?php echo e(__('web.send')); ?></button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="row mt-5 pt-4">
                        <div class="col-lg-4">
                            <div class="contact_item">
                                <span class="icon wow zoomIn" data-wow-duration="2s"><i class="fas fa-phone-alt"></i></span>
                                <div class="text-box wow text-focus-in">
                                    <h6 class="title"><?php echo e(__('web.phone')); ?></h6>
                                    <p class="data"><?php echo e(settings('phone')); ?></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="contact_item">
                                <span class="icon wow zoomIn" data-wow-duration="2s"><i class="fas fa-envelope"></i></span>
                                <div class="text-box wow text-focus-in">
                                    <h6 class="title"><?php echo e(__('web.email')); ?></h6>
                                    <p class="data"><?php echo e(settings('email')); ?></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="contact_item">
                                <span class="icon wow zoomIn" data-wow-duration="2s"><i class="fab fa-telegram-plane"></i></span>
                                <div class="text-box wow text-focus-in">
                                    <h6 class="title"><?php echo e(__('web.address')); ?></h6>
                                    <p class="data"><?php echo e(settings('address')); ?></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Buttons of modal -->
        <!--<div class="moda-butns">-->
        <!--    <a href="#" type="button" data-toggle="modal" data-target="#confirmationModal"> نجاح </a>-->
        <!--    <a href="#"  type="button" data-toggle="modal" data-target="#canceledModal">  خطأ </a>-->
        <!--</div>-->
        <!-- Confirmation Modal-->
        <div class="modal state-modal fade" id="confirmationModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-body">
                        <div class="text-box">
                            <img src="<?php echo e(url('')); ?>/assets/web/images/confirmed.svg" alt="" class="icon mb-0"/>
                            <h3 class="title mb-4">تمت العمليه بنجاح </h3>
                            <p class="p">شكرا لك لاختيارك <b>تطبيق SPNE</b> </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Canceled Modal-->
        <div class="modal state-modal fade" id="canceledModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-body">
                        <div class="text-box">
                            <img src="<?php echo e(url('')); ?>/assets/web/images/cancel.svg" alt="" class="icon mb-0"/>
                            <h3 class="title mb-4">بالرجاء قم بالمحاوله مره اخرى </h3>
                            <p class="p">شكرا لك لاختيارك <b>تطبيق SPNE</b> </p>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <!-- Start footer -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="social-links">
                        <a href="<?php echo e(settings('facebook')); ?>"><?php echo e(__('web.facebook')); ?></a>
                        <a href="<?php echo e(settings('twitter')); ?>"><?php echo e(__('web.twitter')); ?></a>
                        <a href="<?php echo e(settings('instagram')); ?>"><?php echo e(__('web.instagram')); ?></a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <img src="<?php echo e(url('')); ?>/assets/web/images/logo-footer.svg" alt="" class="logo"/>
                </div>
                <div class="col-lg-4">
                     <p class="p"><?php echo e(__('web.copyrights')); ?> <?php echo e(__('web.prog')); ?> <a target="_blank" href="https://alyomhost.com/"><?php echo e(__('web.alyom')); ?></a></p>
                </div>
            </div>
        </div>
    </footer>
    <!--Scroll to top button-->
    <a data-scroll href="#" class="scroll-top-btn" id="scroll-btn"><img src="<?php echo e(url('')); ?>/assets/web/images/icons/top-arrow.png" alt=""></a>
    <!--Js Files & Libraries-->
    <script src="<?php echo e(url('')); ?>/assets/web/js/lib/jquery4.js"></script>
    <script src="<?php echo e(url('')); ?>/assets/web/js/lib/popper.js"></script>
    <script src="<?php echo e(url('')); ?>/assets/web/js/lib/bootstrap.js"></script>
    <script src="<?php echo e(url('')); ?>/assets/web/js/lib/smooth-scroll.min.js"></script>
    <script src="<?php echo e(url('')); ?>/assets/web/js/lib/wow.min.js"></script>
    <script src="<?php echo e(url('')); ?>/assets/web/js/lib/scollit.min.js"></script>
    <script src="<?php echo e(url('')); ?>/assets/web/js/main.js"></script>
    <script>
        $(function(){
           $.scrollIt();
        });
    </script>
</body>
</html><?php /**PATH /home/spne/public_html/resources/views/web/pages/index.blade.php ENDPATH**/ ?>