diff --git a/apps/landing/src/app/(detail)/components/overview/Description.mdx b/apps/landing/src/app/(detail)/components/overview/Description.mdx
new file mode 100644
index 00000000..20330ecb
--- /dev/null
+++ b/apps/landing/src/app/(detail)/components/overview/Description.mdx
@@ -0,0 +1,11 @@
+If you want to use Devup UI Components, you need to **install** it.
+
+```bash
+npm install @devup-ui/components
+// or
+yarn add @devup-ui/components
+// or
+pnpm add @devup-ui/components
+```
+
+Note: If you encounter `Cannot run on the runtime` error, make sure the include option is properly configured for your bundler.
diff --git a/apps/landing/src/app/(detail)/components/overview/page.tsx b/apps/landing/src/app/(detail)/components/overview/page.tsx
index 4925b571..7d06db1f 100644
--- a/apps/landing/src/app/(detail)/components/overview/page.tsx
+++ b/apps/landing/src/app/(detail)/components/overview/page.tsx
@@ -5,6 +5,7 @@ import { Icons } from '@/components/icons/components'
import { COMPONENT_GROUPS } from '@/constants'
import Card from '../Card'
+import Description from './Description.mdx'
export default function Page() {
return (
@@ -16,11 +17,12 @@ export default function Page() {
Devup UI Components
- Devup UI is a library of components that can be used to build web
- applications. It is built with React and TypeScript and is designed to
- be used with the Devup framework.
+
-
+
+ Examples
+
+
Form