@extends('layouts.app')

@section('styles')
    <link rel="stylesheet" href="{{ asset('assets/frontend/css/odometer.min.css') }}">
@endsection

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

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

    <div>
        <div class="container">
            <h1 class="mb-5">{{ __('global.sprenty') }}</h1>
            <p>{{ __('global.good_plan_bit_luck') }}</p>
        </div>

        <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>

        <div class="scroll-down"><small>{{ __('global.scroll_down') }}</small><span></span></div>
    </div>
</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="Digital">{{ __('global.you_might_ask') }} <br> {{ __('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="#">
						<div class="lines"> <span></span> <span></span> </div>
						<b>{{ __('global.learn_more') }}</b>
					</a> 
				</div>
			</div>
		</div>
	</div>
</section>

<section class="services-content-block">
    <div class="video-bg">
        <video src="videos/video.mp4" muted loop autoplay></video>
    </div>
    <!-- end video-bg -->
    <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>
        <!-- end col-12 -->
        <div class="col-md-4 wow fadeIn" data-wow-delay="0s">
            <div class="content-box">
            <div class="left"><small>01</small><span></span></div>
            <!-- end left -->
            <div class="right">
                <h4>STRATEGY</h4>
                <p>Creativity for us something 
                personal.</p>
                <ul>
                <li>UX strategy</li>
                <li>Concept development</li>
                <li>Content strategy</li>
                <li>Online marketting </li>
                <li>User testing &amp; research</li>
                </ul>
            </div>
            <!-- end right --> 
            </div>
            <!-- end content-box --> 
        </div>
        <!-- end col-4 -->
        <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>
            <!-- end left -->
            <div class="right">
                <h4>UI-UX LAYOUT</h4>
                <p>Creativity for us something 
                personal.</p>
                <ul>
                <li>User Interface</li>
                <li>Prototype development</li>
                <li>Content strategy</li>
                <li>Online research </li>
                <li>Layout wireframe</li>
                </ul>
            </div>
            <!-- end right --> 
            </div>
            <!-- end content-box --> 
        </div>
        <!-- end col-4 -->
        <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>
            <!-- end left -->
            <div class="right">
                <h4>BACK-END DEV</h4>
                <p>Creativity for us something 
                personal.</p>
                <ul>
                <li>CMS Development</li>
                <li>Back-end Prototype</li>
                <li>Coding strategy</li>
                <li>Beta testing </li>
                <li>Page builder</li>
                </ul>
            </div>
            <!-- end right --> 
            </div>
            <!-- end content-box --> 
        </div>
        <!-- end col-4 --> 
        </div>
        <!-- end row --> 
    </div>
    <!-- end container --> 
</section>
<!-- end services-content-block -->
{{-- <section class="process">
    <div class="container">
        <div class="row no-gutters">
            <div class="col-12 wow fadeIn">
                <h6>SMOOTH INTERFACE INTERACTION</h6>
                <h2 data-text="Steps">Process</h2>
            </div>

            <div class="col-md-3 wow fadeIn" data-wow-delay="0s"> <span>01</span>
                <figure> <img src="{{ asset('assets/frontend/images/icon01.jpg') }}" alt="Image">
                    <figcaption>
                        <h5>PREPARETION</h5>
                    </figcaption>
                </figure>
            </div>

            <div class="col-md-3 wow fadeIn" data-wow-delay="0.05s"> <span>02</span>
                <figure> <img src="{{ asset('assets/frontend/images/icon02.jpg') }}" alt="Image">
                    <figcaption>
                        <h5>PROTOTYPE</h5>
                    </figcaption>
                </figure>
            </div>

            <div class="col-md-3 wow fadeIn" data-wow-delay="0.10s"> <span>03</span>
                <figure> <img src="{{ asset('assets/frontend/images/icon03.jpg') }}" alt="Image">
                    <figcaption>
                        <h5>EXECUTION</h5>
                    </figcaption>
                </figure>
            </div>

            <div class="col-md-3 wow fadeIn" data-wow-delay="0.15s"> <span>04</span>
                <figure> <img src="{{ asset('assets/frontend/images/icon04.jpg') }}" alt="Image">
                    <figcaption>
                        <h5>LUNCHED</h5>
                    </figcaption>
                </figure>
            </div>
        </div>
    </div>
</section> --}}

{{-- <section class="team">
	<div class="container">
		<div class="row justify-content-center">
            <div class="col-12 wow fadeIn">
                <h6>OUR AMAZING FULLY SKILLED TEAM MEMBERS</h6>
                <h2 data-text="Team">Team Members</h2>
            </div>

			<div class="col-lg-2 col-md-3 wow fadeIn">
				<figure>
					<img src="{{ asset('assets/frontend/images/team01.jpg') }}" alt="Image">
					<figcaption>
					<small>Senior UI Designer</small>
						<h4>Alex O'kharin</h4>
					</figcaption>
				</figure>
			</div>

			<div class="col-lg-2 col-md-3 wow fadeIn" data-wow-delay="0.05s">
				<figure>
					<img src="{{ asset('assets/frontend/images/team02.jpg') }}" alt="Image">
					<figcaption>
					<small>Back-end Developer</small>
						<h4>Timmy Abslter</h4>
					</figcaption>
				</figure>
			</div>

			<div class="col-lg-2 col-md-3 wow fadeIn" data-wow-delay="0.10s">
				<figure>
					<img src="{{ asset('assets/frontend/images/team03.jpg') }}" alt="Image">
					<figcaption>
					<small>Project Manager</small>
						<h4>Danny Glober</h4>
					</figcaption>
				</figure>
			</div>

			<div class="col-lg-2 col-md-3 wow fadeIn" data-wow-delay="0.15s">
				<figure>
					<img src="{{ asset('assets/frontend/images/team04.jpg') }}" alt="Image">
					<figcaption>
					<small>Interaction Designer</small>
						<h4>Bradd Lapcan</h4>
					</figcaption>
				</figure>
			</div>

			<div class="col-lg-2 col-md-3 wow fadeIn" data-wow-delay="0.20s">
				<figure>
					<img src="{{ asset('assets/frontend/images/team05.jpg') }}" alt="Image">
					<figcaption>
					<small>Java Developer</small>
						<h4>Sasha O'neil</h4>
					</figcaption>
				</figure>
			</div>

			<div class="col-lg-2 col-md-3 wow fadeIn" data-wow-delay="0.25s">
				<figure>
					<img src="{{ asset('assets/frontend/images/team06.jpg') }}" alt="Image">
					<figcaption>
					<small>Senior .Net Dev</small>
						<h4>Jack Laouram</h4>
					</figcaption>
				</figure>
			</div>
		</div>
	</div>
</section> --}}

{{-- <section class="awards">
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-lg-2 col-md-3 wow fadeIn">
				<figure><img src="{{ asset('assets/frontend/images/awards01.png') }}" alt="Image"></figure>
				<h5>Special Awards</h5>
				<span class="odometer" data-count="8" data-status="yes">0</span>
			</div>

			<div class="col-lg-2 col-md-3 wow fadeIn" data-wow-delay="0.05s">
				<figure><img src="{{ asset('assets/frontend/images/awards02.png') }}" alt="Image"></figure>
				<h5>Honorable Mention</h5>
				<span class="odometer" data-count="12" data-status="yes">0</span>
			</div>

			<div class="col-lg-2 col-md-3 wow fadeIn" data-wow-delay="0.10s">
				<figure><img src="{{ asset('assets/frontend/images/awards03.png') }}" alt="Image"></figure>
				<h5>Site of the Day</h5>
				<span class="odometer" data-count="19" data-status="yes">0</span>
			</div>
		</div>
	</div>
</section> --}}

<section class="clients">
	<div class="container">
		<div class="row">
			<div class="col-lg-5 wow fadeIn">
				<h6>{{ __('global.start_working_with_us') }}</h6>
				<h2>{{ __('global.our_clients') }}</h2>
				<h4>{{ __('global.discover_our_cliets_join_community') }}</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 class="col-lg-7 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>
</section>
@endsection

@section('scripts')
	
@endsection