@extends('frontend.master')

@section('title', $data_seo->seo_title)
@section('description', $data_seo->seo_description)
@section('keywords', $data_seo->keywords)
@if ($data_seo->seo_indexed == 0)
    @section('robots', 'noindex,nofollow')
@endif
@section('content')
    <div class="background-mobile mobile_apps main-content">
			@include('frontend.layouts.components.breadcrumb', $breadcrumb = [ 0 => ["link"=>"#", "name"=>__('messages.speedtest_apps')] ])
			<div class="text-center">
				<h1 class="bold">{{ __('messages.speedtest_apps') }}</h1><br>
				{{ __('messages.test_your_internet_speed_at_any_time') }}
				<div class="text-content-app">
					{{ __('messages.your_connect_to_the_internet_using_all_kinds') }}
				</div>
			</div>
			<div style="height:30px"></div>
			@if (!\App\Helpers\Helper::isMobile())
			<div class='text-center'>
				<a class="btn app_btn apple_store_btn" href="{{$siteConfig['google_play_link']}}" target="_blank"><img class="lazy" data-src="/frontend/images/btn_ggplay.svg" alt="btn_ggplay"></a>
				<a class="btn app_btn google_play_store_btn" href="{{$siteConfig['apple_store_link']}}" target="_blank"><img class="lazy" data-src="/frontend/images/btn_appstore.svg" alt="btn_appstore"></a>
			</div>
			@else
			<div class='text-center'>
				<a class="btn app_btn apple_store_btn" href="{{$siteConfig['google_play_link']}}"><img class="lazy" data-src="/frontend/images/btn_ggplay.svg" alt="btn_ggplay"></a>
				<a class="btn app_btn google_play_store_btn" href="{{$siteConfig['apple_store_link']}}"><img class="lazy" data-src="/frontend/images/btn_appstore.svg" alt="btn_appstore"></a>
			</div>
			@endif
			<div style="height:60px"></div>
			<img class="app_image"  src="/frontend/images/img_devices.svg" alt="img_devices">
			<div style="height:60px" class="d-none d-lg-block"></div>
			<div class="apps_play_box">
				<div class="row">
					<div class="col-lg-6">
						<div style="height:50px" class='d-lg-none'></div>
						<div style="height:150px" class='d-none d-lg-block'></div>
						<h2>{{ __('messages.speedtest_for_android') }}</h2>
						<p>{{ __('messages.speedtest_vpn_ensures_your_online_privacy_and_security') }}</p>
						<div style="height:60px" class="d-none d-lg-block"></div>
						<div style="height:30px" class='d-lg-none'></div>
						@if (!\App\Helpers\Helper::isMobile())
						<a class="btn" href="{{$siteConfig['google_play_link']}}" target="_blank"><img class="lazy" data-src="/frontend/images/btn_ggplay.svg" alt="btn_ggplay" style="margin-left: -13px;"></a>
						@else
						<a class="btn" href="{{$siteConfig['google_play_link']}}"><img class="lazy" data-src="/frontend/images/btn_ggplay.svg" alt="btn_ggplay" style="margin-left: -13px;"></a>
						@endif
						<div style="height:30px" class='d-lg-none'></div>
					</div>
					<div class="col-lg-6"><img class="app_image"  alt="img_android" style="float: right;" src='/frontend/images/img_android.svg'/></div>
					<div class="col-lg-12" style="height:60px"></div>
					<div class="col-lg-6"><img class="app_image" src='/frontend/images/img_ios.svg' alt="img_ios" /></div>
					<div class="col-lg-6">
						<div style="height:150px" class='d-none d-lg-block'></div>
						<div style="height:50px" class='d-lg-none'></div>
						<h2>{{ __('messages.speedtest_for_ios') }}</h2>
						<p>{{ __('messages.speedtest_vpn_ensures_your_online_privacy_and_security') }}</p>
						<div style="height:60px" class="d-none d-lg-block"></div>
						<div style="height:30px" class='d-lg-none'></div>
						@if (!\App\Helpers\Helper::isMobile())
						<a class="btn" href="{{$siteConfig['apple_store_link']}}" target="_blank"><img class="lazy" data-src="/frontend/images/btn_appstore.svg" alt="btn_appstore" style="margin-left: -13px;"></a>
						@else
						<a class="btn" href="{{$siteConfig['apple_store_link']}}"><img class="lazy" data-src="/frontend/images/btn_appstore.svg" alt="btn_appstore" style="margin-left: -13px;"></a>
						@endif
					</div>
				</div>
            </div>
    </div>
@endsection