diff --git a/src/assets/images/signup-banner.jpg b/src/assets/images/signup-banner.jpg
new file mode 100644
index 0000000..ab9c97f
Binary files /dev/null and b/src/assets/images/signup-banner.jpg differ
diff --git a/src/router/index.ts b/src/router/index.ts
index 0e6a6e7..848cbef 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -35,6 +35,10 @@ const routes: Array<RouteRecordRaw> = [
       },
     ],
   },
+  {
+    path: "/signup",
+    component: () => import("@/views/signup/index.vue"),
+  },
 ];
 
 const router = createRouter({
diff --git a/src/views/signup/index.vue b/src/views/signup/index.vue
new file mode 100644
index 0000000..27b679a
--- /dev/null
+++ b/src/views/signup/index.vue
@@ -0,0 +1,32 @@
+<script lang='ts' setup>
+
+</script>
+
+<template>
+  <ion-page>
+    <ion-content>
+      <img src="@/assets/images/signup-banner.jpg" class="h-50 w-full object-cover" alt="服务页横幅">
+
+      <div class="ion-padding-horizontal mt-4 text-center text-4xl text-primary font-bold">
+        初心如磐 使命如坚
+      </div>
+      <div class="ion-padding-horizontal mt-4 text-center text-sm text-black font-bold opacity-90 tracking-widest">
+        讲党性/树新风/作表率/当先锋
+      </div>
+      <div class="ion-padding-horizontal mt-2 text-center text-sm text-primary font-bold tracking-widest">
+        红色印记，燃动今日的奋斗之光
+      </div>
+      <div class="ion-padding-horizontal mt-6 text-center text-2xl text-primary font-bold tracking-wider">
+        已连续 <span class="text-5xl mx-3">53</span> 天签到
+      </div>
+
+      <div class="ion-padding-horizontal mt-8 flex justify-center">
+        <ion-button size="large" class="w-3/4 bg-primary text-white font-bold rounded-full shadow-lg">
+          立即签到
+        </ion-button>
+      </div>
+    </ion-content>
+  </ion-page>
+</template>
+
+<style lang='css' scoped></style>