diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 4d5c06b..83c9ea8 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -3,13 +3,13 @@
 </style>
 
 <script lang="ts">
-    import { navigating } from '$app/stores'
+    import { navigating, page } from '$app/stores'
     import type { PageData } from './$types'
     import { getContext, onMount } from 'svelte'
     import { timeline, stagger } from 'motion'
     import { DELAY } from '$utils/contants'
     import { smoothScroll } from '$utils/stores'
-    import { getAssetUrlKey } from '$utils/api'
+    // import { getAssetUrlKey } from '$utils/api'
     import reveal from '$animations/reveal'
     import { quartOut } from '$animations/easings'
     // Components
@@ -78,7 +78,7 @@
 <Metas
     title={settings.seo_title}
     description={settings.seo_description}
-    image="/images/share_image.jpg"
+    image="{$page.url.origin}/images/share_image.jpg"
 />
 <!-- image={getAssetUrlKey(settings.seo_image.id, 'share-image')} -->