@extends('front.layouts.app')

@section('content')

 <section class="main-slider main-slider--inner p-0" id="mainSlider">
        <div class="swiper-container homeSlider">
            <div class="swiper-slide">
                <div class="slide-inner bg-image" data-background="{{ asset('front_ui/images/mainBnnr.webp') }}">
                    <div class="container">
                        <div class="row aic">
                            <div class="col-lg-6">
                                <div class="slideOne">
                                    <h1>Driver</h1>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="driver-page">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="driverpg-content">
                        <h2 class="main-head text-black">Opportunity is everywhere</h2>
                        <p>Make the most of your time on the road on the platform with the largest network of active riders.</p>
                        <div class="d-flex">
                            <a href="javascript:;" class="themeBtn">Sign up to drive <i class="far fa-arrow-up"></i></a>
                            <span>Already have an account? <a href="#">Sign in</a></span>
                        </div>
                    </div>
                    <div class="drvr-money">
                        <h2 class="main-head text-black">Make money when you want</h2>
                        <figure>
                            <img src="{{ asset('front_ui/images/driverimg.jpg') }}" class="w-100" alt="img">
                        </figure>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="set-own">
                        <figure><img src="{{ asset('front_ui/images/calendaricon.png') }}" class="img-fluid" alt="img"></figure>
                        <h4>Set your own schedule</h4>
                        <p>You’re the boss. You can drive with the Quick Ride app day or night. Fit driving around your life, not the other way around.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="set-own">
                        <figure><img src="{{ asset('front_ui/images/termicon.png') }}" class="img-fluid" alt="img"></figure>
                        <h4>Make money on your terms</h4>
                        <p>The more you drive, the more money you can make. When demand is higher than normal, you can make even more.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="set-own">
                        <figure><img src="{{ asset('front_ui/images/leadicon.png') }}" class="img-fluid" alt="img"></figure>
                        <h4>Let the app lead the way</h4>
                        <p>Just tap and go. You get turn-by-turn directions, suggestions to help you make more money, and 24/7 support.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="get-main">
        <div class="container">
            <h2 class="main-head text-black">Get started</h2>
            <div class="row">
                <div class="col-md-4">
                    <div class="get-drive">
                        <figure>
                            <img src="{{ asset('front_ui/images/signupimg.jpg') }}" class="w-100" alt="img">
                        </figure>
                        <h4>Sign up online</h4>
                        <p>Just tell us which city you'd like to drive in and the type of license you have. We'll email you with your next steps.</p>
                        <a href="#" class="themeBtn">Sign up online</a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="get-drive">
                        <figure>
                            <img src="{{ asset('front_ui/images/checkimg.jpg') }}" class="w-100" alt="img">
                        </figure>
                        <h4>Check driving requirements</h4>
                        <p>All kinds of people are eligible to drive with Quick Ride. Here’s what you need to know if you’re driving in Georgia, Albany, Americus, and other cities.</p>
                        <a href="#" class="themeBtn">Requirements</a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="get-drive">
                        <figure>
                            <img src="{{ asset('front_ui/images/getimg.jpg') }}" class="w-100" alt="img">
                        </figure>
                        <h4>Get a vehicle</h4>
                        <p>Which car is right for you? Make sure it meets our standards in america, and remember that you’ll make more money if you keep your costs low.</p>
                        <a href="#" class="themeBtn">Vehicle requirements</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="drive-safely">
        <div class="container">
            <h2 class="main-head text-black">Quick Ride extras</h2>
            <div class="row">
                <div class="col-md-4">
                    <div class="safely-card">
                        <figure>
                            <img src="{{ asset('front_ui/images/sporticon.png') }}" class="img-fluid" alt="img">
                        </figure>
                        <h5>Get support</h5>
                        <p>Let’s make every Quick Ride trip hassle-free. Our support pages can help you set up your account, get started with the app, adjust fares, and much more.</p>
                        <a href="#" class="themeBtn">Get Help</a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="safely-card">
                        <figure>
                            <img src="{{ asset('front_ui/images/cntcticon.png') }}" class="img-fluid" alt="img">
                        </figure>
                        <h5>Contact us</h5>
                        <p>Got questions? Get answers. Enjoy<br>personal support at an Quick Ride<br>Greenlight Hub in Georgia, Albany,<br>Americus, and other cities.</p>
                        <a href="#" class="themeBtn">Contact us</a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="safely-card">
                        <figure>
                            <img src="{{ asset('front_ui/images/safelyicon.png') }}" class="img-fluid" alt="img">
                        </figure>
                        <h5>Drive safely</h5>
                        <p>The Quick Ride app is full of features that<br>help you stay safe and confident before,<br>during, and after every trip. And if you need<br>help, Quick Ride gives you 24/7 support.</p>
                        <a href="#" class="themeBtn">Read more about safety</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="drive-faq">
        <div class="container">
            <h2 class="main-head text-black">Frequently asked questions</h2>
            <div class="row justify-content-center">

                <div class="col-md-12 " data-aos="fade-right">
                    <div id="accordion">
                        <div class="card bg-yellow">
                            <div id="headingOne ">
                                <h5 class="mb-0 ">
                                    <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne"
                                        aria-expanded="true" aria-controls="collapseOne">Can I drive with Quick Ride in my city?
                                        <i class="far fa-arrow-down"></i>
                                    </button>
                                </h5>
                            </div>
                            <div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
                                data-parent="#accordion">
                                <div class="card-body">
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                                        Ipsum has been the industry's standard dummy text ever since the 1500s, when an
                                        unknown printer took a galley of type and scrambled it to make a type specimen
                                        book. It has survived not only five centuries, but also the leap into electronic
                                        typesetting, remaining essentially unchanged.</p>
                                </div>
                            </div>
                        </div>
                        <div class="card ">
                            <div id="headingTwo ">
                                <h5 class="mb-0">
                                    <button class="btn btn-link collapsed" data-toggle="collapse"
                                        data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                        What are the requirements to drive with Quick Ride?
                                        <i class="far fa-arrow-down"></i>
                                    </button>
                                </h5>
                            </div>
                            <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
                                data-parent="#accordion">
                                <div class="card-body">
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                                        Ipsum has been the industry's standard dummy text ever since the 1500s, when an
                                        unknown printer took a galley of type and scrambled it to make a type specimen
                                        book. It has survived not only five centuries, but also the leap into electronic
                                        typesetting, remaining essentially unchanged.</p>
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div id="headingthre">
                                <h5 class="mb-0">
                                    <button class="btn btn-link collapsed" data-toggle="collapse"
                                        data-target="#collapsethre" aria-expanded="false" aria-controls="collapsethre">
                                        Is the Quick Ride platform safe?
                                        <i class="far fa-arrow-down"></i>
                                    </button>
                                </h5>
                            </div>
                            <div id="collapsethre" class="collapse" aria-labelledby="headingthre"
                                data-parent="#accordion">
                                <div class="card-body">
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                                        Ipsum has been the industry's standard dummy text ever since the 1500s, when an
                                        unknown printer took a galley of type and scrambled it to make a type specimen
                                        book. It has survived not only five centuries, but also the leap into electronic
                                        typesetting, remaining essentially unchanged.</p>
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div id="headingfour">
                                <h5 class="mb-0">
                                    <button class="btn btn-link collapsed" data-toggle="collapse"
                                        data-target="#collapsefour" aria-expanded="false" aria-controls="collapsefour">
                                        Do I need my own car?
                                        <i class="far fa-arrow-down"></i>
                                    </button>
                                </h5>
                            </div>
                            <div id="collapsefour" class="collapse" aria-labelledby="headingfour"
                                data-parent="#accordion">
                                <div class="card-body">
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                                        Ipsum has been the industry's standard dummy text ever since the 1500s, when an
                                        unknown printer took a galley of type and scrambled it to make a type specimen
                                        book. It has survived not only five centuries, but also the leap into electronic
                                        typesetting, remaining essentially unchanged.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="quick-app">
        <div class="container">
            <div class="row">
                <div class="col-md-5">
                    <div class="quickapp-content">
                        <h2 class="main-head text-white">The Quick Ride app</h2>
                        <p>Easy to use and reliable, the app was built for drivers, with drivers. It shows you everything you need to know to become a driver with Quick Ride.</p>
                        <a href="#" class="themeBtn">See How it works</a>
                    </div>
                </div>
            </div>
        </div>
        <figure><img src="{{ asset('front_ui/images/quickrdimg.jpg') }}" class="img-fluid" alt="img"></figure>
    </section>


    <section class="ride-way">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <div class="rideway-content">
                        <h2 class="main-head text-black">Quick Ride your way in the app</h2>
                        <div class="download-qr">
                            <figure>
                                <img src="{{ asset('front_ui/images/qrcode.png') }}" class="img-fluid" alt="img">
                            </figure>
                            <div>
                                <h5>download the Quick Ride app</h5>
                                <span>Scan to download</span>
                            </div>
                            <a href="#"><i class="fal fa-long-arrow-right"></i></a>
                        </div>
                    </div>

                    <div class="signup-ride">
                        <h2 class="main-head text-black">Sign up to Quick Ride</h2>
                        <form>
                            <input type="text" placeholder="enter your email address">
                            <button><i class="fal fa-long-arrow-right"></i></button>
                        </form>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="singup-para">
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                        <p>Popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection