diff --git a/app.vue b/app.vue
index a495b75..0bd7a33 100644
--- a/app.vue
+++ b/app.vue
@@ -1,5 +1,30 @@
+<script setup lang="ts">
+const config = useRuntimeConfig()
+const apiBase = config.public.apiBase
+
+type ApiKpType = {
+  id: number
+  title: string
+  content: string
+  url: string
+  meta_title: any
+  meta_description: string
+  keywords: any
+  is_indexed: boolean
+}
+
+const { data: seoData } = await useFetch<ApiKpType>(`${apiBase}/kp/1`)
+useSeoMeta({
+  title: seoData.value?.title,
+  ogTitle: seoData.value?.title,
+  description: seoData.value?.content,
+  ogDescription: seoData.value?.content,
+  // ogImage: 'https://example.com/image.png',
+  // twitterCard: 'summary_large_image',
+})
+</script>
 <template>
   <div>
-    <NuxtWelcome />
+    <NuxtPage />
   </div>
 </template>
diff --git a/pages/index.vue b/pages/index.vue
new file mode 100644
index 0000000..c8c4615
--- /dev/null
+++ b/pages/index.vue
@@ -0,0 +1,3 @@
+<template>
+    this is index page
+</template>
\ No newline at end of file