@extends('front.layouts.main')

@section('meta_tags')

    <title> {{@$setting->translation->title}}</title>

    <meta name='description' itemprop='description' content='{{ @$info->translation->content}}' />

    <meta name='keywords' content='{!!@$setting->meta_tags!!},{!!@$info->translation->title !!}' />

    <meta property="og:description" content="{{ @$info->translation->content}}" />

    <meta property="og:title" content="  {{@$setting->translation->title}} " />

    <meta property="og:url" content="{{URL::to('/')}}" />

    <meta property="og:site_name" content="{{@$setting->translation->title}}" />

    <meta property="og:image" content="{{URL::to('/').@$setting->logo}}">

    <meta name="twitter:card" content="summary" />

    <meta name="twitter:title" content=" {{@$setting->translation->title}}" />

    <meta name="twitter:site" content="@wait" />
@stop
@section('content')

    <!-- =====================================
        ==== Start slide -->

        <header id="home" class="header valign" data-scroll-index="0">

<div class="container">
    <div class="row">
        <div class="col-lg-7 caption valign">
            <div class="full-width wow slidInRight" data-wow-delay=".3s">
                <h1>التطبيق الأول <br> فى الوظائف القصيرة</h1>
                <p>عند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص النهائية
                    المطلوبة للتصميم</p>

                <!-- <a href="#0" class="butn butn-bg"><span>إكتشف أكثر</span></a> -->
            </div>
        </div>

        <div class="col-lg-5">
            <div class="img">
                <div class="waves-block">
                    <div class="waves wave-1"></div>
                    <div class="waves wave-2"></div>
                    <div class="waves wave-3"></div>
                </div>
                <img src="{{asset('/site')}}/images/mobile-1.jpg" alt="" class=" wow fadeInUp" data-wow-delay=".3s">
            </div>
        </div>
    </div>
</div>

<div class="round-edge"></div>

</header>

<!-- End slide ====
======================================= -->



<!-- =====================================
==== Start about  -->

<section class="about section-padding" data-scroll-index="1">
<div class="container">
    <div class="row">
        <div class="head text-center col-lg-12">
            <span><i class="fab fa-buffer"></i></span>
            <h4>مميزات التطبيق</h4>
        </div>

        <div class="col-lg-4">
            <div class="item one wow fadeInUp" data-wow-delay=".3s">
                <div class="icon-box">
                    <span class="icon flaticon-startup"></span>
                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 105 105"
                        style="enable-background:new 0 0 105 105;" xml:space="preserve">
                        <path class="st0" d="M89.5,89.5c20.4-20.4,20.4-53.5,0.1-73.9l-37,37L89.5,89.5z"></path>
                        <path class="st0" d="M15.6,89.6c20.4,20.4,53.5,20.4,73.9-0.1L52.6,52.6L15.6,89.6z">
                        </path>
                        <path class="st0"
                            d="M15.5,15.5l37.1,37.1l37-37c0,0,0,0-0.1-0.1C69.1-4.9,35.9-4.9,15.5,15.5z"></path>
                        <path class="st0"
                            d="M15.5,89.5C15.5,89.5,15.5,89.5,15.5,89.5l37.1-36.9L15.5,15.5C-4.9,35.9-4.9,69.1,15.5,89.5z">
                        </path>
                        <g>
                            <path class="st1 s3" d="M89.6,15.6l-37,37l36.9,36.9C109.9,69.1,109.9,36,89.6,15.6z">
                            </path>
                            <path class="st2 s4"
                                d="M15.6,89.6c20.4,20.4,53.5,20.4,73.9-0.1L52.6,52.6L15.6,89.6z">
                            </path>
                            <path class="st3 s2"
                                d="M89.6,15.6C89.5,15.5,89.5,15.5,89.6,15.6C69.1-4.9,35.9-4.9,15.5,15.5l37.1,37.1L89.6,15.6z">
                            </path>
                        </g>
                        <path class="st4 s1"
                            d="M15.5,15.5c-20.4,20.4-20.4,53.6,0,74c0,0,0,0,0.1,0.1l37-37L15.5,15.5z"></path>
                    </svg>
                </div>
                <h5>سهوله الاستخدام</h5>
                <p>عند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص النهائية
                    المطلوبة للتصميم </p>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="item two wow fadeInUp" data-wow-delay=".1s">
                <div class="icon-box">
                    <span class="icon flaticon-layers"></span>
                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 105 105"
                        style="enable-background:new 0 0 105 105;" xml:space="preserve">
                        <path class="st0" d="M89.5,89.5c20.4-20.4,20.4-53.5,0.1-73.9l-37,37L89.5,89.5z"></path>
                        <path class="st0" d="M15.6,89.6c20.4,20.4,53.5,20.4,73.9-0.1L52.6,52.6L15.6,89.6z">
                        </path>
                        <path class="st0"
                            d="M15.5,15.5l37.1,37.1l37-37c0,0,0,0-0.1-0.1C69.1-4.9,35.9-4.9,15.5,15.5z"></path>
                        <path class="st0"
                            d="M15.5,89.5C15.5,89.5,15.5,89.5,15.5,89.5l37.1-36.9L15.5,15.5C-4.9,35.9-4.9,69.1,15.5,89.5z">
                        </path>
                        <g>
                            <path class="st1 s3" d="M89.6,15.6l-37,37l36.9,36.9C109.9,69.1,109.9,36,89.6,15.6z">
                            </path>
                            <path class="st2 s4"
                                d="M15.6,89.6c20.4,20.4,53.5,20.4,73.9-0.1L52.6,52.6L15.6,89.6z">
                            </path>
                            <path class="st3 s2"
                                d="M89.6,15.6C89.5,15.5,89.5,15.5,89.6,15.6C69.1-4.9,35.9-4.9,15.5,15.5l37.1,37.1L89.6,15.6z">
                            </path>
                        </g>
                        <path class="st4 s1"
                            d="M15.5,15.5c-20.4,20.4-20.4,53.6,0,74c0,0,0,0,0.1,0.1l37-37L15.5,15.5z"></path>
                    </svg>
                </div>
                <h5>سهوله الاستخدام</h5>
                <p>عند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص النهائية
                    المطلوبة للتصميم </p>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="item three wow fadeInUp">
                <div class="icon-box">
                    <span class="icon flaticon-gps"></span>
                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 105 105"
                        style="enable-background:new 0 0 105 105;" xml:space="preserve">
                        <path class="st0" d="M89.5,89.5c20.4-20.4,20.4-53.5,0.1-73.9l-37,37L89.5,89.5z"></path>
                        <path class="st0" d="M15.6,89.6c20.4,20.4,53.5,20.4,73.9-0.1L52.6,52.6L15.6,89.6z">
                        </path>
                        <path class="st0"
                            d="M15.5,15.5l37.1,37.1l37-37c0,0,0,0-0.1-0.1C69.1-4.9,35.9-4.9,15.5,15.5z"></path>
                        <path class="st0"
                            d="M15.5,89.5C15.5,89.5,15.5,89.5,15.5,89.5l37.1-36.9L15.5,15.5C-4.9,35.9-4.9,69.1,15.5,89.5z">
                        </path>
                        <g>
                            <path class="st1 s3" d="M89.6,15.6l-37,37l36.9,36.9C109.9,69.1,109.9,36,89.6,15.6z">
                            </path>
                            <path class="st2 s4"
                                d="M15.6,89.6c20.4,20.4,53.5,20.4,73.9-0.1L52.6,52.6L15.6,89.6z">
                            </path>
                            <path class="st3 s2"
                                d="M89.6,15.6C89.5,15.5,89.5,15.5,89.6,15.6C69.1-4.9,35.9-4.9,15.5,15.5l37.1,37.1L89.6,15.6z">
                            </path>
                        </g>
                        <path class="st4 s1"
                            d="M15.5,15.5c-20.4,20.4-20.4,53.6,0,74c0,0,0,0,0.1,0.1l37-37L15.5,15.5z"></path>
                    </svg>
                </div>
                <h5>سهوله الاستخدام</h5>
                <p>عند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص النهائية
                    المطلوبة للتصميم </p>
            </div>
        </div>
    </div>
</div>
</section>

<!-- End about  ====
======================================= -->



<!-- =====================================
==== Start video -->

<div class="video section-padding" data-scroll-index="2">
<div class="container">
    <div class="row">

        <div class="col-lg-12">
            <div class="video-content wow fadeIn">
                <img src="{{asset('site/images/video.jpg')}}" alt="">
                     @if($info !== null)
                      <a class="vid" href="{{@$info->url}}">
                        <i class="fas fa-play"></i>
                    </a>
                    @endif
               
            </div>
        </div>
    </div>
</div>

<div class="triangle_shape"></div>
</div>

<!-- End video  ====
======================================= -->



<!-- =====================================
==== Start intro -->

<section class="intro section-padding" data-scroll-index="2">
<div class="container">
    <div class="row">
        <div class="head text-center col-lg-12">
            <span><i class="fas fa-gem"></i></span>
            <h4>عن التطبيق</h4>
        </div>

        <div class="col-lg-6 valign">
            <div class="content wow fadeIn">
                <!-- <h6>اكثر من 5 مليون مستخدم.</h6>
                <h3>احصل على نسختك اليوم ، <br> واجعل وظيفتك أسهل مع نظمها</h3>
                <p>عند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص النهائية
                    المطلوبة للتصميم ويقول البعض ان وضع النصوص التجريبية بالتصميم قد تشغل المشاهد عن وضع الكثير
                    من الملاحظات .</p> -->
                    @if($info !== null)
                     {!! @$info->translations->first()->content !!}
                    @endif
               
                <div class="download">
                    <a href="{{@$info->android_url}}" target="_blank" class="gog">
                        <span class="icon"><img src="{{asset('/site')}}/images/google-play.svg" alt=""></span>
                        <div class="cont">
                            <i>متاح على</i>
                            <h6>جوجل بلاى</h6>
                        </div>
                    </a>
                    <a href="{{@$info->ios_url}}" target="_blank" class="apl">
                        <span class="icon"><img src="{{asset('/site')}}/images/apple.svg" alt=""></span>
                        <div class="cont">
                            <i>متاح على</i>
                            <h6>أب ستور</h6>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="img">
                <div class="waves-block">
                    <div class="waves wave-1"></div>
                    <div class="waves wave-2"></div>
                    <div class="waves wave-3"></div>
                </div>
                <img src="{{asset('/site')}}/images/mobile-1.jpg" alt="" class=" wow fadeInUp" data-wow-delay=".3s">
            </div>
        </div>
    </div>
</div>
</section>

<!-- End intro ====
======================================= -->



<!-- =====================================
==== Start numbers -->

<section class="numbers bg-gray">
<div class="container">
    <div class="row">
        <div class="col-lg-3 col-md-6 item bottom">
            <div class="numb valign wow rubberBand" data-wow-delay=".2s">
                <div class="cont">
                    <h3>{{@$setting->monthly_download_value}}</h3>
                    <h6>{{@$setting->monthly_download_key}}</h6>
                </div>
                <i class="icon flaticon-distance"></i>
            </div>
        </div>
        <div class="col-lg-3 col-md-6 item">
            <div class="numb valign wow rubberBand" data-wow-delay=".4s">
                <div class="cont">
                    <h3>{{@$setting->ksa_clients_value}}</h3>
                    <h6>{{@$setting->ksa_clients_key}}</h6>
                </div>
                <i class="icon flaticon-distance"></i>
            </div>
        </div>
        <div class="col-lg-3 col-md-6 item bottom">
            <div class="numb valign wow rubberBand" data-wow-delay=".3s">
                <div class="cont">
                    <h3>{{@$setting->rate_store_value}}</h3>
                    <h6>{{@$setting->rate_store_key}}</h6>
                </div>
                <i class="icon flaticon-distance"></i>
            </div>
        </div>
        <div class="col-lg-3 col-md-6 item">
            <div class="numb valign wow rubberBand" data-wow-delay=".5s">
                <div class="cont">
                    <h3>{{@$setting->rate_store_value}}</h3>
                    <h6>{{@$setting->rate_store_key}}</h6>
                </div>
                <i class="icon flaticon-distance"></i>
            </div>
        </div>
    </div>
</div>

<div class="svg top">
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1898 124">
        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path
                d="M411.508257,68.326704 C620.022076,68.326704 757.527344,124 1018.94865,105.056894 C1280.36995,86.1137871 1261.00061,29.9880301 1543.63349,3.94096501 C1732.05541,-13.4237451 1850.17758,26.5959333 1898,124 L0,124 C135.329626,86.8844694 272.499045,68.326704 411.508257,68.326704 Z"
                fill="#FFFFFF"></path>
        </g>
    </svg>
</div>

<div class="svg">
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1898 124">
        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <path
                d="M411.508257,68.326704 C620.022076,68.326704 757.527344,124 1018.94865,105.056894 C1280.36995,86.1137871 1261.00061,29.9880301 1543.63349,3.94096501 C1732.05541,-13.4237451 1850.17758,26.5959333 1898,124 L0,124 C135.329626,86.8844694 272.499045,68.326704 411.508257,68.326704 Z"
                fill="#FFFFFF"></path>
        </g>
    </svg>
</div>
</section>

<!-- End numbers ====
======================================= -->



<!-- =====================================
==== Start screen-shots -->

<!-- <section class="screen-shots section-padding" data-scroll-index="3">

<div class="container">
    <div class="row">
        <div class="head text-center col-lg-12">
            <span><i class="fas fa-images"></i></span>
            <h4>لقطات الشاشة</h4>
        </div>

        <div class="col-lg-12">
            <div class="screen wow fadeIn" data-wow-delay=".3s">
                <div class="item">
                    <img src="images/screenshots/1.jpg" alt="">
                </div>
                <div class="item">
                    <img src="images/screenshots/2.jpg" alt="">
                </div>
                <div class="item">
                    <img src="images/screenshots/3.jpg" alt="">
                </div>
                <div class="item">
                    <img src="images/screenshots/4.jpg" alt="">
                </div>
                <div class="item">
                    <img src="images/screenshots/5.jpg" alt="">
                </div>
                <div class="item">
                    <img src="images/screenshots/6.jpg" alt="">
                </div>
                <div class="item">
                    <img src="images/screenshots/7.jpg" alt="">
                </div>
                <div class="item">
                    <img src="images/screenshots/8.jpg" alt="">
                </div>
                <div class="item">
                    <img src="images/screenshots/9.jpg" alt="">
                </div>
                <div class="item">
                    <img src="images/screenshots/10.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
</div>
</section> -->

<!-- End screen-shots ====
======================================= -->



<!-- =====================================
==== Start testimonials -->
<section class="contact section-padding">
<div class="container">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="form">
            <form action="{{ url('/contactus') }}" method="post">
                @csrf
                @if ($errors->any())
                @foreach ($errors->all() as $error)
                    <div class="alert alert-danger alert-dismissible">
                    {{ $error }}
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                </div>
                @endforeach
                @endif
                @if(Session::has('success'))
                <div class="alert alert-success alert-dismissible">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>{{ Session::get('success') }}
                </div>
                @endif
                    <div class="form-row">
                        <div class="col-md-6">
                            <div class="form-group">
                            <input type="text" name="name" class="form-control" value="{{ Request::old('name') }}" placeholder="الاسم بالكامل">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                            <input type="email" name="email" class="form-control" value="{{ Request::old('email') }}" id="" placeholder="البريد الالكترونى">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <input type="text" name="subject" class="form-control" value="{{ Request::old('subject') }}"  placeholder="الموضوع">
                        </div>
                        <div class="col-md-6">
                            <input type="text" name="phone" class="form-control" value="{{ Request::old('phone') }}" placeholder="رقم الهاتف">
                        </div>
                        <div class="col-md-12">
                            <textarea name="message" id="" class="form-control" placeholder="رسالتك"> {{ Request::old('message') }} </textarea>
                                    
                        </div>
                    </div>
                    <button class="butn butn-bg"><span>ارسال</span></button>
                </form>
            </div>
        </div>
        <div class="col-lg-12">
            <div class="img">
                <img src="{{asset('/site')}}/images/mobile.png" alt="">
            </div>
        </div>
    </div>
</div>
</section>
<!-- End screen-shots ====
======================================= -->


<!-- =====================================
==== Start testimonials -->

<section class="testimonials section-padding bg-gray" data-scroll-index="4">
<div class="container">
    <div class="row">

        <div class="head text-center col-lg-12">
            <span><i class="fas fa-grin-alt"></i></span>
            <h4>آراء العملاء</h4>
        </div>

        <div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1">
            <div class="testim wow fadeInUp" data-wow-delay=".3s">

            @foreach($testmonials as $testmonial)
            <div class="item">
                    <div class="img">
                        <img src="{{asset(@$testmonial->image)}}" alt="">
                    </div>
                    <div class="text">
                       {{@$testmonial->content}}
                    </div>
                    <div class="info">
                        <h6>{{@$testmonial->title}}<span>{{@$testmonial->rate}}</span></h6>
                    </div>
            </div>
            @endforeach
                
                <!-- <div class="item">
                    <div class="img">
                        <img src="{{asset('/site')}}/images/clients/2.jpg" alt="">
                    </div>
                    <div class="text">
                        عند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص
                        النهائية المطلوبة للتصميم ويقول البعض ان وضع بالتصميم قد تشغل المشاهد
                        عن وضع الكثير من .
                    </div>
                    <div class="info">
                        <h6>احمد على <span>صاحب عمل</span></h6>
                    </div>
                </div> -->
                <!-- <div class="item">
                    <div class="img">
                        <img src="{{asset('/site')}}/images/clients/3.jpg" alt="">
                    </div>
                    <div class="text">
                        عند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص
                        النهائية المطلوبة للتصميم ويقول البعض ان وضع بالتصميم قد تشغل المشاهد
                        عن وضع الكثير من .
                    </div>
                    <div class="info">
                        <h6>احمد على <span>صاحب عمل</span></h6>
                    </div>
                </div> -->

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

<!-- End testimonials ====
======================================= -->



<!-- =====================================
==== Start Blog -->

<!-- <section class="blog section-padding" data-scroll-index="5">
<div class="container">
    <div class="row">

        <div class="head text-center col-lg-12">
            <span><i class="fas fa-pencil-alt"></i></span>
            <h4>المدونه</h4>
        </div>

        <div class="col-lg-4 col-md-6">
            <div class="item wow fadeInUp" data-wow-delay=".3s">
                <div class="post-img">
                    <div class="img">
                        <img src="images/blog/1.jpg" alt="">
                    </div>
                </div>
                <div class="cont">
                    <div class="info">
                        <a href="#0"><i class="fas fa-clock"></i> <span>6 أغسطس</span> 2019</a>
                        <a href="#0"><i class="fas fa-user"></i>محمد على</a>
                    </div>

                    <h5><a href="#0">إعادة التفكير في المنافسة</a></h5>
                    <p>عند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص
                        النهائية</p>

                    <a href="#0" class="more">
                        <span>إقرأ المزيد <i class="fas fa-arrow-left"></i></span>
                    </a>
                </div>
            </div>
        </div>

        <div class="col-lg-4 col-md-6">
            <div class="item wow fadeInUp" data-wow-delay=".4s">
                <div class="post-img">
                    <div class="img">
                        <img src="images/blog/2.jpg" alt="">
                    </div>
                </div>
                <div class="cont">
                    <div class="info">
                        <a href="#0"><i class="fas fa-clock"></i> <span>6 أغسطس</span> 2019</a>
                        <a href="#0"><i class="fas fa-user"></i>محمد على</a>
                    </div>

                    <h5><a href="#0">ما تحتاج إلى معرفته عن ذكاء الأعمال</a></h5>
                    <p>عند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص
                        النهائية</p>

                    <a href="#0" class="more">
                        <span>إقرأ المزيد <i class="fas fa-arrow-left"></i></span>
                    </a>
                </div>
            </div>
        </div>

        <div class="col-lg-4 col-md-6 offset-lg-0 offset-md-3">
            <div class="item wow fadeInUp" data-wow-delay=".2s">
                <div class="post-img">
                    <div class="img">
                        <img src="images/blog/3.jpg" alt="">
                    </div>
                </div>
                <div class="cont">
                    <div class="info">
                        <a href="#0"><i class="fas fa-clock"></i> <span>6 أغسطس</span> 2019</a>
                        <a href="#0"><i class="fas fa-user"></i>محمد على</a>
                    </div>

                    <h5><a href="#0">إشارات توضح أنك بحاجة لموقع</a></h5>
                    <p>عند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص
                        النهائية</p>

                    <a href="#0" class="more">
                        <span>إقرأ المزيد <i class="fas fa-arrow-left"></i></span>
                    </a>
                </div>
            </div>
        </div>

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

<!-- End Blog ====
======================================= -->



<div class="subscribe">
<div class="container">
    <div class="row">
        <div class="col-lg-8 col-md-10 offset-lg-2 offset-md-1">
            <div class="box wow pulse" data-wow-delay=".3s">
                <span class="icons flaticon-telegram"></span>
                <h5>اشترك في نشرتنا الإخبارية</h5>
                <form action="{{url('/subscribe')}}" method="POST">
                    @csrf
                    <div class="form-group">
                        <span class="icon"><i class="fas fa-envelope"></i></span>
                        <input type="email" name="email" placeholder="@lang('home.email')">
                        <button type="submit"  class="butn butn-bg"><span>@lang('home.subscribe_now')</span></button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
</div>


@stop

@section('jsCode')

   

@stop