%PDF-
%PDF-
Mini Shell
Mini Shell
<template>
<div class="page-wrapper">
<PageHeader class='page-header-gray'>
<img class="relative z-20 mb-8"
src="~assets/images/logo-white-small.svg" alt="Takeaseat" />
<h1 class="relative z-20 text-5xl lg:text-7xl font-bold">Terms & Conditions</h1>
</PageHeader>
<section class="bg-gray py-20 px-8 mb-8 -mt-8">
<div class="max-w-5xl mx-auto w-full text-content">
<nav class="flex flex-wrap mb-10">
<a v-for="(policy, key) in data"
v-bind:key="key"
class="text-base font-bold mr-5 mb-6 transition ease-in-out duration-200 hover:text-black hover:text-opacity-75 hover:underline"
:href="'#'+policy.slug">{{ policy.title }}</a>
</nav>
<div v-for="(policy, key) in data"
v-bind:key="key"
:class="key == 0 ? 'pb-20' : 'py-20 border-t'"
class="border-black border-opacity-10"
:id="policy.slug">
<h2 class="text-xl">{{ policy.title }}</h2>
<div v-html="policy.content"></div>
</div>
</div>
</section>
</div>
</template>
<script>
export default {
head () {
return {
titleTemplate: 'Terms & Conditions | %s',
}
},
data() {
return {
data: []
}
},
async asyncData ({ app, params }) {
const data = await app.$axios.$get('/content/policies')
return { data }
}
}
</script>
Zerion Mini Shell 1.0