@extends('layouts.app')
{{-- @extends('layouts.navbar') --}}
@extends('layouts.home-navbar')
@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-12 col-xl-6 order-0 text-center">
            <img style="width: 60%;" src="{{ asset('home-design-2.png') }}" alt="V Way Taxi">
        </div>
        <div class="col-md-12 col-xl-6 order-1 text-center">
            <h5 class="mb-4 mt-4">
                Auto, Car, Load Vehicles & Acting Drivers @ Single App
            </h5>
            <div>
                <h3 class="mb-4">
                    <strong>Meter Fare</strong><br>
                </h3>
                <h3 class="mb-4">
                    <strong>No Commission</strong><br>
                </h3>
                <h3 class="mb-4">
                    <strong>No Cancellation Fee</strong><br>
                </h3>
            </div>
            <h5 class="mt-4">
                Install APP and book to get most safest & satisfied journey.
            </h5>
            <div class="d-flex justify-content-center">
                <div class="p-1 text-center justify-content-center">
                    <a href="https://play.google.com/store/apps/details?id=login.vway.taxi" style="text-align: -webkit-center;">
                        <img class="playStore-btn" alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/></a>
                    </a>
                </div>
                <div class="p-1 text-center justify-content-center">
                    <a href="https://apps.apple.com/app/v-way-taxi/id1640588586" style="text-align: -webkit-center;">
                        <img class="appStore-btn" alt="Get it on App Store" src="{{ asset('app-store-badge.svg') }}">
                    </a>
                </div>
            </div>
        </div>
    </div>
    {{-- <div class="row my-4">
        <hr>
        <div class="d-lg-flex d-md-block justify-content-evenly">
            <div class="col-lg-12 col-md-12 d-lg-flex d-md-block justify-content-start overflow-auto">
                @foreach ($youtubeVideos as $youtubeVideo)
                    <div class="col-md-5 my-3 ms-2">
                        <div class="card card-body shadow" style="background:transparent;border-radius:30px;">
                            <div class="mb-2 text-center">
                                <iframe style="border: 1px solid #008bf8; border-radius:25px;" width="280" height="185.63" src="https://www.youtube-nocookie.com/embed/{{ $youtubeVideo->video_id }}?rel=0" title="V Way Taxi" 
                                frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                            </div>
                            <div class="p-1">
                                <h6 style="white-space: initial;"><strong>{{ $youtubeVideo->description }}</strong></h6>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div> --}}
    <div class="row">
        <hr>
        <div class="d-lg-flex d-md-block justify-content-center">
            <div class="d-flex justify-content-evenly ms-lg-3 ms-md-0">
                <div class="p-3 text-center justify-content-center">
                    <a href="{{ route('acting-drivers') }}" style="text-align: -webkit-center;"><img class="home-icon" src="{{ asset('icons/monochrome/drivers.webp') }}" alt="Acting Drivers - V Way Taxi"></a>
                    <h3 class="fs-6 mt-3"><strong>{{ __('Acting Drivers') }}</strong></h3>
                </div>
                <div class="p-3 text-center justify-content-center">
                    <a href="{{ route('vehicles-for-sale') }}" style="text-align: -webkit-center;"><img class="home-icon" src="{{ asset('icons/monochrome/self_drive.png') }}" alt="Vehicles For Sale - V Way Taxi"></a>
                    <h3 class="fs-6 mt-3"><strong>{{ __('Vehicles For Sale') }}</strong></h3>
                </div>
            </div>
            <div class="d-flex justify-content-evenly ms-lg-3 ms-md-0">
                <div class="p-3 text-center justify-content-center">
                    <a href="{{ route('self-drive-cars') }}" style="text-align: -webkit-center;"><img class="home-icon" src="{{ asset('icons/monochrome/self_drive.png') }}" alt="Packers & Movers - V Way Taxi"></a>
                    <h3 class="fs-6 mt-3"><strong>{{ __('Self Drive Cars') }}</strong></h3>
                </div>
                <div class="p-3 text-center justify-content-center">
                    <a href="{{ route('travels-and-tours') }}" style="text-align: -webkit-center;"><img class="home-icon" src="{{ asset('icons/monochrome/travels-tours.png') }}" alt="Travels & Tours - V Way Taxi"></a>
                    <h3 class="fs-6 mt-3"><strong>{{ __('Travels & Tours') }}</strong></h3>
                </div>
            </div>
            <div class="d-flex justify-content-evenly ms-lg-3 ms-md-0">
                <div class="p-3 text-center justify-content-center">
                    <a href="{{ route('packers-and-movers') }}" style="text-align: -webkit-center;"><img class="home-icon" src="{{ asset('icons/monochrome/packers-movers.png') }}" alt="Packers & Movers - V Way Taxi"></a>
                    <h3 class="fs-6 mt-3"><strong>{{ __('Packers & Movers') }}</strong></h3>
                </div>
                <div class="p-3 text-center justify-content-center">
                    <a href="{{ route('latest-offers') }}" style="text-align: -webkit-center;"><img class="home-icon" src="{{ asset('icons/monochrome/offers.webp') }}" alt="Latest Offers - V Way Taxi"></a>
                    <h3 class="fs-6 mt-3"><strong>{{ __('Latest Offers') }}</strong></h3>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <hr>
        <div class="d-lg-flex d-md-block justify-content-center">
            <div class="d-flex justify-content-evenly ms-lg-3 ms-md-0">
                <div class="p-3 text-center justify-content-center">
                    <img class="img-fluid w-50" src="{{ asset('company-img.png') }}" alt="Companies - V Way Taxi">
                </div>
            </div>
            <div class="d-flex justify-content-evenly ms-lg-3 ms-md-0">
                <div class="p-3 text-center justify-content-center">
                    <h6>Once you are running Travels, packers & movers and Self drive cars service, then this is the most useful directory to display your service and get enquiries. <br>We supports your business and your offers to meet valid customers via V Way Taxi App and website.</h6>
                    @guest
                    <h6>New User? <a href="{{ route('company.register') }}" class="btn btn-outline-primary ms-2">Register</a></h6>
                    <h6>Already Registered? <a href="{{ route('login') }}" class="btn btn-outline-primary ms-2">Login</a></h6>
                    @else
                    <h6>Go To Profile <a href="{{ route('profile.edit') }}" class="btn btn-outline-primary ms-2">Profile</a></h6>
                    @endguest
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@extends('layouts.footer')