<template>
	<div class="disclaimer">
		<OthersHeader :title="$t('MainFooter.Disclaimer')" />
		<div class="content">
			<p>
				The contents of this marketing material are fully protected by copyright and nothing
				may be reused without permission.
			</p>
			<p>
				All information and contents contained in this marketing material are provided for
				reference only and should not be relied on as the basis for any decision making.
				Code Create Limited shall make no representation or warranty and accept no
				responsibility, express or implied, for the accuracy, completeness, reliability or
				timeliness of the information and contents, or any opinions, findings, conclusions
				or recommendations contained in this marketing material. Code Create Limited shall
				have no legal liability or responsibility (including liability for negligence) for
				any loss, damage, or injury (including death) which may result, whether directly or
				indirectly, from the supply or use of this information.
			</p>
			<p>
				In the event of concerns or queries arising from any of the contents of this
				marketing material, independent professional advice should be sought.
			</p>
		</div>
	</div>
</template>
<script setup lang="ts">
	import { useHead } from '@unhead/vue'
	import { useI18n } from 'vue-i18n'
	const { t } = useI18n()
	import { computed, ref } from 'vue'
	import OthersHeader from './others-header.vue'
	useHead({
		title: t('MainFooter.Disclaimer') + ' - Code-Create'
	})
</script>

<style scoped lang="less">
	.disclaimer {
		border-top: var(--main-header-height) solid #000;
		background-color: #f9f9f9;
		> .content {
			max-width: 1230px;
			width: 100%;
			margin: 0 auto;
			padding: 25px 15px 80px;
			line-height: 1.6;
			color: #333;
			font-weight: 400;
			> p {
				margin-bottom: 20px;
			}
		}
	}
</style>
