diff --git a/apps/landing/public/menu-arrow.svg b/apps/landing/public/menu-arrow.svg
new file mode 100644
index 00000000..8ef65e2e
--- /dev/null
+++ b/apps/landing/public/menu-arrow.svg
@@ -0,0 +1,5 @@
+
diff --git a/apps/landing/src/app/(detail)/LeftMenu.tsx b/apps/landing/src/app/(detail)/docs/LeftMenu.tsx
similarity index 94%
rename from apps/landing/src/app/(detail)/LeftMenu.tsx
rename to apps/landing/src/app/(detail)/docs/LeftMenu.tsx
index 7363eb74..fbc79520 100644
--- a/apps/landing/src/app/(detail)/LeftMenu.tsx
+++ b/apps/landing/src/app/(detail)/docs/LeftMenu.tsx
@@ -24,7 +24,7 @@ export function LeftMenu() {
개념
-
+
@@ -50,13 +50,13 @@ export function LeftMenu() {
구성 요소
-
+
API
-
+
@@ -77,7 +77,7 @@ export function LeftMenu() {
테마
-
+
diff --git a/apps/landing/src/app/(detail)/docs/RightIndex.tsx b/apps/landing/src/app/(detail)/docs/RightIndex.tsx
new file mode 100644
index 00000000..72a633a3
--- /dev/null
+++ b/apps/landing/src/app/(detail)/docs/RightIndex.tsx
@@ -0,0 +1,68 @@
+import { Box, Flex, Image, Text, VStack } from '@devup-ui/react'
+
+export function RightIndex() {
+ return (
+
+
+
+
+ Contents
+
+
+
+
+
+ Installation
+
+
+
+
+ General Guides
+
+
+
+
+ Framework Guides
+
+
+
+
+ Next Steps
+
+
+
+
+ Playground
+
+
+
+
+ Acknowledgement
+
+
+
+
+
+
+ Edit this page
+
+
+
+
+ )
+}
diff --git a/apps/landing/src/app/(detail)/docs/layout.tsx b/apps/landing/src/app/(detail)/docs/layout.tsx
new file mode 100644
index 00000000..b2d0fb94
--- /dev/null
+++ b/apps/landing/src/app/(detail)/docs/layout.tsx
@@ -0,0 +1,22 @@
+import { Box, Flex } from '@devup-ui/react'
+
+import { LeftMenu } from './LeftMenu'
+import { RightIndex } from './RightIndex'
+
+export default function DetailLayout({
+ children,
+}: Readonly<{
+ children: React.ReactNode
+}>) {
+ return (
+ <>
+
+
+
+ {children}
+
+
+
+
+ )
+}
diff --git a/apps/landing/src/app/(detail)/docs/overview/page.mdx b/apps/landing/src/app/(detail)/docs/overview/page.mdx
new file mode 100644
index 00000000..40415f35
--- /dev/null
+++ b/apps/landing/src/app/(detail)/docs/overview/page.mdx
@@ -0,0 +1,14 @@
+## What is Devup UI?
+a
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
diff --git a/apps/landing/src/app/(detail)/layout.tsx b/apps/landing/src/app/(detail)/layout.tsx
deleted file mode 100644
index 34d2f3bd..00000000
--- a/apps/landing/src/app/(detail)/layout.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import 'sanitize.css'
-
-import { Flex } from '@devup-ui/react'
-
-import { DetailHeader } from '../../components/DetailHeader'
-import { LeftMenu } from './LeftMenu'
-
-export default function DetailLayout({
- children,
-}: Readonly<{
- children: React.ReactNode
-}>) {
- return (
- <>
-
-
-
- {children}
-
-
- )
-}
diff --git a/apps/landing/src/app/(detail)/team/layout.tsx b/apps/landing/src/app/(detail)/team/layout.tsx
new file mode 100644
index 00000000..6815532f
--- /dev/null
+++ b/apps/landing/src/app/(detail)/team/layout.tsx
@@ -0,0 +1,15 @@
+import { Box } from '@devup-ui/react'
+
+export default function TeamLayout({
+ children,
+}: Readonly<{
+ children: React.ReactNode
+}>) {
+ return (
+ <>
+
+ {children}
+
+
+ )
+}
diff --git a/apps/landing/src/app/(detail)/team/page.mdx b/apps/landing/src/app/(detail)/team/page.mdx
new file mode 100644
index 00000000..788f860d
--- /dev/null
+++ b/apps/landing/src/app/(detail)/team/page.mdx
@@ -0,0 +1,14 @@
+## Team
+a
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
+## What is Devup UI?
diff --git a/apps/landing/src/app/layout.tsx b/apps/landing/src/app/layout.tsx
index a6b38098..2dfbca76 100644
--- a/apps/landing/src/app/layout.tsx
+++ b/apps/landing/src/app/layout.tsx
@@ -3,6 +3,7 @@ import 'sanitize.css'
import type { Metadata } from 'next'
import { Footer } from '../components/Footer'
+import { Header } from '../components/Header'
export const metadata: Metadata = {
title: 'Devup UI',
@@ -22,6 +23,7 @@ export default function RootLayout({
/>
+
{children}
diff --git a/apps/landing/src/app/page.tsx b/apps/landing/src/app/page.tsx
index dcaa936e..a26deb57 100644
--- a/apps/landing/src/app/page.tsx
+++ b/apps/landing/src/app/page.tsx
@@ -1,4 +1,5 @@
-import { Box, Flex, Image, Text, VStack } from '@devup-ui/react'
+import { Box, css, Flex, Image, Text, VStack } from '@devup-ui/react'
+import Link from 'next/link'
import { CodeBoard } from '../components/CodeBoard'
import { Container } from '../components/Container'
@@ -26,22 +27,28 @@ export default function HomePage() {
elementum.
-
-
-
-
- Get started
-
-
+
+
+
+
+ Get started
+
+
+
-
+
diff --git a/apps/landing/src/components/DetailHeader.tsx b/apps/landing/src/components/DetailHeader.tsx
deleted file mode 100644
index 80eeb1cd..00000000
--- a/apps/landing/src/components/DetailHeader.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Flex, Image, Text, VStack } from '@devup-ui/react'
-
-export function DetailHeader() {
- return (
-
-
-
-
-
-
-
-
- Docs
-
-
-
-
- Team
-
-
-
-
-
- Search documentation...
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- )
-}
diff --git a/apps/landing/src/components/Discord.tsx b/apps/landing/src/components/Discord.tsx
index 76aec6e6..eb6690bf 100644
--- a/apps/landing/src/components/Discord.tsx
+++ b/apps/landing/src/components/Discord.tsx
@@ -1,4 +1,5 @@
-import { Center, Flex, Image, Text, VStack } from '@devup-ui/react'
+import { Center, css, Flex, Image, Text, VStack } from '@devup-ui/react'
+import Link from 'next/link'
import { IMAGE_PREFIX } from '../constants'
@@ -21,19 +22,27 @@ export function Discord() {
egestas consequat nibh.
-
-
-
- Join our Discord
-
-
+
+
+
+ Join our Discord
+
+
+
-
+
)
diff --git a/apps/landing/src/components/Header/HeaderWrap.tsx b/apps/landing/src/components/Header/HeaderWrap.tsx
new file mode 100644
index 00000000..440c13df
--- /dev/null
+++ b/apps/landing/src/components/Header/HeaderWrap.tsx
@@ -0,0 +1,42 @@
+'use client'
+
+import { Box, Flex } from '@devup-ui/react'
+import { usePathname } from 'next/navigation'
+
+export function HeaderWrap({ children }: { children: React.ReactNode }) {
+ const path = usePathname()
+ if (path !== '/') {
+ return (
+
+
+ {children}
+
+
+ )
+ }
+ return (
+
+
+ {children}
+
+
+ )
+}
diff --git a/apps/landing/src/components/Header/index.tsx b/apps/landing/src/components/Header/index.tsx
index 4de0c3dd..b4ccc0cb 100644
--- a/apps/landing/src/components/Header/index.tsx
+++ b/apps/landing/src/components/Header/index.tsx
@@ -1,49 +1,75 @@
-import { Box, Flex, Image, Text } from '@devup-ui/react'
+import { css, Flex, Image, Text } from '@devup-ui/react'
+import Link from 'next/link'
import { IMAGE_PREFIX } from '../../constants'
-import { Container } from '../Container'
+import { HeaderWrap } from './HeaderWrap'
export function Header() {
return (
-
-
-
+
+
-
-
+
+
+
+
+
+
+
+ Docs
+
+
+
+
+
+
+ Team
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
- Docs
-
-
-
-
- Team
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
-
-
+
+
)
}
diff --git a/apps/landing/src/mdx-components.tsx b/apps/landing/src/mdx-components.tsx
new file mode 100644
index 00000000..8ed99fb9
--- /dev/null
+++ b/apps/landing/src/mdx-components.tsx
@@ -0,0 +1,7 @@
+import type { MDXComponents } from 'mdx/types'
+
+export function useMDXComponents(components: MDXComponents): MDXComponents {
+ return {
+ ...components,
+ }
+}