File: /var/www/admin.javaapp.co.uk/resources/views/mobile-app/FAQs-app.blade.php
<x-app-layout>
<x-slot name="css">
<!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM STYLES -->
<link href="{{ asset('assets/css/pages/faq/faq2.css') }}" rel="stylesheet" type="text/css" />
<!-- END PAGE LEVEL PLUGINS/CUSTOM STYLES -->
<style>
body {
font-size: 16px;
}
.accordion ul li {
margin-bottom: 10px;
}
.accordion .card-header {
cursor: pointer;
background: none;
font-weight: 600;
color: #101010;
font-size: 18px;
padding: 0;
}
.accordion .card {
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
border-top: 1px solid rgba(0, 0, 0, 0.125);
background: none;
margin-top: -1px;
}
.accordion .card-header div[data-toggle="collapse"] {
padding: 0.75rem 1.25rem;
}
@media (max-width:767px) {
.accordion .card-header div[data-toggle="collapse"] {
padding: 15px 10px;
}
.accordion .card-body {
padding: 15px 10px;
}
}
</style>
</x-slot>
<div class="page-header">
<div class="page-title">
<h3>{{ __('common.frequentlyAskedQuestions') }}</h3>
</div>
</div>
<div class="row layout-top-spacing">
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
<div class="accordion" id="simple_faq">
<div class="card">
<div class="card-header" id="fqheadingOne">
<div class="mb-0 d-flex" data-toggle="collapse" role="navigation" data-target="#fqcollapseOne"
aria-expanded="true" aria-controls="fqcollapseOne">
<span class="faq-q-title">How does the app work?</span>
<div class="icons d-flex ml-auto">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</div>
</div>
</div>
<div id="fqcollapseOne" class="collapse show" aria-labelledby="fqheadingOne"
data-parent="#simple_faq">
<div class="card-body">
<p>The main function of the Java Go app is to make coffee runs more efficient and to provide
users with ‘rewards’ for going on coffee runs/ ordering drinks from independent cafés.
The functions of the app are as follows:
</p>
<ul>
<li>Allows users to notify people in their ‘group’ that they will be going on a coffee
run</li>
<li>Allow users to request that a member of their ‘group’ does a coffee run</li>
<li>When invited on a coffee run, user can select their order and pay for it</li>
<li>The user who is going on the coffee run can view everyone’s order once they have
paid for it</li>
<li>Once a user pays for their order, their loyalty card for that café is automatically
stamped</li>
<li>The home page allows users to view their local cafés or search for a specific type
of café</li>
</ul>
<p>The ‘coffee run’ screen allows you to create ‘groups’ with different participants.</p>
<p>You can select a group in order to invite them, when sending invitations, you need to
select which café you will be going to (or making an in-house drink), you need to select
if you would like to pay for anyone’s drink and then you set a timer. Once you send the
invites, the participants invited will receive a notification on their phones.
They then select their order and forward the payment to you.
The ‘view order’ button allows you to view everyone’s orders.
</p>
<p>You can also request a coffee run, participants will be able to see requests and
volunteer to go on a coffee run.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="fqheadingTwo">
<div class="mb-0 d-flex collapsed" data-toggle="collapse" role="navigation"
data-target="#fqcollapseTwo" aria-expanded="false" aria-controls="fqcollapseTwo">
<span class="faq-q-title">What are the benefits of using Java Go?</span>
<div class="icons d-flex ml-auto">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</div>
</div>
</div>
<div id="fqcollapseTwo" class="collapse" aria-labelledby="fqheadingTwo" data-parent="#simple_faq">
<div class="card-body">
<p>With the Java Go app coffee runs are faster, more efficient and most importantly,
stress-free! Java Go also connects you to great independent cafés across London!</p>
<div class="row">
<div class="col-lg-6">
<p><b>Using the app allows you to have hassle-free coffee runs by eliminating the
need to:</b></p>
<ul>
<li>Ask colleagues for their orders individually</li>
<li>Write down or memorise orders</li>
<li>Chase colleagues to pay you back</li>
</ul>
</div>
<div class="col-lg-6">
<p><b>Other benefits include:</b></p>
<ul>
<li>Your loyalty cards are automatically stamped </li>
<li>Discovering independent cafés local to you</li>
<li>Searching cafés using specific categories (i.e. vegan cafés)</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="fqheadingThree">
<div class="mb-0 d-flex collapsed" data-toggle="collapse" role="navigation"
data-target="#fqcollapseThree" aria-expanded="false" aria-controls="fqcollapseThree">
<span class="faq-q-title">What type of cafés are on the platform?</span>
<div class="icons d-flex ml-auto">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</div>
</div>
</div>
<div id="fqcollapseThree" class="collapse" aria-labelledby="fqheadingThree"
data-parent="#simple_faq">
<div class="card-body">
<p>Independent and small chain coffee shops. Also mobile coffee carts.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="fqheadingFour">
<div class="mb-0 d-flex collapsed" data-toggle="collapse" role="navigation"
data-target="#fqcollapseFour" aria-expanded="false" aria-controls="fqcollapseFour">
<span class="faq-q-title">Which cities does Java Go cover?</span>
<div class="icons d-flex ml-auto">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</div>
</div>
</div>
<div id="fqcollapseFour" class="collapse" aria-labelledby="fqheadingFour"
data-parent="#simple_faq">
<div class="card-body">
<p>We currently only cater to the city of London but are planning on expanding to other
parts of the UK</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="fqheadingFive">
<div class="mb-0 d-flex collapsed" data-toggle="collapse" role="navigation"
data-target="#fqcollapseFive" aria-expanded="false" aria-controls="fqcollapseFive">
<span class="faq-q-title">Is this app free?</span>
<div class="icons d-flex ml-auto">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</div>
</div>
</div>
<div id="fqcollapseFive" class="collapse" aria-labelledby="fqheadingFive"
data-parent="#simple_faq">
<div class="card-body">
<p>Yes, however, you are charged a service fee of 25p when transferring payment.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="fqheadingSix">
<div class="mb-0 d-flex collapsed" data-toggle="collapse" role="navigation"
data-target="#fqcollapseSix" aria-expanded="false" aria-controls="fqcollapseSix">
<span class="faq-q-title">Who is my payment sent to?</span>
<div class="icons d-flex ml-auto">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</div>
</div>
</div>
<div id="fqcollapseSix" class="collapse" aria-labelledby="fqheadingSix"
data-parent="#simple_faq">
<div class="card-body">
<p>The payment you make is sent to the person who has invited you to the coffee run, we ask
that you are careful with regards to who you send the payment to as misuse of the money
transferred is their responsibility (as per the Java Go terms and conditions).</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="fqheadingSeven">
<div class="mb-0 d-flex collapsed" data-toggle="collapse" role="navigation"
data-target="#fqcollapseSeven" aria-expanded="false" aria-controls="fqcollapseSeven">
<span class="faq-q-title">Who is the app for?</span>
<div class="icons d-flex ml-auto">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</div>
</div>
</div>
<div id="fqcollapseSeven" class="collapse" aria-labelledby="fqheadingSeven"
data-parent="#simple_faq">
<div class="card-body">
<p>This app is aimed at any group of people (in London) who like to have coffee runs! We are
also for any coffee shop enthusiasts who want to discover the best independent cafés in
London.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="fqheadingEight">
<div class="mb-0 d-flex collapsed" data-toggle="collapse" role="navigation"
data-target="#fqcollapseEight" aria-expanded="false" aria-controls="fqcollapseSeven">
<span class="faq-q-title">I have a question about a menu item</span>
<div class="icons d-flex ml-auto">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</div>
</div>
</div>
<div id="fqcollapseEight" class="collapse" aria-labelledby="fqheadingEight"
data-parent="#simple_faq">
<div class="card-body">
<p>Please contact the café directly if you have questions or would like to ask about
allergies.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="fqheadingNine">
<div class="mb-0 d-flex collapsed" data-toggle="collapse" role="navigation"
data-target="#fqcollapseNine" aria-expanded="false" aria-controls="fqcollapseNine">
<span class="faq-q-title">I would like to change the item I ordered</span>
<div class="icons d-flex ml-auto">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</div>
</div>
</div>
<div id="fqcollapseNine" class="collapse" aria-labelledby="fqheadingNine"
data-parent="#simple_faq">
<div class="card-body">
<p>Unfortunately, This is not currently possible on this version of Java Go and will
therefore need to be dealt with externally.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="fqheadingTen">
<div class="mb-0 d-flex collapsed" data-toggle="collapse" role="navigation"
data-target="#fqcollapseTen" aria-expanded="false" aria-controls="fqcollapseTen">
<span class="faq-q-title">I would like a refund for an order</span>
<div class="icons d-flex ml-auto">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</div>
</div>
</div>
<div id="fqcollapseTen" class="collapse" aria-labelledby="fqheadingTen"
data-parent="#simple_faq">
<div class="card-body">
<p>Unfortunately, This is not currently possible on this version of Java Go and will
therefore need to be dealt with externally.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="fqheadingEleone">
<div class="mb-0 d-flex collapsed" data-toggle="collapse" role="navigation"
data-target="#fqcollapseEleone" aria-expanded="false" aria-controls="fqcollapseEleone">
<span class="faq-q-title">Does the café receive the order ahead of time?</span>
<div class="icons d-flex ml-auto">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</div>
</div>
</div>
<div id="fqcollapseEleone" class="collapse" aria-labelledby="fqheadingEleone"
data-parent="#simple_faq">
<div class="card-body">
<p>No, the person doing the coffee run will need to place the order when they arrive.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="fqheadingTwelve">
<div class="mb-0 d-flex collapsed" data-toggle="collapse" role="navigation"
data-target="#fqcollapseTwelve" aria-expanded="false" aria-controls="fqcollapseTwelve">
<span class="faq-q-title">Can I suggest a coffee shop to be added to the app?</span>
<div class="icons d-flex ml-auto">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</div>
</div>
</div>
<div id="fqcollapseTwelve" class="collapse" aria-labelledby="fqheadingTwelve"
data-parent="#simple_faq">
<div class="card-body">
<p>Yes! Please use the button at the bottom of the ‘home’ screen to let us know which coffee
shop you would like to be added and we will contact them.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="fqheadingThirteen">
<div class="mb-0 d-flex collapsed" data-toggle="collapse" role="navigation"
data-target="#fqcollapseThirteen" aria-expanded="false"
aria-controls="fqcollapseThirteen">
<span class="faq-q-title">Is there a loyalty program or rewards system for frequent
users?</span>
<div class="icons d-flex ml-auto">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</div>
</div>
</div>
<div id="fqcollapseThirteen" class="collapse" aria-labelledby="fqheadingThirteen"
data-parent="#simple_faq">
<div class="card-body">
<p>Each café has its own loyalty card scheme. When you make an order, your loyalty card for
the chosen café is automatically stamped. The ‘wallet’ screen displays your different
loyalty cards.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="fqheadingFourteen">
<div class="mb-0 d-flex collapsed" data-toggle="collapse" role="navigation"
data-target="#fqcollapseFourteen" aria-expanded="false"
aria-controls="fqcollapseFourteen">
<span class="faq-q-title">How can I get in touch with customer support if I have any
issues?</span>
<div class="icons d-flex ml-auto">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-chevron-up">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</div>
</div>
</div>
<div id="fqcollapseFourteen" class="collapse" aria-labelledby="fqheadingFourteen"
data-parent="#simple_faq">
<div class="card-body">
<p>Please contact us at the email address <a
href="mailto:Javago@javaapp.co.uk">Javago@javaapp.co.uk.</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</x-app-layout>
<x-slot name="script">
<script src="{{ asset('assets/js/pages/faq/faq2.js') }}"></script>
</x-slot>