diff --git a/public/images/decoration/decoration.png b/public/images/decoration/decoration.png
new file mode 100644
index 0000000..35850a5
Binary files /dev/null and b/public/images/decoration/decoration.png differ
diff --git a/src/router/publicRoutes.ts b/src/router/publicRoutes.ts
index 88305e4..5f773e3 100644
--- a/src/router/publicRoutes.ts
+++ b/src/router/publicRoutes.ts
@@ -306,6 +306,14 @@ export const publicRoutes:RouteRecordRaw[] = [
     },
     components: {default:() => import("../views/housekeeping/detail.vue"),backButton:() => import("../components/back-button/index.vue")},
   },
+  {
+    path:'/decoration',
+    name:'decoration',
+    meta:{
+      title:'装饰'
+    },
+    component: () => import("../views/decoration/index.vue")
+  },
   {
     path: "/unauthorized",
     name: "unauthorized",
diff --git a/src/views/decoration/index.vue b/src/views/decoration/index.vue
new file mode 100644
index 0000000..06cb83d
--- /dev/null
+++ b/src/views/decoration/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <div class="bg-[#CF2719]">
+    <img src="/images/decoration/decoration.png" alt="" class="w-[100%]" />
+  </div>
+</template>
+
+<script lang="ts" setup></script>
+
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 1785ab5..0b64f55 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -25,7 +25,7 @@
             </div>
 
             <div class="flex justify-center mt-[30rpx]">
-                <img src="/images/home/housing-renovation.png" alt="housing" class="h-[382rpx]">
+                <img src="/images/home/housing-renovation.png" alt="housing" class="h-[382rpx]" @click="navigateToDecoration()">
                 <div class="flex flex-col justify-between">
                     <img src="/images/home/tourism.png" alt="tourism" class="w-[328rpx]" @click="toTravel">
                     <img src="/images/home/medical.png" alt="medical" class="w-[336rpx]" @click="toJinze">
@@ -89,6 +89,9 @@ const toJinze = () => {
     router.push({path:'/jinze'})
 }
 
+const navigateToDecoration = () => {
+    router.push({path:'/decoration'})
+}
 </script>
 
 <style lang="scss" scoped>