<script setup lang="ts">
import { computed } from 'vue'
import Title from './title.vue'
import Faq from './faq.vue'
import { useGlobalStore } from '@/stores/global'
const globalStore = useGlobalStore()
const windowWidth = computed(() => globalStore.state.windowWidth)

defineExpose({})
</script>
<template>
	<div class="about-us">
		<div class="bg" v-show="windowWidth > 1000">
			<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/helpcentre_banner-1.jpg" alt="">
		</div>
		<Title />
		<Faq />
	</div>
</template>
<style lang="less" scoped>
	.about-us{
		width: 100%;
		height: 100%;
		position: relative;
		> .bg{
			width: 100%;
			position: fixed;
			z-index: -1;
			top: 0;
			> img{
				width: 100%;
			}
		}
	}
</style>
