Feat: Footer 만들기

src/app/memos/page.tsx

@@ -1,4 +1,5 @@
 import MemosGrid from '@/components/memo/MemosGrid';
+import Footer from '@/components/shared/Footer';
 import Header from '@/components/shared/Header';
 import LayoutWrapper from '@/components/shared/LayoutWrapper';
 import { getMemos } from '@/service/memos';
@@ -12,6 +13,7 @@ export default async function MemosPage() {
       <LayoutWrapper paddingY="sm:py-5">
         <MemosGrid memos={memos} colNum={4} />
       </LayoutWrapper>
+      <Footer />
     </section>
   );
 }

src/components/shared/Footer.tsx

@@ -0,0 +1,18 @@
+import Link from 'next/link';
+
+export default function Footer() {
+  return (
+    <div className="bg-soma-grey-20">
+      <footer className="flex flex-col items-center py-5 px-5 max-w-screen-xl m-auto text-soma-grey-70">
+        <p className="font-semibold my-2 text-lg">Contact</p>
+        <p>✉️ dongwoo0307@naver.com</p>
+        <Link
+          href="https://open.kakao.com/o/gbdqT3Af"
+          className="text-soma-blue-50"
+        >
+          💬 카카오톡 오픈 채팅방
+        </Link>
+      </footer>
+    </div>
+  );
+}