@extends('user.layout.app')

@section('content')
<!-- Banner -->
    <div class="cps-banner style-5" id="banner">
        <div class="cps-banner-item cps-banner-item-10">
            <div class="overlay">
                <div class="cps-banner-content">
                    <div class="container">
                        <div class="row">
                            <div class="col-xs-12 text-center">
                                <h1 class="cps-banner-title">Book a Cab<br/> Using {{ Setting::get('site_title','Unicotaxi') }} App in Just Two Steps</h1>
                                <p class="cps-banner-text">Get to your destination on time with speedy transportation from {{ Setting::get('site_title','Unicotaxi') }}, <br>we transport clients to any location, local or long distance</p>
                                <div class="cps-button-group">
                                    <a class="btn btn-primary" href="{{url('register')}}">Sign up - it's Free!</a>
                                    <p class="sign-in-text">Allready using {{ Setting::get('site_title','Unicotaxi') }} ? <a href="{{url('/login')}}">Sign in</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Banner End -->
<div class="cps-section cps-section-padding cps-bottom-0">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2 col-xs-12">
                        <div class="cps-section-header text-center">
                            <h3 class="cps-section-title">{{ Setting::get('site_title','Unicotaxi') }} Mobile App</h3>
                        </div>
                    </div>
                    <div class="col-sm-6 col-xs-12">
                        <div class="cps-section-header text-left">
                            <h3 class="cps-section-title">Tap the app, get a ride</h3>
                            <p class="cps-section-text">{{ Setting::get('site_title','Unicotaxi') }} is the smartest way to get around. One tap and a car comes directly to you. Your driver knows exactly where to go. And you can pay with either cash or card. Advanced reservations are welcomed and guaranteed, no matter the size of your group, so request a quote today for our quality transportation service.</p>
                        </div>
                    </div>
                    <div class="col-sm-6 col-xs-12 text-center">
                        <img class="img-responsive features-side-img" src="{{asset('asset/img/tap.png')}}" alt="Features Image" style="height: 218px;">
                    </div>
                </div>
            </div>
        </div>
        
        <div class="cps-section cps-section-padding cps-bottom-0">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 col-xs-12 col-sm-push-6">
                        <div class="cps-section-header text-left">
                            <h3 class="cps-section-title">Ready anywhere, anytime</h3>
                            <p class="cps-section-text">Daily commute. Errand across town. Early morning flight. Late night drinks. Wherever you’re headed, count on {{ Setting::get('site_title','Unicotaxi') }} for a ride—no reservations needed. We charge low rates and drive clean and well-maintained vehicles, all to ensure a pleasant and affordable ride. When you're in need of prompt and dependable taxi service, count on us!</p>
                        </div>
                    </div>
                    <div class="col-sm-6 col-xs-12 col-sm-pull-6">
                        <img class="img-responsive features-side-img" src="{{asset('asset/img/anywhere.png')}}" alt="Features Image">
                    </div>
                </div>
            </div>
        </div>
        <div class="cps-section cps-section-padding ">
            <div class="container">
                <div class="row">
                    <div class="cps-services">
                        <div class="col-md-4">
                            <div class="cps-service style-5">
                                <div class="cps-service-icon">
                                    <span class="ti-layers-alt"></span>
                                </div>
                                <h4 class="cps-service-title">Schedule Your Ride</h4>
                                <p class="cps-service-text">Schedule your ride several months in advance.One less thing to worry about. Each category has its own price system.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="cps-service style-5">
                                <div class="cps-service-icon">
                                    <span class="ti-ruler-pencil"></span>
                                </div>
                                <h4 class="cps-service-title">Easy to use</h4>
                                <p class="cps-service-text">Both riders and vehicles are geolocalized, an easy way to find each other. For a perfect transparency and service optimization, riders can rate the driver.</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="cps-service style-5">
                                <div class="cps-service-icon">
                                    <span class="ti-comments"></span>
                                </div>
                                <h4 class="cps-service-title">24 Hours Supports</h4>
                                <p class="cps-service-text">{{ Setting::get('site_title','Unicotaxi') }} service is available 24/7. Where you want. When you want.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="cps-cta cps-gray-bg style-4">
            <div class="container text-center">
                <h3 class="cps-cta-title">Driver &amp; Passenger App on Android and IOS</h3>
                <p class="cps-cta-text">Your App for Taxis, Cars and Beyond...</p>
                <div class="cps-cta-download">
                    <a href="{{Setting::get('store_link_android','#')}}" target="_blank"><img src="{{asset('asset/theme/images/googleplay.png')}}" alt="Download from Google Play"></a>
                    <a href="{{Setting::get('store_link_ios','#')}}" target="_blank"><img src="{{asset('asset/theme/images/appstore.png')}}" alt="Download from Play Store"></a>
                </div>
            </div>
        </div>
@endsection