From 91eb89de20f6351068ec74a2088d003df81912b7 Mon Sep 17 00:00:00 2001 From: HyungWookChoi Date: Wed, 13 Dec 2023 18:28:05 +0900 Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A7=20Home=20UI?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/(route)/home/layout.tsx | 2 ++ app/(route)/home/page.tsx | 8 +++--- app/(route)/layout.tsx | 2 +- app/_components/shared/bottom-navigation.tsx | 28 ++++++++++++++++++++ 4 files changed, 36 insertions(+), 4 deletions(-) create mode 100644 app/_components/shared/bottom-navigation.tsx diff --git a/app/(route)/home/layout.tsx b/app/(route)/home/layout.tsx index 1219289..b502f97 100644 --- a/app/(route)/home/layout.tsx +++ b/app/(route)/home/layout.tsx @@ -1,3 +1,4 @@ +import BottomNavigation from '@/app/_components/shared/bottom-navigation' import Header from '@/app/_components/shared/header' export default function Layout({ children }: { children: React.ReactNode }) { @@ -5,6 +6,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
{children} +
) } diff --git a/app/(route)/home/page.tsx b/app/(route)/home/page.tsx index 08a0eeb..6c4285e 100644 --- a/app/(route)/home/page.tsx +++ b/app/(route)/home/page.tsx @@ -1,11 +1,13 @@ export default function HomePage() { return (
-

오늘의 도달률

-
+

오늘의 도달률

+
100 - % + %
+
🌙 탐사 필요 0
+
🌕 탐사 완료 5
) } diff --git a/app/(route)/layout.tsx b/app/(route)/layout.tsx index d204b69..885b3fa 100644 --- a/app/(route)/layout.tsx +++ b/app/(route)/layout.tsx @@ -13,7 +13,7 @@ const myFont = localFont({ }) export const metadata: Metadata = { - title: '도달도달', + title: '도달도달 - 1:1 매칭 목표 달성 서비스', description: '1:1 매칭 목표 달성 서비스', } diff --git a/app/_components/shared/bottom-navigation.tsx b/app/_components/shared/bottom-navigation.tsx new file mode 100644 index 0000000..263f6d6 --- /dev/null +++ b/app/_components/shared/bottom-navigation.tsx @@ -0,0 +1,28 @@ +export default function BottomNavigation() { + return ( +
+
+ + + + + + + + + + + +
+
+ ) +}