Merge pull request #323 from MovieReviewComment/feature/issue-127/footer

[#127] Add Footer

ui/src/app/(board)/layout.tsx

@@ -1,10 +1,12 @@
+import { Footer } from '@/components/common/server/footer';
 import { Header } from '@/components/common/server/header';
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
     <>
       <Header />
-      <>{children}</>
+      {children}
+      <Footer />
     </>
   );
 }

ui/src/app/(home)/layout.tsx

@@ -0,0 +1,12 @@
+import { Footer } from '@/components/common/server/footer';
+import { Header } from '@/components/common/server/header';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <>
+      <Header />
+      {children}
+      <Footer />
+    </>
+  );
+}

ui/src/components/common/server/footer.tsx

@@ -0,0 +1,48 @@
+import Link from 'next/link';
+
+import Logo from '@/components/common/server/logo';
+import Text from '@/components/common/server/text';
+
+export function Footer() {
+  return (
+    <footer className="my-8 border-t px-10 py-8">
+      <div className="container mx-auto">
+        <div className="flex flex-col-reverse gap-4 lg:flex-row lg:justify-between lg:items-center ">
+          <Link href={'/'}>
+            <Logo />
+          </Link>
+
+          <div className="flex flex-1 flex-col justify-end gap-4 lg:flex-row">
+            <div className="flex gap-4 lg:flex-col">
+              <Link href={'/review'}>
+                <Text size="lg" weight="bold" nowrap>
+                  Review
+                </Text>
+              </Link>
+
+              <Link href={'/comment'}>
+                <Text size="lg" weight="bold" nowrap>
+                  Comment
+                </Text>
+              </Link>
+            </div>
+
+            <Link href={'https://github.com/MovieReviewComment/Mr.C'}>
+              <Text size="lg" weight="bold" nowrap>
+                GitHub
+              </Text>
+            </Link>
+          </div>
+        </div>
+        <div className="mt-2">
+          <Text size="sm" weight="medium" nowrap>
+            © 2024 MovieReviewComment.&#8192;
+          </Text>
+          <Text size="sm" weight="medium" nowrap>
+            All rights reserved.
+          </Text>
+        </div>
+      </div>
+    </footer>
+  );
+}