Skip to content

Commit a9bfca1

Browse files
soy0kasoy0ka
committed
feat: add deploy workflow and update layout and Nabar components for improved structure
1 parent 844fa5d commit a9bfca1

File tree

4 files changed

+8
-166
lines changed

4 files changed

+8
-166
lines changed

‎.github/workflows/deploy.yml‎

Whitespace-only changes.

‎src/app/layout.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ export default async function RootLayout({
3737
<SessionProvider session={session}>
3838
<Nabar />
3939
<VerseBackground>
40-
<div className="z-1 flex-grow overflow-auto">{children}</div>
40+
<div className="z-1 mt-16 flex-grow overflow-auto">{children}</div>
4141
</VerseBackground>
4242
<Footer />
4343
</SessionProvider>

‎src/app/page.tsx‎

Lines changed: 6 additions & 164 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,3 @@
1-
import GlassmorphicSection from '@/components/UI/Box'
2-
import GlassmorphicButton from '@/components/UI/Button'
3-
import GlassmorphicCard from '@/components/UI/Card'
41
import { Metadata } from 'next'
52

63
export const metadata: Metadata = {
@@ -15,168 +12,13 @@ export default function Home() {
1512
return (
1613
<div className="dark:text-foreground relative text-gray-800">
1714
{/* 메인 콘텐츠 */}
18-
<main className="mx-auto w-full max-w-7xl flex-col gap-16 px-8 py-12 lg:px-4">
19-
{/* 히어로 섹션 */}
20-
<GlassmorphicSection className="mb-16 flex flex-col items-center justify-between gap-10 md:flex-row">
21-
<div className="flex-1">
22-
<h1 className="mb-6 text-5xl font-bold">
23-
<span className="text-chuni-gradient-primary block">CHUNITHM</span>
24-
<span className="text-chuni-gradient-secondary">플레이어를 위한</span>
25-
</h1>
26-
<p className="mb-8 text-xl opacity-85">
27-
국내 최고의 추니즘 기록 관리 및 정보 공유 플랫폼, 당신의 플레이를 더욱 즐겁게 만들어
28-
드립니다.
29-
</p>
30-
<div className="flex gap-4">
31-
<GlassmorphicButton primary>시작하기</GlassmorphicButton>
32-
<GlassmorphicButton>더 알아보기</GlassmorphicButton>
33-
</div>
34-
</div>
35-
</GlassmorphicSection>
36-
37-
{/* 특징 카드 섹션 */}
38-
<div className="mb-16 grid grid-cols-1 gap-8 md:grid-cols-3">
39-
<GlassmorphicCard className="transition duration-300 hover:scale-105">
40-
<div className="bg-chuni-mint-400/20 dark:bg-chuni-mint-400/10 mb-4 flex h-14 w-14 items-center justify-center rounded-lg p-3">
41-
<svg
42-
xmlns="http://www.w3.org/2000/svg"
43-
fill="none"
44-
viewBox="0 0 24 24"
45-
strokeWidth={1.5}
46-
stroke="currentColor"
47-
className="text-chuni-mint-600 h-8 w-8"
48-
>
49-
<path
50-
strokeLinecap="round"
51-
strokeLinejoin="round"
52-
d="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"
53-
/>
54-
</svg>
55-
</div>
56-
<h2 className="text-chuni-gradient-primary mb-2 text-xl font-bold">기록 관리</h2>
57-
<p className="opacity-75">
58-
게임 플레이 기록을 쉽고 효율적으로 관리하고 분석하여 당신의 실력 향상을 도와줍니다.
59-
</p>
60-
</GlassmorphicCard>
61-
62-
<GlassmorphicCard className="transition duration-300 hover:scale-105">
63-
<div className="bg-chuni-lavender-400/20 dark:bg-chuni-lavender-400/10 mb-4 flex h-14 w-14 items-center justify-center rounded-lg p-3">
64-
<svg
65-
xmlns="http://www.w3.org/2000/svg"
66-
fill="none"
67-
viewBox="0 0 24 24"
68-
strokeWidth={1.5}
69-
stroke="currentColor"
70-
className="text-chuni-lavender-600 h-8 w-8"
71-
>
72-
<path
73-
strokeLinecap="round"
74-
strokeLinejoin="round"
75-
d="M9 9l10.5-3m0 6.553v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 1 1-.99-3.467l2.31-.66a2.25 2.25 0 0 0 1.632-2.163Zm0 0V2.25L9 5.25v10.303m0 0v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 0 1-.99-3.467l2.31-.66A2.25 2.25 0 0 0 9 15.553Z"
76-
/>
77-
</svg>
78-
</div>
79-
<h2 className="text-chuni-gradient-secondary mb-2 text-xl font-bold">곡 정보</h2>
80-
<p className="opacity-75">
81-
최신 곡부터 클래식 곡까지, 모든 추니즘 트랙의 상세 정보와 난이도, 패턴 분석을
82-
제공합니다.
83-
</p>
84-
</GlassmorphicCard>
85-
86-
<GlassmorphicCard className="transition duration-300 hover:scale-105">
87-
<div className="bg-chuni-sky-400/20 dark:bg-chuni-sky-400/10 mb-4 flex h-14 w-14 items-center justify-center rounded-lg p-3">
88-
<svg
89-
xmlns="http://www.w3.org/2000/svg"
90-
fill="none"
91-
viewBox="0 0 24 24"
92-
strokeWidth={1.5}
93-
stroke="currentColor"
94-
className="text-chuni-sky-600 h-8 w-8"
95-
>
96-
<path
97-
strokeLinecap="round"
98-
strokeLinejoin="round"
99-
d="M7.5 14.25v2.25m3-4.5v4.5m3-6.75v6.75m3-9v9M6 20.25h12A2.25 2.25 0 0 0 20.25 18V6A2.25 2.25 0 0 0 18 3.75H6A2.25 2.25 0 0 0 3.75 6v12A2.25 2.25 0 0 0 6 20.25Z"
100-
/>
101-
</svg>
102-
</div>
103-
<h2 className="text-chuni-gradient-accent mb-2 text-xl font-bold">레이팅 계산</h2>
104-
<p className="opacity-75">
105-
정확한 레이팅 계산기로 최적의 레이팅 향상 전략을 세우고, 당신의 목표를 효과적으로
106-
달성하세요.
107-
</p>
108-
</GlassmorphicCard>
15+
<div className="dark:bg-background/70 relative min-h-screen bg-white/30">
16+
<div className="dark:text-foreground relative grid grid-rows-[auto_1fr_auto] items-center text-gray-800">
17+
<main className="mx-auto flex w-full max-w-7xl flex-col gap-16 px-4 py-8">
18+
<h1 className="mb-4 text-4xl font-bold">안녕하세요 ChuniLink입니다.</h1>
19+
</main>
10920
</div>
110-
111-
{/* 최근 업데이트 섹션 */}
112-
<GlassmorphicSection className="mb-16">
113-
<h2 className="mb-6 text-3xl font-bold">최근 업데이트</h2>
114-
<div className="grid grid-cols-1 gap-6 md:grid-cols-2">
115-
<div className="rounded-lg border border-white/20 bg-white/10 p-4 backdrop-blur-sm dark:border-white/10 dark:bg-black/20">
116-
<div className="mb-2 flex justify-between">
117-
<span className="text-chuni-mint-600 text-sm">2023.12.15</span>
118-
<span className="bg-chuni-green-400/20 text-chuni-green-600 rounded-full px-2 py-0.5 text-xs">
119-
새 기능
120-
</span>
121-
</div>
122-
<h3 className="mb-1 font-bold">레이팅 계산기 강화</h3>
123-
<p className="text-sm opacity-75">
124-
레이팅 계산의 정확도를 향상시키고 시각적 분석 도구를 추가했습니다.
125-
</p>
126-
</div>
127-
128-
<div className="rounded-lg border border-white/20 bg-white/10 p-4 backdrop-blur-sm dark:border-white/10 dark:bg-black/20">
129-
<div className="mb-2 flex justify-between">
130-
<span className="text-chuni-mint-600 text-sm">2023.12.10</span>
131-
<span className="bg-chuni-lavender-400/20 text-chuni-lavender-600 rounded-full px-2 py-0.5 text-xs">
132-
업데이트
133-
</span>
134-
</div>
135-
<h3 className="mb-1 font-bold">NEW 곡 추가</h3>
136-
<p className="text-sm opacity-75">
137-
12월 업데이트로 추가된 15곡의 정보가 데이터베이스에 업데이트되었습니다.
138-
</p>
139-
</div>
140-
141-
<div className="rounded-lg border border-white/20 bg-white/10 p-4 backdrop-blur-sm dark:border-white/10 dark:bg-black/20">
142-
<div className="mb-2 flex justify-between">
143-
<span className="text-chuni-mint-600 text-sm">2023.12.05</span>
144-
<span className="bg-chuni-sky-400/20 text-chuni-sky-600 rounded-full px-2 py-0.5 text-xs">
145-
개선
146-
</span>
147-
</div>
148-
<h3 className="mb-1 font-bold">UI 디자인 개선</h3>
149-
<p className="text-sm opacity-75">
150-
글래스모피즘 디자인을 적용하여 더욱 시각적으로 아름다운 인터페이스를 제공합니다.
151-
</p>
152-
</div>
153-
154-
<div className="rounded-lg border border-white/20 bg-white/10 p-4 backdrop-blur-sm dark:border-white/10 dark:bg-black/20">
155-
<div className="mb-2 flex justify-between">
156-
<span className="text-chuni-mint-600 text-sm">2023.11.28</span>
157-
<span className="bg-chuni-purple-400/20 text-chuni-purple-600 rounded-full px-2 py-0.5 text-xs">
158-
버그 수정
159-
</span>
160-
</div>
161-
<h3 className="mb-1 font-bold">성능 최적화</h3>
162-
<p className="text-sm opacity-75">
163-
서버 응답 시간 개선 및 사용자 경험 향상을 위한 다양한 최적화가 이루어졌습니다.
164-
</p>
165-
</div>
166-
</div>
167-
</GlassmorphicSection>
168-
169-
{/* CTA 섹션 */}
170-
<GlassmorphicSection className="text-center">
171-
<h2 className="mb-4 text-3xl font-bold">지금 바로 시작하세요</h2>
172-
<p className="mx-auto mb-8 max-w-2xl text-lg opacity-80">
173-
추니즘 플레이어들의 커뮤니티에 참여하고, 당신의 플레이를 한 단계 더 발전시키세요.
174-
</p>
175-
<GlassmorphicButton primary className="px-10 py-4 text-lg">
176-
무료로 가입하기
177-
</GlassmorphicButton>
178-
</GlassmorphicSection>
179-
</main>
21+
</div>
18022
</div>
18123
)
18224
}

‎src/components/shared/Nabar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ export default async function Nabar() {
99
const isLoggedIn = !!session?.user
1010

1111
return (
12-
<header className="z-1 dark:bg-background/70 sticky top-0 w-full bg-white/40 p-4 shadow-md backdrop-blur-md dark:shadow-white/10">
12+
<header className="z-1 dark:bg-background/70 fixed top-0 w-full bg-white/40 p-4 shadow-md backdrop-blur-md dark:shadow-white/10">
1313
<nav className="mx-auto flex max-w-7xl items-center justify-between">
1414
<NextLink href="/" className="flex items-center gap-2">
1515
<div className="from-chuni-mint-700 to-chuni-violet-500 bg-gradient-to-r bg-clip-text text-2xl font-bold text-transparent">

0 commit comments

Comments
 (0)