diff --git a/README.md b/README.md
index 24be0ca..17eda65 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,17 @@
-# CARV ID SDK
+<p align="center">
+  <img src="./stories/assets/carv_id.svg" style="width:100px;" alt="CARV ID logo" />
+</p>
+<h1 align="center">CARV ID SDK</h1>
+
 
 The SDK for CARV ID ecosystem.
 
+- CARV ID SDK
+- CARV ID SDK Widget
+
+## Demo
+
+ - [CARV ID SDK Demo](https://carv-id-test.carv.io/)
 
 ## Turborepo
 
@@ -60,8 +70,8 @@ This Turborepo has some additional tools already setup for you:
       redirect_uri: "https://t.me/BabyChinBot/carv_id_demo",
     },
   });
-  console.log(instance, "CarvID initialized");
-    </script>
+  console.log(instance, "CarvID SDK initialized");
+</script>
 ```
 
 #### ES Module
@@ -86,8 +96,11 @@ window.onload =function()=>{
     onLoad: (data) => {
       console.log("onLoad", data);
     },
-    onSuccess: (data) => {
-      console.log("onSuccess", data);
+    onAuthSuccess: (data) => {
+      console.log("onAuthSuccess", data);
+    },,
+    onAuthFailed: (data) => {
+      console.log("onAuthFailed", data);
     },
   });
 }
diff --git a/stories/assets/carv_id.svg b/stories/assets/carv_id.svg
new file mode 100644
index 0000000..d1727f5
--- /dev/null
+++ b/stories/assets/carv_id.svg
@@ -0,0 +1,5 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="64" height="64" rx="32" fill="#713FFE"/>
+<rect x="1" y="1" width="62" height="62" rx="31" stroke="black" stroke-opacity="0.1" stroke-width="2"/>
+<path d="M38.9118 42.0725L49 32.0743L38.9626 21.9833L29.0324 12L19.0158 22.0701L28.9461 32.0534L19 42.0526L28.8945 52L38.9118 42.0725Z" fill="white"/>
+</svg>