@extends('layouts.app')

@section('styles')
	<link rel="stylesheet" href="{{ asset('assets/css/landing/index.css') }}">
	<link rel="stylesheet" href="{{ asset('assets/frontend/css/animate.min.css') }}">
	<link rel="stylesheet" href="{{ asset('assets/frontend/css/font-awesome.min.css') }}">
	<link rel="stylesheet" href="{{ asset('assets/frontend/css/swiper.min.css') }}">

	<style>
		
	</style>
@endsection

@section('title', __('global.meta_title'))
@section('description', __('global.meta_description'))
@section('keywords', __('global.meta_keywords'))

@section('content')
<header class="header">
    <aside class="left-side">
        <ul class="d-flex flex-column">
            <li class="my-2"><a href="https://www.facebook.com/Sprenty" target="_blank"><i class="fa fa-facebook-square"></i></a></li>
            <li class="my-2"><a href="https://www.instagram.com/sprenty.ge/" target="_blank"><i class="fa fa-instagram"></i></a></li>
            <li class="my-2"><a href="https://www.linkedin.com/company/sprenty/" target="_blank"><i class="fa fa-linkedin"></i></a></li>
            <li class="my-2">
				<a href="https://www.tiktok.com/@sprenty.com" target="_blank">
					<svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" width="20" height="20" viewBox="0 0 512 512" id="icons"><path d="M412.19,118.66a109.27,109.27,0,0,1-9.45-5.5,132.87,132.87,0,0,1-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14,23.9,350,16,350.13,16H267.69V334.78c0,4.28,0,8.51-.18,12.69,0,.52-.05,1-.08,1.56,0,.23,0,.47-.05.71,0,.06,0,.12,0,.18a70,70,0,0,1-35.22,55.56,68.8,68.8,0,0,1-34.11,9c-38.41,0-69.54-31.32-69.54-70s31.13-70,69.54-70a68.9,68.9,0,0,1,21.41,3.39l.1-83.94a153.14,153.14,0,0,0-118,34.52,161.79,161.79,0,0,0-35.3,43.53c-3.48,6-16.61,30.11-18.2,69.24-1,22.21,5.67,45.22,8.85,54.73v.2c2,5.6,9.75,24.71,22.38,40.82A167.53,167.53,0,0,0,115,470.66v-.2l.2.2C155.11,497.78,199.36,496,199.36,496c7.66-.31,33.32,0,62.46-13.81,32.32-15.31,50.72-38.12,50.72-38.12a158.46,158.46,0,0,0,27.64-45.93c7.46-19.61,9.95-43.13,9.95-52.53V176.49c1,.6,14.32,9.41,14.32,9.41s19.19,12.3,49.13,20.31c21.48,5.7,50.42,6.9,50.42,6.9V131.27C453.86,132.37,433.27,129.17,412.19,118.66Z"/></svg>
				</a>
			</li>
        </ul>
    </aside>
    <!-- end left-side -->

    <div class="scroll-down"><small>{{ __('global.scroll_down') }}</small><span></span></div>
    <!-- end scroll-down -->

    {{-- <div class="sound"> <span> SOUND </span>
        <div class="equalizer">
        <div class="holder"> <span></span> <span></span> <span></span> <span></span><span></span><span></span> </div>
        <!-- end holder --> 
        </div>
        <!-- end equalizer --> 
    </div> --}}
    <!-- end sound -->

    <div class="swiper-slider">
        <div class="swiper-wrapper">
            <div class="swiper-slide" data-tilt data-tilt-max="5" data-tilt-speed="500" data-tilt-perspective="1500">
                <div class="slide-inner bg-image" data-background="{{ asset('assets/frontend/images/slides/slide01.jpg') }}">
					<div class="container">
						<div class="tagline">
							<span>01</span>
							<h6>{{ __('global.landing_slider_top_01') }}</h6>
						</div>
						<!-- end tagline -->
						<h1>{{ __('global.landing_slider_main_title_01') }}<br><span class="mt-4">{{ __('global.landing_slider_sub_title_01') }}</span></h1>

						<div class="slide-btn">
							<a href="#">
								<div class="lines"> <span></span> <span></span> </div>
								<!-- end lines -->
								<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 104 104" enable-background="new 0 0 104 104" xml:space="preserve">
									<circle class="video-play-circle" fill="none" stroke="#fff" stroke-width="2" stroke-miterlimit="1" cx="52" cy="52" r="50"/>
								</svg>
								<b>{{ __('global.landing_slider_button_01') }}</b> 
							</a> 
						</div>
					</div>
                </div>

                <div class="play-now"> <a href="{{ route('products.index') }}" class="play-btn-t"></a>
                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
						<defs>
							<path id="circlePath" d="M 150, 150 m -60, 0 a 60,60 0 0,1 120,0 a 60,60 0 0,1 -120,0 "/>
						</defs>
						<circle cx="150" cy="100" r="75" fill="none"/>
						<g>
							<use xlink:href="#circlePath" fill="none"/>
							<text>
							<textPath xlink:href="#circlePath">{{ __('global.book_now') }}  - {{ __('global.book_now') }} - {{ __('global.book_now') }} -</textPath>
							</text>
						</g>
                    </svg>
                </div>
                <!-- end play-now -->
            </div>
            <!-- end swiper-slide -->

            <div class="swiper-slide" data-tilt data-tilt-max="5" data-tilt-speed="500" data-tilt-perspective="1500">
                <div class="slide-inner bg-image" data-background="{{ asset('assets/frontend/images/slides/slide02.jpg') }}">
					<div class="container">
						<div class="tagline"><span>02</span>
							<h6>{{ __('global.landing_slider_top_02') }}</h6>
						</div>

						<h1>{{ __('global.landing_slider_main_title_02') }}<br><span class="mt-4">{{ __('global.landing_slider_sub_title_02') }}</span></h1>
						<div class="slide-btn"> 
							<a href="#">
								<div class="lines"> <span></span> <span></span> </div>

								<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 104 104" enable-background="new 0 0 104 104" xml:space="preserve">
									<circle class="video-play-circle" fill="none" stroke="#fff" stroke-width="2" stroke-miterlimit="1" cx="52" cy="52" r="50"/>
								</svg>
								<b>{{ __('global.landing_slider_button_02') }}</b> 
							</a> 
						</div>
					</div>
                </div>

                <div class="play-now"> <a href="{{ route('products.index') }}" class="play-btn"></a>
                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
						<defs>
							<path id="circlePath" d="M 150, 150 m -60, 0 a 60,60 0 0,1 120,0 a 60,60 0 0,1 -120,0 "/>
						</defs>
						<circle cx="150" cy="100" r="75" fill="none"/>
						<g>
							<use xlink:href="#circlePath" fill="none"/>
							<text>
							<textPath xlink:href="#circlePath">{{ __('global.book_now') }}  - {{ __('global.book_now') }} - {{ __('global.book_now') }} -</textPath>
							</text>
						</g>
                    </svg>
                </div>
            </div>

            <div class="swiper-slide" data-tilt data-tilt-max="5" data-tilt-speed="500" data-tilt-perspective="1500">
                <div class="slide-inner bg-image" data-background="{{ asset('assets/frontend/images/slides/slide03.jpg') }}">
					<div class="container">
						<div class="tagline"><span>03</span>
							<h6>{{ __('global.landing_slider_top_03') }}</h6>
						</div>

						<h1>{{ __('global.landing_slider_main_title_03') }}<br><span class="mt-4">{{ __('global.landing_slider_sub_title_03') }}</span></h1>
						
						<div class="slide-btn"> <a href="#">
							<div class="lines"> <span></span> <span></span> </div>
							<!-- end lines -->
							<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 104 104" enable-background="new 0 0 104 104" xml:space="preserve">
								<circle class="video-play-circle" fill="none" stroke="#fff" stroke-width="2" stroke-miterlimit="1" cx="52" cy="52" r="50"/>
							</svg>

							<b>{{ __('global.landing_slider_button_03') }}</b> </a> 
						</div>
					</div>
                </div>

                <div class="play-now"> <a href="{{ route('products.index') }}" class="play-btn"></a>
                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
                    <defs>
                        <path id="circlePath" d="M 150, 150 m -60, 0 a 60,60 0 0,1 120,0 a 60,60 0 0,1 -120,0 "/>
                    </defs>
                    <circle cx="150" cy="100" r="75" fill="none"/>
                    <g>
                        <use xlink:href="#circlePath" fill="none"/>
                        <text>
                        <textPath xlink:href="#circlePath">{{ __('global.book_now') }}  - {{ __('global.book_now') }} - {{ __('global.book_now') }} -</textPath>
                        </text>
                    </g>
                    </svg>
                </div>
                <!-- end play-now -->
            </div>
            <!-- end swiper-slide --> 
        </div>
        <!-- end swiper-wrapper -->
        <div class="swiper-pagination"></div>
        <!-- end swiper-pagination -->
        <div class="swiper-fraction"></div>
        <!-- end swiper-fraction --> 
    </div>
  	<!-- end swiper-slider --> 
</header>
<!-- end header -->

<section class="intro">
  	<div class="container">
    	<div class="row">
			<div class="col-12 wow fadeIn">
				<h6>{{ __('global.smooth_user_experience') }}</h6>
				<h2 data-text="Sprenty">{{ __('global.what_is_sprenty') }} </h2>
			</div>
			<!-- end col-12 -->
			<div class="col-lg-5 wow fadeIn">
				<h4>{{ __('global.all_in_sass_sports') }}</h4>
			</div>
			<!-- end col-5 -->
			<div class="col-lg-7 wow fadeIn" data-wow-delay="0.10s">
				<p>{{ __('global.what_is_sprenty_1') }}</p>
				<p>{{ __('global.what_is_sprenty_2') }}</p>
				
				<div class="custom-link wow fadeIn">
					<a href="{{ route('contact.index') }}">
						<div class="lines"> <span></span> <span></span> </div>
						<b>{{ __('global.what_is_sprenty_contact') }}</b>
					</a> 
				</div>
			</div>
		</div>
	</div>
</section>

<section class="services-content-block">
	<div class="video-bg">
			<video src="{{ asset('assets/frontend/videos/video.mp4') }}" muted loop autoplay></video>
	</div>

	<div class="container">
		<div class="row">
			<div class="col-12 wow fadeIn">
				<h6>SMOOTH INTERFACE INTERACTION</h6>
				<h2>Creation of friendly web interface layout </h2>
			</div>

			<div class="col-md-4 wow fadeIn" data-wow-delay="0s">
				<div class="content-box">
					<div class="left"><small>01</small><span></span></div>
					<div class="right">
						<h4>{{ __('global.landing_video_title_1') }}</h4>
						<p>{{ __('global.landing_video_text_1') }}</p>
					</div>
				</div>
			</div>

			<div class="col-md-4 wow fadeIn" data-wow-delay="0.05s">
				<div class="content-box">
					<div class="left"><small>02</small><span></span></div>

					<div class="right">
						<h4>{{ __('global.landing_video_title_2') }}</h4>
						<p>{{ __('global.landing_video_text_2') }}</p>
					</div>
				</div>
			</div>

			<div class="col-md-4 wow fadeIn" data-wow-delay="0.10s">
				<div class="content-box">
					<div class="left"><small>03</small><span></span></div>

					<div class="right">
						<h4>{{ __('global.landing_video_title_3') }}</h4>
						<p>{{ __('global.landing_video_text_3') }}</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- end services-content-block -->

<section class="works">
	<div class="container">
		<div class="row">
		<div class="col-12 wow fadeIn">
			<h6>{{ __('global.find_suitable_venue') }}</h6>
			<h2 data-text="Sprenty">{{ __('global.our_selected_sport_categories') }}</h2>
		</div>
		<!-- end col-12 -->
		<div class="col-12">
			<div class="project-box wow fadeIn" data-bg="#e5fad7">
				<figure>
					<a href="{{ asset('assets/images/category/42.jpg') }}" data-fancybox>
						<img src="{{ asset('assets/images/category/42.jpg') }}" alt="Image">
					</a>
				</figure>

				<div class="content-box">
					<div class="inner">
						{{-- <small>{{ __('global.amazing_quality_attention_details') }}</small> --}}
						<h3><span class="mb-3">{{ __('global.footbal_pitch_0') }}</span>{{ __('global.pitch') }}</h3>
						<div class="">
							<a href="#" class="custom-button">{{ __('global.view_football_pitchs') }}</a> 
						</div>
						<!-- end custom-link --> 
					</div>
					<!-- end inner --> 
				</div>
				<!-- end content-box --> 
			</div>
			<!-- end project-box -->
			
			<div class="project-box wow fadeIn" data-bg="#ffe6de">
			<figure> 
				<a href="{{ asset('assets/images/category/41.jpg') }}" data-fancybox>
					<img src="{{ asset('assets/images/category/41.jpg') }}" alt="Image">
				</a>
			</figure>
			<div class="content-box">
				<div class="inner"> 
					{{-- <small>{{ __('global.amazing_quality_attention_details') }}</small> --}}
					<h3><span class="mb-3">{{ __('global.basketball_court_0') }}</span>{{ __('global.court') }}</h3>
					
					<a href="#" class="custom-button">{{ __('global.view_basketball_courts') }}</a> 
					<!-- end custom-link --> 
				</div>
				<!-- end inner --> 
			</div>
			<!-- end content-box --> 
			</div>
			<!-- end project-box -->
			<div class="project-box wow fadeIn" data-bg="#eef7c1">
			<figure>
				<a href="{{ asset('assets/images/category/40.jpg') }}" data-fancybox>
					<img src="{{ asset('assets/images/category/40.jpg') }}" alt="Image">
				</a>
			</figure>
			<div class="content-box">
				<div class="inner"> 
					{{-- <small>{{ __('global.amazing_quality_attention_details') }}</small> --}}
					<h3><span class="mb-3">{{ __('global.tennis_racket_0') }}</span>{{ __('global.racket') }}</h3>

					<a href="#" class="custom-button">{{ __('global.view_tennis_rackets') }}</a>
				</div>
				<!-- end inner --> 
			</div>
			<!-- end content-box --> 
			</div>
			<!-- end project-box --> 
		</div>
		<!-- end col-12 --> 
		</div>
		<!-- end row --> 
	</div>
	<!-- end container --> 
</section>
<!-- end works -->

<section class="work-with-us">
	<div class="container">
		<div class="row">
			<div class="col-12 wow fadeIn">
				<h6>{{ __('global.start_working_with_us') }}</h6>
				<h2 data-text="Sprenty">{{ __('global.want_our_platform_venue') }} </h2>
			</div>

			<div class="col-lg-5 col-md-8 wow fadeIn">
				<h4>{{ __('global.lets_schedule_call_answer_question') }} <br> {{ __('global.ps_everything_free') }}</h4>
				<div class="custom-link wow fadeIn"> 
					<a href="#">
						<div class="lines"> <span></span> <span></span> </div>
						<b>{{ __('global.become_our_client') }}</b>
					</a> 
				</div>
			</div>
		</div>
	</div>
</section>
<!-- end work-with-us -->


<section class="clients justify-content-center" style="padding: 95px 0;">
	<h2 class="mb-5 pb-5 ">{{ __('global.our_clients') }}</h2>

	<div class="logos">
		<div class="logos-slide">
			<img src="{{ asset('assets/frontend/images/partners/1.png') }}" />
			<img src="{{ asset('assets/frontend/images/partners/2.png') }}" />
			<img src="{{ asset('assets/frontend/images/partners/3.png') }}" />
			<img src="{{ asset('assets/frontend/images/partners/4.png') }}" />
			<img src="{{ asset('assets/frontend/images/partners/5.png') }}" />
			<img src="{{ asset('assets/frontend/images/partners/6.png') }}" />
			<img src="{{ asset('assets/frontend/images/partners/7.png') }}" />
			<img src="{{ asset('assets/frontend/images/partners/8.png') }}" />
		</div>
	</div>

	<a href="https://forms.fillout.com/t/ofdB9qgsQBus" class="custom-button">{{ __('global.start_working_with_us') }}</a> 

	<!-- old version -->
	{{-- <div class="container">
		<div class="row">
			<div class="col-lg-12 wow fadeIn text-center">
				<h6>{{ __('global.start_working_with_us') }}</h6>
				<h2 class="mb-2">{{ __('global.our_clients') }}</h2>
			</div>

			<div class="col-lg-12 wow fadeIn" data-wow-delay="0.10s">
				<ul>
					<li><img src="{{ asset('assets/frontend/images/partners/1.png') }}" alt="Image"><small>NEWTON</small></li>
					<li><img src="{{ asset('assets/frontend/images/partners/2.png') }}" alt="Image"><small>ZAZA PACHULIA</small></li>
					<li><img src="{{ asset('assets/frontend/images/partners/3.png') }}" alt="Image"><small>LISI</small></li>
					<li><img src="{{ asset('assets/frontend/images/partners/4.png') }}" alt="Image"><small>DINAMO</small></li>
					<li><img src="{{ asset('assets/frontend/images/partners/5.png') }}" alt="Image"><small>INTER</small></li>
					<li><img src="{{ asset('assets/frontend/images/partners/6.png') }}" alt="Image"><small>LEILA MESKHI</small></li>
					<li><img src="{{ asset('assets/frontend/images/partners/7.png') }}" alt="Image"><small>BROOKLYN</small></li>
					<li><img src="{{ asset('assets/frontend/images/partners/8.png') }}" alt="Image"><small>OLYMPIC PALACE</small></li>
				</ul>
			</div>
		</div>
	</div> --}}
	<!-- old version -->
</section>
@endsection

@section('scripts')
	<script>
		var originalDiv = $('.logos-slide');
		var clonedDiv = originalDiv.clone();
		$('.logos').append(clonedDiv);
	</script>
@endsection