From 9c9393d41818109f86e104a2bd9fe604b83d863e Mon Sep 17 00:00:00 2001
From: Xvezda <xvezda@naver.com>
Date: Mon, 13 May 2024 18:52:27 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=ED=91=B8=ED=84=B0=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/app/layout.tsx              |  2 ++
 apps/web/app/login/page.tsx          |  2 +-
 apps/web/app/page.tsx                |  2 +-
 apps/web/components/footer/index.tsx | 13 +++++++++++++
 4 files changed, 17 insertions(+), 2 deletions(-)
 create mode 100644 apps/web/components/footer/index.tsx

diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
index 5e106d9..0e53cf7 100644
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@@ -4,6 +4,7 @@ import { GoogleAnalytics } from '@next/third-parties/google';
 import ReactQueryProvider from "@/components/react-query-provider";
 import { ThemeProvider } from '@/components/theme-provider';
 import Header from '@/components/header';
+import Footer from '@/components/footer';
 import { cn } from '@/lib/utils';
 import { notoSans } from './fonts';
 
@@ -37,6 +38,7 @@ export default function RootLayout({
               <main className="flex flex-col items-center justify-center">
                 {children}
               </main>
+              <Footer />
             </div>
           </ReactQueryProvider>
         </ThemeProvider>
diff --git a/apps/web/app/login/page.tsx b/apps/web/app/login/page.tsx
index fe39482..af577b3 100644
--- a/apps/web/app/login/page.tsx
+++ b/apps/web/app/login/page.tsx
@@ -7,7 +7,7 @@ import useAuth from '@/hooks/useAuth';
 
 export default function LoginPage() {
   return (
-    <div className="flex flex-col space-y-5 justify-center items-center min-h-[calc(100vh-100px)]">
+    <div className="flex flex-col space-y-5 justify-center items-center min-h-[calc(100vh-200px)]">
       <h2 className="text-3xl font-bold">
         체다 서비스에 로그인
       </h2>
diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
index e01eb68..8d0e11c 100644
--- a/apps/web/app/page.tsx
+++ b/apps/web/app/page.tsx
@@ -5,7 +5,7 @@ import bufferLogoImage from './icon-resized.png';
 
 export default function Home() {
   return (
-    <div className="flex flex-col min-h-[100dvh] break-keep">
+    <div className="flex flex-col min-h-[calc(100vh-200px)] break-keep">
       <main className="flex-1">
         <section className="w-full py-6 md:py-12 lg:py-16 xl:py-24">
           <div className="container grid gap-4 px-4 text-center md:px-6 xl:gap-10">
diff --git a/apps/web/components/footer/index.tsx b/apps/web/components/footer/index.tsx
new file mode 100644
index 0000000..8267b0a
--- /dev/null
+++ b/apps/web/components/footer/index.tsx
@@ -0,0 +1,13 @@
+export default function Footer() {
+  return (
+    <footer className="px-4 lg:px-6 py-7 break-keep flex flex-col max-sm:space-y-3 sm:flex-row justify-between">
+      <div className="text-sm text-gray-400 dark:text-gray-500">
+        &copy; 2024 체다 All rights reserved.
+      </div>
+      <div className="text-sm text-gray-400 dark:text-gray-500">
+        <p>본 사이트는 NAVER Corp.에서 운영하는 사이트가 아닙니다.</p>
+        <p>"치지직" 혹은 "chzzk"은 NAVER Corp.의 등록 상표입니다.</p>
+      </div>
+    </footer>
+  );
+}