diff --git a/public/fonts/index.css b/public/fonts/index.css
index c5ed752..4dcb5b6 100644
--- a/public/fonts/index.css
+++ b/public/fonts/index.css
@@ -6,8 +6,8 @@
 }
 
 @font-face {
-	font-family: 'KaiseiOpti-Regular';
-	src: url('./KaiseiOpti-Regular.ttf') format('truetype');
+	font-family: 'KaiseiOpti-Medium';
+	src: url('./KaiseiOpti-Medium.ttf') format('truetype');
 	font-style: medium;
 	font-weight: 500;
 }
diff --git a/src/assets/images/collection-story-bg.jpg b/src/assets/images/collection-story-bg.jpg
new file mode 100644
index 0000000..e737cb3
Binary files /dev/null and b/src/assets/images/collection-story-bg.jpg differ
diff --git a/src/assets/images/home-bg.jpg b/src/assets/images/home-bg.jpg
new file mode 100644
index 0000000..a234fb3
Binary files /dev/null and b/src/assets/images/home-bg.jpg differ
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 0c78fb5..6788ffc 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,5 +1,14 @@
 <template>
-	<div class="home-index">home</div>
+	<div class="home-index">
+		<section class="index">
+			<img src="@/assets/images/home-bg.jpg" class="bg" />
+		</section>
+		<section class="designers"></section>
+		<section class="design"></section>
+		<section class="digital-items"></section>
+		<section class="digital-items"></section>
+		<section class="footer"></section>
+	</div>
 </template>
 
 <script setup lang="ts">
@@ -8,5 +17,20 @@
 
 <style lang="less">
 	.home-index {
+		width: 100%;
+		height: 100%;
+		overflow: hidden;
+		overflow-y: auto;
+		> section {
+			position: relative;
+			width: 100%;
+			height: auto;
+		}
+		> section.index {
+			> .bg {
+				width: 100%;
+				height: auto;
+			}
+		}
 	}
 </style>
diff --git a/src/views/main-header.vue b/src/views/main-header.vue
index 4eebd9d..f8c15d5 100644
--- a/src/views/main-header.vue
+++ b/src/views/main-header.vue
@@ -43,7 +43,7 @@
 		},
 		{
 			name: 'Collection Story',
-			path: '/collection-story'
+			path: '/collectionStory'
 		},
 		{
 			name: 'Brand',
@@ -51,7 +51,7 @@
 		},
 		{
 			name: 'Digital Item',
-			path: '/digital-item'
+			path: '/digitalItem'
 		}
 	])
 	const navList2 = ref([