From a6ab3d940281ccbfe63049d5949bb89df9833844 Mon Sep 17 00:00:00 2001
From: "X1627315083@163.com" <1627315083@qq.com>
Date: Wed, 20 May 2026 10:57:47 +0800
Subject: [PATCH] fix

---
 src/pages/help-centre/index.vue | 29 +++++++++++++++++++++++++++++
 src/pages/help-centre/title.vue | 32 ++++++++++++++++++++++++++++++++
 2 files changed, 61 insertions(+)
 create mode 100644 src/pages/help-centre/title.vue

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>