@include('/frontend/'.$dir.'/header')
<!-- end navbar -->
<!-- hero page ----start -->
@if($settings['header']['hide'])
<div class="container-fluid p-3" style="background-color:{{$settings['header']['colors']['background_color']}};">
    <div class="container">
        <div class="row">
            <div class="col-sm-6  marginTop">
            <!--    <h1 class="mb-0 head_hero" style="color:{{$settings['header']['colors']['heading_color']}};">{{$settings['header']['title'][$locale]}}</h1> -->
                <div class="mt-3" style="color:{{$settings['header']['colors']['sub_heading_color']}};">
                {!!$settings['header']['title'][$locale]!!}
                    {!!$settings['header']['description'][$locale]!!}
                </div>
            </div>
            <div class="col-sm-6 position-relative col-12">
                <div class="position_r position_l">
                    <img src="{{asset($settings['header']['photo'])}}" class="img-fluid" alt="">
                </div>
            </div>
        </div>
    </div>
</div>
<div class="d-flix container mt-5 nb-0">
   <a href="#about" class="btn Scroll">  Scroll Down    <span class="px-2">
        </span></a>
</div>
@endif
<div class="mt-md-5 mt-2"></div>
@if($settings['about']['hide'])
<div class="pt-5 pb-5" id="about"></div>
<!-- hero page ----End -->
<!-- --------------------------------------------------------------------------------about -->
<div class="container about_page text-center" style='
  height: 60vh;
  min-height: 60vh;
  max-height:auto;
'>
    <div class="container mb-5 mt-3 p-3">
        <p style="color:{{$settings['about']['colors']['sub_heading_color']}};">
        {!!$settings['about']['heading'][$locale]!!}
            {!!$settings['about']['sub_heading'][$locale]!!}
        </p>
    </div>
</div>
@endif
<!-- -------------------------------------------------------------------end-------------about -->
<div class="mt-5" id="feature"></div>
@if($settings['features']['hide'])
    @foreach($settings['features'] as $feature)
        @if (is_array($feature))
        @if($feature['direction'] == "ltr")
            <section>
                <div class="container-fluid my-5">
                <div class="row box my-3 ">
                    <div class="col-12 col-md-5 p-0 textEnd">
                      <img src="{{asset($feature['photo'])}}" class=" ms-0 ps-0 mobil_veiw img-fluid" alt="">
                    </div>
                    <div class="col-sm-6 ms-3 mt-3">
                      <br><br>
                      <p class="fw-bolder h1 heading mt-md-5  mt-1" style="color:{{$feature['colors']['title_color']}};">{!! $feature['title'][$locale] !!}</p>
                    <div class="pt-3 lineSpacing" style="color:{{$feature['colors']['text_color']}};">{!! $feature['content'][$locale] !!}</div>
                  </div>
                </div>
                </div>
            </section>
            @else
            <div class="mt-5" id="feature"></div>
            <section>
                <div class="d-flex d-inline-flex w-100 my-5">
                <div class="row position-relative box2 w-100  m-0 p-0">
                    <div class="col-sm-6 offset-md-1 col-12 mt-5">
                      <br><br>
                    <p class="fw-bolder h1 heading mt-md-5 mt-1 " style="color:{{$feature['colors']['title_color']}};">{!! $feature['title'][$locale] !!}</p>
                        <div class="pt-3 lineSpacing rtl-overflow-0" style="color:{{$feature['colors']['text_color']}};">{!! $feature['content'][$locale] !!}</div>
                    </div>
                    <div class="col-12 col-md-5 p-0 mobil_veiw position-absolute d-flex top-0 end-0 justify-content-end">
                        <img src="{{asset($feature['photo'])}}" class="img-fluid mobil_veiw ms-0 ps-0" alt="img">
                    </div>
                    </div>
                </div>
            </section>
            @endif
        @endif
    @endforeach
    <div class="Extra_space lessInMobile"></div>
    <div class="spacer"></div>
@endif
@if($settings['slider']['hide'])
<section class="mTop mTop-rtl">
  <div class="container col-pink position-relative" style="background-color:{{$settings['slider']['colors']['background_color']}};">
    <div class="row">
      <div class="col-sm-7 p-3">
        <p style="color:{{$settings['slider']['colors']['heading_color']}};">{!!$settings['slider']['heading'][$locale]!!}</p>
        <h1 class="fw-bold font_cost" style="color:{{$settings['slider']['colors']['text_color']}};">{!!$settings['slider']['sub_heading'][$locale]!!}</h1>
      </div>
      <div class="col-sm-5"></div>
    </div>
    <div class="row  mb-5 rtl_M">
      <div class="col-sm-2"></div>
      <div class="col-sm-10 mTop ">
        <!-- slider -->
          <ul id="light-slider">
            @foreach($settings['slider']['photos'] as $photo)
              <li>
                <img src="{{$photo}}" class="img-fluid w-100 px-3" alt="">
              </li>
            @endforeach
          </ul>
        <!-- end slider  -->
      </div>
    </div>
</div>
</section>
<div class="Extra_space moreInMobile" ></div>
@endif
@if($settings['download']['hide'])
<div class="pt-md-4 d-none d-md-block">
  <br><br><br>
</div>
<section class="mTop" id="download">
    <div class="container col-pink mt-5" style="background-color:{{$settings['download']['colors']['background_color']}};">
        <div class="row">
            <div class="col-sm-6 position-relative">
                <div class="text-center p-5">
                    <h1 class="font_cost" style="color:{{$settings['download']['colors']['heading_color']}};">{!!$settings['download']['title'][$locale]!!}</h1>
                    <p class="text-muted" style="color:{{$settings['download']['colors']['text_color']}};">{!!$settings['download']['description'][$locale]!!}</p>
                    <div class="position_costum position_customR">
                        <p class="my-4">
                            <svg xmlns="http://www.w3.org/2000/svg" width="85.323" height="107.212" viewBox="0 0 85.323 107.212">
                                <g id="Group_12409" data-name="Group 12409" transform="translate(-174.841 -547.066)">
                                    <path id="Path_15420" data-name="Path 15420" d="M3761.145,13419.5l37.358,37.36,37.358-37.36" transform="translate(-3581 -12813.188)" fill="none" stroke="#a8ccd6" stroke-width="15"/>
                                    <path id="Path_15421" data-name="Path 15421" d="M184.832,547.067v94.377" transform="translate(32.671 0)" fill="none" stroke="#a8ccd6" stroke-width="15"/>
                                </g>
                            </svg>
                        </p>
                        @if ($settings['download']['appstore_link'])
                            <a href="{{$settings['download']['appstore_link']}}" target="_blank">
                                <img src="{{asset('project/frontend/default/'.$settings['download']['app_store'])}}" class="img-fluid my-2" alt="">
                            </a><br>
                        @endif

                        @if ($settings['download']['playstore_link'])
                            <a href="{{$settings['download']['playstore_link']}}" target="_blank">
                                <img src="{{asset('project/frontend/default/'.$settings['download']['play_store'])}}" class="img-fluid my-2" alt="">
                            </a><br>
                        @endif
                    </div>
                </div>
            </div>
            <div class="col-sm-6 position-relative">
                <div class="position_t mobil_veiw">
                    <img src="{{asset($settings['download']['photo'])}}" class="img-fluid" alt="">
                </div>
            </div>
        </div>
    </div>
</section>
<div class="Extra_space v70R"></div>
<div class="mt-lg-5 mb-lg-5"><br><br></div>
@endif
@include('/frontend/'.$dir.'/footer')
