@extends('layouts.app')

@section('title','FAQs')

@section('meta')
  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="{{Request::url()}}">
  <meta property="og:title" content="FAQs">
  <meta property="og:image" content="{{asset('images/reef-rocks-ltd.jpg')}}">
  <meta property="og:description" content="Have a question about Reef? Check out our FAQ page to see if you can find your answer here. If not, reach out to us and one of our team will be in touch.">

  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image">
  <meta property="twitter:url" content="{{Request::url()}}">
  <meta property="twitter:title" content="FAQs">
  <meta property="twitter:image" content="{{asset('images/reef-rocks-ltd.jpg')}}">

  <meta property="og:image:width" content="600"/>
  <meta property="og:image:height" content="315"/>

  <meta name="description" content="Have a question about Reef? Check out our FAQ page to see if you can find your answer here. If not, reach out to us and one of our team will be in touch.">
@endsection

@section('header')
	@include('front.partials.header')
@endsection


@section('content')
<div class="page-wrapper">
 <section class="home-top text-center text-sm-start">
    <div class="container h-100 position-relative">
        <div class="row g-5 h-100 align-items-center">
            <div class="col-10 offset-1 col-sm-8 offset-sm-2 col-md-6 offset-md-0 col-lg-7 offset-lg-0 order-last order-md-first">
                <img src="{{asset('images/faq-bg.png')}}" alt="#" class="image-auto">
            </div>
            <div class="col-12 col-md-6 col-lg-5 order-first order-mg-last">
                <h1 class="mb-4 f-45">Frequently Asked Questions</h1>
                <p class="pe-0 pe-xl-5 mb-3 mb-md-4 f-14">We’ve compiled a list of answers to common questions.</p>
                <ul class="list-inline list-mobile-fix mb-0">
                    <li class="list-inline-item py-1">
                        <a href="#" class="btn w160 green mobile-full scrollto" target="next-div">Learn more</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <a href="#" class="scroll-down scrollto" target="next-div">Scroll down</a>
</section>

<section class="standard-block" id="next-div">
    <div class="container">
        <div class="row">
            <div class="col-12 offset-0 col-xl-10 offset-xl-1">
                <div class="mb-5">
                    <p class="h3 text-uppercase f-22">The subscription</p>
                    <div class="collapse-div">
                        <p class="mb-0 f-14"><a class="collapse-link collapsed f-18" data-bs-toggle="collapse" href="#collapse-1" role="button" aria-expanded="false" aria-controls="collapse-1">How long is the subscription for?</a></p>
                        <div class="collapse" id="collapse-1">
                            <div class="px-2 pt-2 pb-3">
                                <p class="f-14">We have 2 models. The first is the monthly subscription. This renews every 30 days. We also have the annual subscription, which is 12 months.</p>
                            </div>
                        </div>
                    </div>
                    <div class="collapse-div">
                        <p class="mb-0 f-14"><a class="collapse-link collapsed f-18" data-bs-toggle="collapse" href="#collapse-2" role="button" aria-expanded="false" aria-controls="collapse-2">How much does the subscription cost?</a></p>
                        <div class="collapse" id="collapse-2">
                            <div class="px-2 pt-2 pb-3">
                                <p class="f-14">For the monthly subscription, it costs £4.99 per user per month. For our annual subscription, it’s £81 +VAT per user per year. We offer discounts when licences are bought in bulk. You can learn more about pricing on our <a href="{{route('pricing')}}"><i>pricing page</i></a>.</p>
                            </div>
                        </div>
                    </div>
                    <div class="collapse-div">
                        <p class="mb-0 f-14"><a class="collapse-link collapsed f-18" data-bs-toggle="collapse" href="#collapse-3" role="button" aria-expanded="false" aria-controls="collapse-3">Do you offer bulk discounts?</a></p>
                        <div class="collapse" id="collapse-3">
                            <div class="px-2 pt-2 pb-3">
                                <p class="f-14">Yes. If you have over 500 users, please <a href="https://www.reef.rocks/contact"><i>get in touch</i></a>.</p>

                            </div>
                        </div>
                    </div>
                    <div class="collapse-div">
                        <p class="mb-0 f-14"><a class="collapse-link collapsed f-18" data-bs-toggle="collapse" href="#collapse-4" role="button" aria-expanded="false" aria-controls="collapse-4">Is there a minimum or maximum number of users I can have?</a></p>
                        <div class="collapse" id="collapse-4">
                            <div class="px-2 pt-2 pb-3">
                                <p class="f-14">No. We can take companies of 1 to over 1,000 onto the Reef app.</p>
                            </div>
                        </div>
                    </div>
                    <div class="collapse-div">
                        <p class="mb-0 f-14"><a class="collapse-link collapsed f-18" data-bs-toggle="collapse" href="#collapse-5" role="button" aria-expanded="false" aria-controls="collapse-5">What does the subscription include?</a></p>
                        <div class="collapse" id="collapse-5">
                            <div class="px-2 pt-2 pb-3">
                                <p class="f-14">This depends on the package you go for. You can view this on our <a href="{{route('pricing')}}"><i>pricing page</i></a>.</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="mb-5">
                    <p class="h3  text-uppercase f-22">Using Reef</p>
                    <div class="collapse-div">
                        <p class="mb-0 f-14"><a class="collapse-link collapsed f-18" data-bs-toggle="collapse" href="#collapse-6" role="button" aria-expanded="false" aria-controls="collapse-6">How do I login?</a></p>
                        <div class="collapse" id="collapse-6">
                            <div class="px-2 pt-2 pb-3">
                                <p class="f-14">Once you have downloaded the app from Apple’s App Store or Google’s Play Store, you will have received an email with a unique code. You can then create your password once you have logged in with your unique code.</p>
                            </div>
                        </div>
                    </div>
                    <div class="collapse-div">
                        <p class="mb-0 f-14"><a class="collapse-link collapsed f-18" data-bs-toggle="collapse" href="#collapse-7" role="button" aria-expanded="false" aria-controls="collapse-7">How do I find a space that's perfect for me?</a></p>
                        <div class="collapse" id="collapse-7">
                            <div class="px-2 pt-2 pb-3">
                                <p class="f-14">You can view all spaces around you in either list mode or map mode. You can then filter these spaces down to find the perfect space for you to work from.</p>
                            </div>
                        </div>
                    </div>
                    <div class="collapse-div">
                        <p class="mb-0 f-14"><a class="collapse-link collapsed f-18" data-bs-toggle="collapse" href="#collapse-8" role="button" aria-expanded="false" aria-controls="collapse-8">How do I book a space?</a></p>
                        <div class="collapse" id="collapse-8">
                            <div class="px-2 pt-2 pb-3">
                                <p class="f-14">Once you have found the space you would like to book, scroll to the bottom of their profile and select the date and then time you would like to use the space. Once completed, click the “Book now” button. You will receive a confirmation email once complete.</p>
                            </div>
                        </div>
                    </div>
                    <div class="collapse-div">
                        <p class="mb-0 f-14"><a class="collapse-link collapsed f-18" data-bs-toggle="collapse" href="#collapse-9" role="button" aria-expanded="false" aria-controls="collapse-9">How do I receive discounts off food & drink?</a></p>
                        <div class="collapse" id="collapse-9">
                            <div class="px-2 pt-2 pb-3">
                                <p class="f-14">You can view what discounts the space has on their profile section on the app. You can then show your digital Reef card located in the settings section of the app to the space to be entitled to your discount. If you have any issues, please <a href="#"><i>report here</i></a>.</p>
                            </div>
                        </div>
                    </div>
                    <div class="collapse-div">
                        <p class="mb-0 f-14"><a class="collapse-link collapsed f-18" data-bs-toggle="collapse" href="#collapse-10" role="button" aria-expanded="false" aria-controls="collapse-10">How do I access partner discounts?</a></p>
                        <div class="collapse" id="collapse-10">
                            <div class="px-2 pt-2 pb-3">
                                <p class="f-14">You can view this within the settings tab on the app, and clicking on discounts.</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="mb-0">
                    <p class="h3 text-uppercase f-22">Other questions</p>
                    <div class="collapse-div">
                        <p class="mb-0 f-14"><a class="collapse-link collapsed f-18" data-bs-toggle="collapse" href="#collapse-11" role="button" aria-expanded="false" aria-controls="collapse-11">How do I download the Reef app?</a></p>
                        <div class="collapse" id="collapse-11">
                            <div class="px-2 pt-2 pb-3">
                                <p class="f-14">You can download the Reef app from Apple’s App Store or Google’s Play Store.</p>
                            </div>
                        </div>
                    </div>
                    <div class="collapse-div">
                        <p class="mb-0 f-14"><a class="collapse-link collapsed f-18" data-bs-toggle="collapse" href="#collapse-12" role="button" aria-expanded="false" aria-controls="collapse-12">What countries is Reef in?</a></p>
                        <div class="collapse" id="collapse-12">
                            <div class="px-2 pt-2 pb-3">
                                <p class="f-14">We currently have spaces across the UK, The Netherlands, US & North Macedonia.</p>
                            </div>
                        </div>
                    </div>
                    <div class="collapse-div">
                        <p class="mb-0 f-14"><a class="collapse-link collapsed f-18" data-bs-toggle="collapse" href="#collapse-13" role="button" aria-expanded="false" aria-controls="collapse-13">How do I login to my company portal?</a></p>
                        <div class="collapse" id="collapse-13">
                            <div class="px-2 pt-2 pb-3">
                                <p class="f-14">You can login to your company portal here with your email and password.</p>
                            </div>
                        </div>
                    </div>
                    <div class="collapse-div">
                        <p class="mb-0 f-14"><a class="collapse-link collapsed f-18" data-bs-toggle="collapse" href="#collapse-14" role="button" aria-expanded="false" aria-controls="collapse-14">How can I see what spaces are in which areas?</a></p>
                        <div class="collapse" id="collapse-14">
                            <div class="px-2 pt-2 pb-3">
                                <p class="f-14">You can book a meeting with one of our team who can sign you up to our freemium version for you to see where our spaces are located.</p>
                            </div>
                        </div>
                    </div>
                    <div class="collapse-div">
                        <p class="mb-0 f-14"><a class="collapse-link collapsed f-18" data-bs-toggle="collapse" href="#collapse-15" role="button" aria-expanded="false" aria-controls="collapse-15">How can I request new features?</a></p>
                        <div class="collapse" id="collapse-15">
                            <div class="px-2 pt-2 pb-3">
                                <p class="f-14">The best way to request new features is by joining our <a href="#"><i>Discord channel</i></a>.</p>
                            </div>
                        </div>
                    </div>
                    <div class="collapse-div">
                        <p class="mb-0 f-14"><a class="collapse-link collapsed f-18" data-bs-toggle="collapse" href="#collapse-16" role="button" aria-expanded="false" aria-controls="collapse-16">How does my team gain access to the Reef Discord channel?</a></p>
                        <div class="collapse" id="collapse-16">
                            <div class="px-2 pt-2 pb-3">
                                <p class="f-14">You can send your team the link to our Discord channel: <a href="#"><i>https://discord.gg/FKPxNeYa</i></a></p>
                            </div>
                        </div>
                    </div>
                    <div class="collapse-div">
                        <p class="mb-0 f-14"><a class="collapse-link collapsed f-18" data-bs-toggle="collapse" href="#collapse-17" role="button" aria-expanded="false" aria-controls="collapse-17">What devices are supported?</a></p>
                        <div class="collapse" id="collapse-17">
                            <div class="px-2 pt-2 pb-3">
                                <p class="f-14">Any device that has access to Apple’s App Store or Google’s Play Store is able to download the Reef app.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@include('front.partials.free_trial_black_bar')


@endsection

@section('footer')
    @include('front.partials.footer')
@endsection