improve styling

Author: moondda

apps/landing/src/app/(detail)/components/overview/Description.mdx

@@ -1,6 +1,6 @@
-If you want to use Devup UI Components, you need to install it.
+If you want to use Devup UI Components, you need to **install** it.
 
-```
+```typescript
 npm install @devup-ui/components
 // or
 yarn add @devup-ui/components
@@ -10,7 +10,7 @@ pnpm add @devup-ui/components
 
 You need to configure the include option for each bundler environment to properly load the `@devup-ui/components` package.
 
-### using Vite
+# using Vite
 
 ```typescript
 //vite.config.js
@@ -27,15 +27,15 @@ export default defineConfig({
 });
 ```
 
-### using Next.js
+# using Next.js
 
 ```typescript
 // next.config.js
 import { DevupUI } from "@devup-ui/next-plugin";
 export default DevupUI({ include: ["@devup-ui/components"] });
 ```
 
-### using Rsbuild
+# using Rsbuild
 
 ```typescript
 // rsbuild.config.mjs
@@ -52,6 +52,4 @@ export default defineConfig({
 });
 ```
 
-Note: If you encounter "Cannot run on the runtime" error, make sure the include option is properly configured for your bundler.
-
-### Examples
+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

@@ -19,7 +19,10 @@ export default function Page() {
       <Text color="$text" typography="bodyReg">
         <Description />
       </Text>
-      <VStack gap="16px" overflow="visible" py="30px">
+      <Text color="$title" typography="h4" pt="30px">
+        Examples
+      </Text>
+      <VStack gap="16px" overflow="visible" pb="30px">
         <Text color="$title" typography="h6">
           Form
         </Text>