Skip to content

Commit ca5f546

Browse files
owjs3901owjs3901
authored
Merge pull request #38 from dev-five-git/landing
Base landing
2 parents d2edc59 + 9517882 commit ca5f546

File tree

15 files changed

+300
-154
lines changed

15 files changed

+300
-154
lines changed

‎apps/landing/public/menu-arrow.svg‎

Lines changed: 5 additions & 0 deletions
Loading

apps/landing/src/app/(detail)/LeftMenu.tsx renamed to apps/landing/src/app/(detail)/docs/LeftMenu.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ export function LeftMenu() {
2424
<Text flex="1 0 0" opacity="0.8" typography="buttonSmid">
2525
개념
2626
</Text>
27-
<Image boxSize="16px" src="menu icon" />
27+
<Image boxSize="16px" src="/menu-arrow.svg" />
2828
</Flex>
2929
<Flex gap="8px">
3030
<Box borderColor="$border" w="10px" />
@@ -50,13 +50,13 @@ export function LeftMenu() {
5050
<Text flex="1 0 0" opacity="0.8" typography="buttonSmid">
5151
구성 요소
5252
</Text>
53-
<Image boxSize="16px" src="menu icon" />
53+
<Image boxSize="16px" src="/menu-arrow.svg" />
5454
</Flex>
5555
<Flex alignItems="center" borderRadius="6px" gap="10px" p="6px 10px">
5656
<Text flex="1 0 0" opacity="0.8" typography="buttonSmid">
5757
API
5858
</Text>
59-
<Image boxSize="16px" src="menu icon" />
59+
<Image boxSize="16px" src="/menu-arrow.svg" />
6060
</Flex>
6161
<Flex gap="8px">
6262
<Box borderColor="$border" w="10px" />
@@ -77,7 +77,7 @@ export function LeftMenu() {
7777
<Text flex="1 0 0" opacity="0.8" typography="buttonSmid">
7878
테마
7979
</Text>
80-
<Image boxSize="16px" src="menu icon" />
80+
<Image boxSize="16px" src="/menu-arrow.svg" />
8181
</Flex>
8282
<Flex gap="8px">
8383
<Box borderColor="$border" w="10px" />

‎apps/landing/src/app/(detail)/docs/RightIndex.tsx‎

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
import { Box, Flex, Image, Text, VStack } from '@devup-ui/react'
2+
3+
export function RightIndex() {
4+
return (
5+
<VStack gap="16px" p="20px 16px" w="200px">
6+
<VStack>
7+
<Flex alignItems="center" gap="10px" p="6px 0px">
8+
<Text color="$text" flex="1 0 0" typography="captionBold">
9+
Contents
10+
</Text>
11+
</Flex>
12+
<Flex alignItems="center" gap="10px" p="4px 10px">
13+
<Box bg="$primary" borderRadius="100%" boxSize="6px" />
14+
<Text
15+
color="$primary"
16+
flex="1 0 0"
17+
opacity="0.8"
18+
typography="captionBold"
19+
>
20+
Installation
21+
</Text>
22+
</Flex>
23+
<Flex alignItems="center" gap="10px" p="4px 10px 30px">
24+
<Text color="$text" flex="1 0 0" opacity="0.6" typography="caption">
25+
General Guides
26+
</Text>
27+
</Flex>
28+
<Flex alignItems="center" gap="10px" p="4px 10px 30px">
29+
<Text color="$text" flex="1 0 0" opacity="0.6" typography="caption">
30+
Framework Guides
31+
</Text>
32+
</Flex>
33+
<Flex alignItems="center" gap="10px" p="4px 10px">
34+
<Text color="$text" flex="1 0 0" opacity="0.6" typography="caption">
35+
Next Steps
36+
</Text>
37+
</Flex>
38+
<Flex alignItems="center" gap="10px" p="4px 10px">
39+
<Text color="$text" flex="1 0 0" opacity="0.6" typography="caption">
40+
Playground
41+
</Text>
42+
</Flex>
43+
<Flex alignItems="center" gap="10px" p="4px 10px">
44+
<Text color="$text" flex="1 0 0" opacity="0.6" typography="caption">
45+
Acknowledgement
46+
</Text>
47+
</Flex>
48+
</VStack>
49+
<Box bg="undefined" h="1px" />
50+
<Flex gap="4px">
51+
<Text
52+
color="$caption"
53+
flex="1 0 0"
54+
textAlign="right"
55+
typography="small"
56+
>
57+
Edit this page
58+
</Text>
59+
<Image
60+
bg="$caption"
61+
boxSize="16px"
62+
maskImage="url(/outlink.svg)"
63+
maskSize="100%"
64+
/>
65+
</Flex>
66+
</VStack>
67+
)
68+
}

‎apps/landing/src/app/(detail)/docs/layout.tsx‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
import { Box, Flex } from '@devup-ui/react'
2+
3+
import { LeftMenu } from './LeftMenu'
4+
import { RightIndex } from './RightIndex'
5+
6+
export default function DetailLayout({
7+
children,
8+
}: Readonly<{
9+
children: React.ReactNode
10+
}>) {
11+
return (
12+
<>
13+
<Flex maxW="1440px" mx="auto">
14+
<LeftMenu />
15+
<Box flex={1} px="60px" py="40px">
16+
{children}
17+
</Box>
18+
<RightIndex />
19+
</Flex>
20+
</>
21+
)
22+
}

‎apps/landing/src/app/(detail)/docs/overview/page.mdx‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
## What is Devup UI?
2+
a
3+
## What is Devup UI?
4+
## What is Devup UI?
5+
## What is Devup UI?
6+
## What is Devup UI?
7+
## What is Devup UI?
8+
## What is Devup UI?
9+
## What is Devup UI?
10+
## What is Devup UI?
11+
## What is Devup UI?
12+
## What is Devup UI?
13+
## What is Devup UI?
14+
## What is Devup UI?

‎apps/landing/src/app/(detail)/layout.tsx‎

Lines changed: 0 additions & 22 deletions
This file was deleted.

‎apps/landing/src/app/(detail)/team/layout.tsx‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import { Box } from '@devup-ui/react'
2+
3+
export default function TeamLayout({
4+
children,
5+
}: Readonly<{
6+
children: React.ReactNode
7+
}>) {
8+
return (
9+
<>
10+
<Box mx="auto" p="40px 60px" w="1014px">
11+
{children}
12+
</Box>
13+
</>
14+
)
15+
}

‎apps/landing/src/app/(detail)/team/page.mdx‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
## Team
2+
a
3+
## What is Devup UI?
4+
## What is Devup UI?
5+
## What is Devup UI?
6+
## What is Devup UI?
7+
## What is Devup UI?
8+
## What is Devup UI?
9+
## What is Devup UI?
10+
## What is Devup UI?
11+
## What is Devup UI?
12+
## What is Devup UI?
13+
## What is Devup UI?
14+
## What is Devup UI?

‎apps/landing/src/app/layout.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ import 'sanitize.css'
33
import type { Metadata } from 'next'
44

55
import { Footer } from '../components/Footer'
6+
import { Header } from '../components/Header'
67

78
export const metadata: Metadata = {
89
title: 'Devup UI',
@@ -22,6 +23,7 @@ export default function RootLayout({
2223
/>
2324
</head>
2425
<body>
26+
<Header />
2527
{children}
2628
<Footer />
2729
</body>

‎apps/landing/src/app/page.tsx‎

Lines changed: 22 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
1-
import { Box, Flex, Image, Text, VStack } from '@devup-ui/react'
1+
import { Box, css, Flex, Image, Text, VStack } from '@devup-ui/react'
2+
import Link from 'next/link'
23

34
import { CodeBoard } from '../components/CodeBoard'
45
import { Container } from '../components/Container'
@@ -26,22 +27,28 @@ export default function HomePage() {
2627
elementum.
2728
</Text>
2829
</VStack>
29-
<Flex
30-
alignItems="center"
31-
bg="$text"
32-
borderRadius="100px"
33-
gap="20px"
34-
p="16px 40px"
35-
w="247px"
30+
<Link
31+
className={css`
32+
text-decoration: none;
33+
`}
34+
href="/docs/overview"
3635
>
37-
<Box bg="$secondary" borderRadius="100%" boxSize="10px" />
38-
<Flex alignItems="center" gap="10px">
39-
<Text color="$base" typography="buttonL">
40-
Get started
41-
</Text>
42-
<Image boxSize="24px" src={IMAGE_PREFIX + '/arrow.svg'} />
36+
<Flex
37+
alignItems="center"
38+
bg="$text"
39+
borderRadius="100px"
40+
gap="20px"
41+
p="16px 40px"
42+
>
43+
<Box bg="$secondary" borderRadius="100%" boxSize="10px" />
44+
<Flex alignItems="center" gap="10px">
45+
<Text color="$base" typography="buttonL">
46+
Get started
47+
</Text>
48+
<Image boxSize="24px" src={IMAGE_PREFIX + '/arrow.svg'} />
49+
</Flex>
4350
</Flex>
44-
</Flex>
51+
</Link>
4552
</VStack>
4653
<Box maxW="1200px" mx="auto" pb="100px" pt="80px">
4754
<CodeBoard />

0 commit comments

Comments
 (0)