Skip to content

Base landing #38

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
owjs3901 merged 1 commit into from
Jan 20, 2025
Merged

Base landing #38

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions apps/landing/public/menu-arrow.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 4 additions & 4 deletions apps/landing/src/app/(detail)/LeftMenu.tsx → ...anding/src/app/(detail)/docs/LeftMenu.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ export function LeftMenu() {
<Text flex="1 0 0" opacity="0.8" typography="buttonSmid">
개념
</Text>
<Image boxSize="16px" src="menu icon" />
<Image boxSize="16px" src="/menu-arrow.svg" />
</Flex>
<Flex gap="8px">
<Box borderColor="$border" w="10px" />
Expand All @@ -50,13 +50,13 @@ export function LeftMenu() {
<Text flex="1 0 0" opacity="0.8" typography="buttonSmid">
구성 요소
</Text>
<Image boxSize="16px" src="menu icon" />
<Image boxSize="16px" src="/menu-arrow.svg" />
</Flex>
<Flex alignItems="center" borderRadius="6px" gap="10px" p="6px 10px">
<Text flex="1 0 0" opacity="0.8" typography="buttonSmid">
API
</Text>
<Image boxSize="16px" src="menu icon" />
<Image boxSize="16px" src="/menu-arrow.svg" />
</Flex>
<Flex gap="8px">
<Box borderColor="$border" w="10px" />
Expand All @@ -77,7 +77,7 @@ export function LeftMenu() {
<Text flex="1 0 0" opacity="0.8" typography="buttonSmid">
테마
</Text>
<Image boxSize="16px" src="menu icon" />
<Image boxSize="16px" src="/menu-arrow.svg" />
</Flex>
<Flex gap="8px">
<Box borderColor="$border" w="10px" />
Expand Down
68 changes: 68 additions & 0 deletions apps/landing/src/app/(detail)/docs/RightIndex.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
import { Box, Flex, Image, Text, VStack } from '@devup-ui/react'

export function RightIndex() {
return (
<VStack gap="16px" p="20px 16px" w="200px">
<VStack>
<Flex alignItems="center" gap="10px" p="6px 0px">
<Text color="$text" flex="1 0 0" typography="captionBold">
Contents
</Text>
</Flex>
<Flex alignItems="center" gap="10px" p="4px 10px">
<Box bg="$primary" borderRadius="100%" boxSize="6px" />
<Text
color="$primary"
flex="1 0 0"
opacity="0.8"
typography="captionBold"
>
Installation
</Text>
</Flex>
<Flex alignItems="center" gap="10px" p="4px 10px 30px">
<Text color="$text" flex="1 0 0" opacity="0.6" typography="caption">
General Guides
</Text>
</Flex>
<Flex alignItems="center" gap="10px" p="4px 10px 30px">
<Text color="$text" flex="1 0 0" opacity="0.6" typography="caption">
Framework Guides
</Text>
</Flex>
<Flex alignItems="center" gap="10px" p="4px 10px">
<Text color="$text" flex="1 0 0" opacity="0.6" typography="caption">
Next Steps
</Text>
</Flex>
<Flex alignItems="center" gap="10px" p="4px 10px">
<Text color="$text" flex="1 0 0" opacity="0.6" typography="caption">
Playground
</Text>
</Flex>
<Flex alignItems="center" gap="10px" p="4px 10px">
<Text color="$text" flex="1 0 0" opacity="0.6" typography="caption">
Acknowledgement
</Text>
</Flex>
</VStack>
<Box bg="undefined" h="1px" />
<Flex gap="4px">
<Text
color="$caption"
flex="1 0 0"
textAlign="right"
typography="small"
>
Edit this page
</Text>
<Image
bg="$caption"
boxSize="16px"
maskImage="url(/outlink.svg)"
maskSize="100%"
/>
</Flex>
</VStack>
)
}
22 changes: 22 additions & 0 deletions apps/landing/src/app/(detail)/docs/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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 (
<>
<Flex maxW="1440px" mx="auto">
<LeftMenu />
<Box flex={1} px="60px" py="40px">
{children}
</Box>
<RightIndex />
</Flex>
</>
)
}
14 changes: 14 additions & 0 deletions apps/landing/src/app/(detail)/docs/overview/page.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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?
22 changes: 0 additions & 22 deletions apps/landing/src/app/(detail)/layout.tsx
View file
Open in desktop

This file was deleted.

15 changes: 15 additions & 0 deletions apps/landing/src/app/(detail)/team/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { Box } from '@devup-ui/react'

export default function TeamLayout({
children,
}: Readonly<{
children: React.ReactNode
}>) {
return (
<>
<Box mx="auto" p="40px 60px" w="1014px">
{children}
</Box>
</>
)
}
14 changes: 14 additions & 0 deletions apps/landing/src/app/(detail)/team/page.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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?
2 changes: 2 additions & 0 deletions apps/landing/src/app/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand All @@ -22,6 +23,7 @@ export default function RootLayout({
/>
</head>
<body>
<Header />
{children}
<Footer />
</body>
Expand Down
37 changes: 22 additions & 15 deletions apps/landing/src/app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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'
Expand Down Expand Up @@ -26,22 +27,28 @@ export default function HomePage() {
elementum.
</Text>
</VStack>
<Flex
alignItems="center"
bg="$text"
borderRadius="100px"
gap="20px"
p="16px 40px"
w="247px"
<Link
className={css`
text-decoration: none;
`}
href="/docs/overview"
>
<Box bg="$secondary" borderRadius="100%" boxSize="10px" />
<Flex alignItems="center" gap="10px">
<Text color="$base" typography="buttonL">
Get started
</Text>
<Image boxSize="24px" src={IMAGE_PREFIX + '/arrow.svg'} />
<Flex
alignItems="center"
bg="$text"
borderRadius="100px"
gap="20px"
p="16px 40px"
>
<Box bg="$secondary" borderRadius="100%" boxSize="10px" />
<Flex alignItems="center" gap="10px">
<Text color="$base" typography="buttonL">
Get started
</Text>
<Image boxSize="24px" src={IMAGE_PREFIX + '/arrow.svg'} />
</Flex>
</Flex>
</Flex>
</Link>
</VStack>
<Box maxW="1200px" mx="auto" pb="100px" pt="80px">
<CodeBoard />
Expand Down
63 changes: 0 additions & 63 deletions apps/landing/src/components/DetailHeader.tsx
View file
Open in desktop

This file was deleted.

33 changes: 21 additions & 12 deletions apps/landing/src/components/Discord.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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'

Expand All @@ -21,19 +22,27 @@ export function Discord() {
egestas consequat nibh.
</Text>
</VStack>
<Flex
alignItems="center"
bg="$buttonBlue"
borderRadius="100px"
p="16px 40px"
<Link
className={css`
text-decoration: none;
`}
href="https://discord.gg/BtNffusw"
target="_blank"
>
<Flex alignItems="center" gap="10px">
<Text color="#FFF" typography="buttonLbold">
Join our Discord
</Text>
<Image boxSize="24px" src={IMAGE_PREFIX + '/outlink.svg'} />
<Flex
alignItems="center"
bg="$buttonBlue"
borderRadius="100px"
p="16px 40px"
>
<Flex alignItems="center" gap="10px">
<Text color="#FFF" typography="buttonLbold">
Join our Discord
</Text>
<Image boxSize="24px" src={IMAGE_PREFIX + '/outlink.svg'} />
</Flex>
</Flex>
</Flex>
</Link>
</VStack>
</Center>
)
Expand Down
Loading
Loading