Merge pull request #396 from moondda/ui-components

Rewrite devup UI components docs

Author: owjs3901

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.

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
       </Text>
       <Text color="$text" typography="bodyReg">
-        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.
+        <Description />
       </Text>
-      <VStack gap="16px" overflow="visible" py="30px">
+      <Text color="$title" pt="30px" typography="h4">
+        Examples
+      </Text>
+      <VStack gap="16px" overflow="visible" pb="30px">
         <Text color="$title" typography="h6">
           Form
         </Text>