@@ -10,13 +10,50 @@ export const metadata: Metadata = {
1010
1111export  default  function  Home ( )  { 
1212	return  ( 
13- 		< div  className = "dark:text-foreground relative text-gray-800" > 
14- 			{ /* 메인 콘텐츠 */ } 
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 > 
13+ 		< div  className = "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-gray-900 dark:to-gray-800" > 
14+ 			< div  className = "container mx-auto px-4 py-16" > 
15+ 				< div  className = "mx-auto max-w-4xl" > 
16+ 					< div  className = "mb-12 text-center" > 
17+ 						< h1  className = "relative mb-6 text-2xl font-bold text-gray-700 md:text-5xl dark:text-white" > 
18+ 							안녕하세요{ ' ' } 
19+ 							< span  className = "from-chuni-mint-700 to-chuni-violet-500 bg-gradient-to-r bg-clip-text font-bold text-transparent" > 
20+ 								CHUNILINK
21+ 							</ span > 
22+ 							입니다.
23+ 						</ h1 > 
24+ 						< div  className = "mx-auto h-1 w-24 rounded-full bg-blue-600 dark:bg-blue-400" > </ div > 
25+ 					</ div > 
26+ 
27+ 					< div  className = "dark:bg-background/80 w-full rounded-2xl border-t border-gray-200 bg-white/40 px-8 py-10 backdrop-blur-lg transition-all duration-300 dark:border-white/15" > 
28+ 						< div  className = "space-y-6 leading-relaxed text-gray-700 dark:text-gray-300" > 
29+ 							< div  className = "flex items-start space-x-3" > 
30+ 								< div  className = "mt-3 h-2 w-2 flex-shrink-0 rounded-full bg-blue-500" > </ div > 
31+ 								< p  className = "text-lg" > 
32+ 									ChuniLink는 현재{ ' ' } 
33+ 									< span  className = "font-semibold text-amber-600 dark:text-amber-400" > 
34+ 										베타 버전
35+ 									</ span > 
36+ 									으로 운영되고 있어 예고없는 데이터 삭제 및 기능 변경이 있을 수 있습니다.
37+ 								</ p > 
38+ 							</ div > 
39+ 
40+ 							< div  className = "flex items-start space-x-3" > 
41+ 								< div  className = "mt-3 h-2 w-2 flex-shrink-0 rounded-full bg-blue-500" > </ div > 
42+ 								< p  className = "text-lg" > 
43+ 									이 프로젝트 개발에 영감을 주신 < span  className = "font-semibold" > shiftpsh</ span > 님의{ ' ' } 
44+ 									< a 
45+ 										href = "https://mai.sft.sh" 
46+ 										target = "_blank" 
47+ 										rel = "noopener noreferrer" 
48+ 										className = "text-blue-600 underline underline-offset-2 transition-colors hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300" 
49+ 									> 
50+ 										mai.sft.sh
51+ 									</ a > { ' ' } 
52+ 									프로젝트에 감사드립니다.
53+ 								</ p > 
54+ 							</ div > 
55+ 						</ div > 
56+ 					</ div > 
2057				</ div > 
2158			</ div > 
2259		</ div > 
0 commit comments