diff --git a/src/pages/help-centre/index.vue b/src/pages/help-centre/index.vue
index e69de29..500979d 100644
--- a/src/pages/help-centre/index.vue
+++ b/src/pages/help-centre/index.vue
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import Title from './title.vue'
+
+defineExpose({})
+</script>
+<template>
+	<div class="about-us">
+		<div class="bg">
+			<img src="https://code-create.com.hk/wp-content/uploads/2022/11/helpcentre_banner-1.jpg" alt="">
+		</div>
+		<Title />
+	</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>
diff --git a/src/pages/help-centre/title.vue b/src/pages/help-centre/title.vue
new file mode 100644
index 0000000..744b362
--- /dev/null
+++ b/src/pages/help-centre/title.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+defineExpose({})
+</script>
+<template>
+	<section class="title-section">
+		<div class="content">
+			<div class="text">
+				<h1>HELP CENTRE</h1>
+			</div>
+		</div>
+	</section>
+</template>
+<style lang="less" scoped>
+	.title-section{
+		width: 100%;
+		> .content{
+			max-width: 1400px;
+			margin: 0 auto;
+			> .text{
+				padding: 200px 300px;
+				> h1{
+					text-align: center;
+					font-size: 64px;
+					font-weight: 600;
+					line-height: 64px;
+					letter-spacing: 2px;
+					color: #FFFFFF;
+				}
+			}
+		}
+	}
+</style>