diff --git a/examples/demo/package.json b/examples/demo/package.json
index 51a6cd5..b396328 100644
--- a/examples/demo/package.json
+++ b/examples/demo/package.json
@@ -18,8 +18,9 @@
 		"@react-zero-ui/core": "^0.1.0",
 		"@vercel/analytics": "^1.5.0",
 		"clsx": "^2.1.1",
+		"framer-motion": "^12.19.2",
 		"motion": "^12.16.0",
-		"next": "15.3.3",
+		"next": "^15.3.4",
 		"react": "^19.0.0",
 		"react-dom": "^19.0.0"
 	},
diff --git a/examples/demo/src/app/(test)/layout.tsx b/examples/demo/src/app/(test)/layout.tsx
index cd9cf2e..f9bff47 100644
--- a/examples/demo/src/app/(test)/layout.tsx
+++ b/examples/demo/src/app/(test)/layout.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { domAnimation, LazyMotion } from 'motion/react';
 import { RenderTracker } from './ReactTracker';
 
diff --git a/examples/demo/src/app/globals.css b/examples/demo/src/app/globals.css
index 35c9f4d..aeea813 100644
--- a/examples/demo/src/app/globals.css
+++ b/examples/demo/src/app/globals.css
@@ -6,7 +6,9 @@
 		0px 2px 2px -1.5px rgba(0, 0, 0, 0.32), 0px 4.4px 4.4px -2.25px rgba(0, 0, 0, 0.3), 0px 9.8px 9.8px -3px rgba(0, 0, 0, 0.25),
 		0px 25px 25px -3.75px rgba(0, 0, 0, 0.11), 0px -5px 5px -3.75px rgba(0, 0, 0, 0.11);
 }
-
+div.relative.py-10{
+    padding: 0;
+}
 /* * {
 	border: 1px dotted red;
 } */