@extends('public.layouts.default')

@section('title')
    | Help
@endsection

@section('content')
<div class="hero-block-style help-hero-wrap">
	<div class="container">
        <h1 class="main-heading text-center">Help</h1>
	</div>
</div>
@include('public.includes.breadcrumb')
<div class="padding-wrap help-page pt-with-breadcrumb">
    <div class="container">
        <h2 class="main-heading text-center">Trip Issues & Refunds</h2>
        <div class="main-help-block">
            <div class="selection-block">
			<img width="19" height="94" src="/storage/images/pin.png" alt="pin">
			<ul>
				<li>For Riders</li>
				<li>For Users</li>
			</ul>
			<img width="49" height="75" src="/storage/images/locate.png" alt="locate">
            </div>
    <div class="img-section">
        <img width="554" height="379" src="{{ asset("storage/images/home/help1.jpg") }}" alt="help">
    </div>
    {{-- <div class="help-details-block">
       <div class="head">
           <img width="151" height="47" src="storage/images/home/rydeus.png" alt="Rydeus logo">
           <h3 class="small-heading">Help</h3>
        </div>
        <ul>
            <li>
                <div class="img-custom">
                <img src="storage/images/home/care.png" alt="care">
                </div>

                <div class="custom-text">
                <h3 class="small-heading">Customer Care</h3>
                <p class="phone-no"><a href="tel:800 123 4567">800 123 4567</a></p>
                <p class="phone-no"><a href="tel:(905) 495 5954">(905) 495 5954</a></p>
                </div>

            </li>
            <li>
                <div class="img-custom">
                <img src="storage/images/home/mail.png" alt="mail">
                </div>

                <div class="custom-text">
                <h3 class="small-heading">Email Us</h3>
                <p><a href="mailto:support@rydeus.ca">support@rydeus.ca</a></p>
                </div>

            </li>
        </ul>
    </div> --}}

	<div class="help-details-block">
       <div class="head">
           <img width="151" height="47" src="{{ asset("storage/images/home/rydeus.png") }}" alt="Rydeus logo">
           <h3 class="small-heading">Help</h3>
        </div>
        <ul>
            <li>
                <div class="img-custom">
                <i class="fa-light fa-user-headset"></i>
                </div>

                <div class="custom-text">
                <h3 class="small-heading">Customer Care</h3>
                {{-- <p class="phone-no"><a href="tel:800 123 4567">800 123 4567</a></p> --}}
                <p class="phone-no"><a href="tel:(905) 495 5954">(905) 495 5954</a></p>
                </div>
            </li>
            <li>
                <div class="img-custom">
                <i class="fa-light fa-envelope"></i>
                </div>

                <div class="custom-text">
                <h3 class="small-heading">Email Us</h3>
                <p><a href="mailto:support@rydeusairportlimo.com">support@rydeusairportlimo.com</a></p>
                </div>
            </li>
        </ul>
    </div>
	
    </div>
    <div class="follow-block">
        <h4 class="follow-text"><i class="fa-brands fa-x-twitter"></i> Follow us on Twitter</h4>
        <p class="small-text">Get the latest status on the app, or tweet to us with any questions you have.</p>
        <h5 class="follow-rydeus">Follow @Rydeus_ Support</h5>
    </div>
    </div>
</div>
@endsection