diff --git a/src/components.d.ts b/src/components.d.ts
index 39d8e6b..e1d6a4b 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -10,6 +10,7 @@ export {}
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     Bar: typeof import('./components/Bar.vue')['default']
+    Btn: typeof import('./components/Btn.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }
diff --git a/src/components/Bar.vue b/src/components/Bar.vue
index 5e51493..27a3ae8 100644
--- a/src/components/Bar.vue
+++ b/src/components/Bar.vue
@@ -1,5 +1,5 @@
 <template>
-  <nav px-9xl flex items-center>
-    <p font-sans font-semibold text-6>thehrz.net</p>
+  <nav class="px-9xl flex items-center">
+    <p class="font-sans font-semibold text-6">thehrz.net</p>
   </nav>
 </template>
diff --git a/src/components/Btn.vue b/src/components/Btn.vue
new file mode 100644
index 0000000..9dbb249
--- /dev/null
+++ b/src/components/Btn.vue
@@ -0,0 +1,13 @@
+<template>
+  <button type="button" class="">
+    <slot></slot>
+  </button>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/pages/index.vue b/src/pages/index.vue
index b5219c6..13feff9 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -4,6 +4,8 @@
 
     <h1 class="my-8 text-2.5em leading-[1.1] md:text-3.5em c-coolgray-700 font-300">Hi! I'm thehrz.</h1>
 
-    <p class="c-dark-100">🚧under construction...</p>
+    <!-- <btn>aa</btn> -->
+
+    <p class="c-dark-100">🚧 under construction...</p>
   </section>
 </template>
diff --git a/unocss.config.ts b/unocss.config.ts
index 95c2992..b4b56a4 100644
--- a/unocss.config.ts
+++ b/unocss.config.ts
@@ -20,12 +20,12 @@ export default defineConfig({
     //     mono: "DM Mono",
     //   },
     // }),
-    presetWebFonts({
-      fonts: {
-        sans: "Inter:100,200,400,700,800",
-        mono: "IBM Plex Mono",
-      },
-    }),
+    // presetWebFonts({
+    //   fonts: {
+    //     sans: "Inter:100,200,400,700,800",
+    //     mono: "IBM Plex Mono",
+    //   },
+    // }),
   ],
   transformers: [transformerDirectives(), transformerVariantGroup()],
 })