diff --git a/luckydiamond/src/assets/bg-banner.png b/luckydiamond/src/assets/bg-banner.png
new file mode 100644
index 0000000..adb1e3e
Binary files /dev/null and b/luckydiamond/src/assets/bg-banner.png differ
diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue
index 6df23dd..bad6485 100644
--- a/luckydiamond/src/pages/HomePage.vue
+++ b/luckydiamond/src/pages/HomePage.vue
@@ -6,6 +6,7 @@
   <section class="home">
     <div class="home__content">
       <div class="home__banner">
+        <h1>123</h1>
       </div>
     </div>
   </section>
@@ -54,4 +55,16 @@ export default {
   filter: blur(465px);
   z-index: -1;
 }
+.home__content {
+  margin-top: 200px;
+}
+.home__banner {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0 auto;
+  width: 1276px;
+  height: 299px;
+  background: radial-gradient(circle at center, #DF85FF99, #7000FF);
+}
 </style>
\ No newline at end of file