diff --git a/package.json b/package.json
index 734d8e4..c4929c8 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,15 @@
 {
   "name": "@ayco/astro-resume",
+  "author": "Ayo Ayco",
+  "repository": "https://git.sr.ht/~ayoayco/astro-resume",
+  "homepage": "https://sr.ht/~ayoayco/astro-resume",
   "type": "module",
   "version": "0.0.1",
+  "keywords": [
+    "astro-component",
+    "css",
+    "ui"
+  ],
   "exports": {
     ".": "./index.ts"
   },
diff --git a/src/pages/index.astro b/src/pages/index.astro
new file mode 100644
index 0000000..24e1bbb
--- /dev/null
+++ b/src/pages/index.astro
@@ -0,0 +1,19 @@
+---
+import Resumable from '../Resumable.astro';
+const data = {
+    hello: 'world'
+}
+---
+
+<Resumable id="astro-obj" data={data} />
+
+<div id="render-here"></div>
+
+<script>
+    import resume from '../resume';
+    console.log(resume('astro-obj'));
+    const renderDiv = document.querySelector('#render-here');
+    if (renderDiv) {
+        renderDiv.innerHTML =  JSON.stringify(resume('astro-obj'))
+    }
+</script>
\ No newline at end of file