From 2744f472548510a4c49d579034f23732ea6c4814 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EA=B4=80=EC=8B=9D?= <39869096+gwansikk@users.noreply.github.com> Date: Fri, 5 Apr 2024 23:19:34 +0900 Subject: [PATCH] feat(time): add HomePage (#88) --- apps/time/app/layout.tsx | 10 +++- apps/time/app/page.tsx | 117 ++++++++++++++++++++++++++++++++++++++- 2 files changed, 123 insertions(+), 4 deletions(-) diff --git a/apps/time/app/layout.tsx b/apps/time/app/layout.tsx index ec00b4db..32469dee 100644 --- a/apps/time/app/layout.tsx +++ b/apps/time/app/layout.tsx @@ -1,5 +1,6 @@ import type { Metadata } from 'next'; import { Noto_Sans_KR } from 'next/font/google'; +import { cn } from '@utils/component'; import './globals.css'; const inter = Noto_Sans_KR({ subsets: ['latin'] }); @@ -7,6 +8,9 @@ const inter = Noto_Sans_KR({ subsets: ['latin'] }); export const metadata: Metadata = { title: '경기타임', description: '경기대학교에 계신 모든 순간을 도와드릴게요.', + icons: { + icon: '/favicon.ico', + }, }; export default function RootLayout({ @@ -16,7 +20,11 @@ export default function RootLayout({ }>) { return ( - {children} + + {children} + ); } diff --git a/apps/time/app/page.tsx b/apps/time/app/page.tsx index eaf39dbb..05e0a1bf 100644 --- a/apps/time/app/page.tsx +++ b/apps/time/app/page.tsx @@ -1,7 +1,118 @@ +import PageLayout from '@components/common/PageLayout'; +import { + HomeCard, + HomeCardDescription, + HomeCardHeader, + HomeCardIcon, +} from '@components/home/HomeCard'; +import { PATH } from '@constants/path'; +import { + FcComboChart, + FcCalculator, + FcReading, + FcMultipleDevices, + FcDownload, + FcGraduationCap, + FcLandscape, + FcViewDetails, +} from 'react-icons/fc'; + +const buttons = [ + { + row: false, + disabled: false, + to: PATH.TIMETABLE, + title: '시간표', + description: '강의 시간표를 조합하고 관리할 수 있어요', + icon: , + }, + { + row: false, + disabled: false, + to: PATH.GRADE, + title: '학점', + description: '학점을 계산하고 관리할 수 있어요', + icon: , + }, + { + row: false, + disabled: false, + to: PATH.LIBRARY, + title: '도서관', + description: '도서관 좌석 현황을 확인할 수 있어요', + icon: , + }, + { + row: false, + disabled: false, + to: PATH.LOST, + title: '분실물', + description: '분실물을 등록하고 찾을 수 있어요', + icon: , + }, + { + row: true, + disabled: true, + to: PATH.GRADUATION, + title: '졸업요건진단', + description: + 'Kutis에서 2017년까지 제공되던 졸업요건 진단 기능을 경기타임팀에서 개발 중이에요, 많은 기대 부탁드려요', + icon: , + }, + { + row: false, + disabled: true, + to: PATH.FESTIVAL, + title: '축제', + description: '학교 축제 정보를 제공해 드려요, 축제 시즌 때 만나요', + icon: , + }, + { + row: false, + disabled: false, + to: PATH.FOOD, + title: '학식', + description: '감성코어, 기숙사 학식 정보를 제공해 드려요', + icon: , + }, +] as const; + export default function Home() { return ( -
- 경기타임 -
+ +
+

+ OPEN-BETA +

+

+ 현재 불안정하거나 구현되지 않는 기능이 있을 수 있습니다. +

+
+
+ {buttons.map(({ row, disabled, to, title, description, icon }) => ( + + {title} + {description} + {icon} + + ))} +
+ +
+ +
+

애플리케이션 설치 가이드

+

+ 경기타임를 모바일에 다운로드하고 싶으신가요? +

+
+
+ + ); }