Current File : //home/forge/takeaseat.eco-n-tech.co.uk/layouts/error.vue
<template>
<div class="page-wrapper">
<PageHeader :classObject="error.statusCode === 404 ? 'bg-green' : 'bg-red'">
<div class="relative z-20 flex flex-col items-center justify-center"
v-if="error.statusCode === 404">
<img class="inline-block mb-8"
src="~assets/images/logo-white-small.svg" alt="Takeaseat" />
<h1 class=" text-7xl mb-8">
<span class="block mb-3 font-bold">Whoops</span>
<span class="block text-white text-5xl font-bold">Nothing Found</span>
</h1>
<NuxtLink class="btn btn-small btn-primary"
to="/">Return Home</NuxtLink>
</div>
<div class="relative z-20 flex flex-col items-center justify-center"
v-else>
<img class=" mb-8"
src="~assets/images/logo-white-small.svg" alt="Takeaseat" />
<h1 class=" text-7xl mb-8">
<span class="block mb-3 font-bold">Whoops</span>
<span class="block text-white text-5xl font-bold">Something went wrong!</span>
</h1>
<NuxtLink class="btn btn-small btn-primary"
to="/">Return Home</NuxtLink>
</div>
</PageHeader>
<section v-if="faqs.length > 0"
class="bg-gray py-20 px-8 mb-8">
<div class="max-w-4xl mx-auto w-full">
<header class="text-center mb-20">
<h1 class="text-5xl font-bold">Need Help?</h1>
</header>
<div v-for="(item, key) in faqs"
v-bind:key="key"
class="mb-10">
<h2 class="text-2xl font-bold mb-6">{{ item.question}}</h2>
<div class="text-content"
v-html="item.answer" />
</div>
</div>
</section>
</div>
</template>
<script>
export default {
props: ['error'],
layout: 'error',
head () {
return {
titleTemplate: 'Whoops | %s',
}
},
data() {
return {
faqs: [
{
question: "Why should I trust Take A Seat?",
answer: "<p>Take A Seat is committed to maintaining an Ethical and professional core, you can be reassured you are a part of a community that is audited and allows only fully qualified, Ethical and professional counsellors.</p>"
},
{
question: "What’s the cost?",
answer: "<p>Membership start from only £20 a month. At point of booking Clients will be charged a 10% booking fee that will be added onto their session charge.</p>"
},
{
question: "I already have too many clients?",
answer: "<p>That’s great, but if you have too many clients, you still have options:</p><ol><li>Pass any clients you can;t help on to us and we can match them with one of our approved therapists</li><li>Still sign-up as a member so when you do have capacity you are ready to receive new clients</li><li>Sign up as a community member and gain access to events, CPD and lots lots more… (Coming later this year)</li></ol>"
},
{
question: "What happens once I sign-up?",
answer: "<p>Once we receive your application for membership, we will ask you for copies of qualification certificates, insurance certificates and name and contact details of peer supervisors. Once we have copies of all these, they will be audited and once approved your profile will be sent live and you will be able to start receiving clients.</p>"
},
{
question: "Tell me more…",
answer: "<p>Get access to new client referrals, online booking & payments and a dedicated takeaseat customer champion.</p>"
}
]
}
}
}
</script>
Mini Shell