11

public/fonts/index.css

@@ -6,8 +6,8 @@
 }
 
 @font-face {
-	font-family: 'KaiseiOpti-Regular';
+	font-family: 'KaiseiOpti-Medium';
-	src: url('./KaiseiOpti-Regular.ttf') format('truetype');
+	src: url('./KaiseiOpti-Medium.ttf') format('truetype');
 	font-style: medium;
 	font-weight: 500;
 }

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>

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([