Add Footer

opentofu · Aug 31, 2023 · d4db20d · d4db20d
1 parent 2a60f9f
commit d4db20d
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+import NavLogo from "@site/static/img/nav-logo.svg";
+
+export default function Footer() {
+  return (
+    <footer className="text-light2 flex flex-col md:flex-row items-center justify-between gap-6 w-full py-6 px-6 md:px-28">
+      <NavLogo />
+      <div className="flex flex-row gap-6 align-center">
+        <a className="cursor-pointer">Manifesto</a>
+        <a className="cursor-pointer">Supporters</a>
+        <a className="cursor-pointer">FAQs</a>
+        <a className="cursor-pointer">Blog</a>
+        <a className="cursor-pointer">Docs</a>
+      </div>
+      <div className="flex flex-row gap-6">
+        <a className="cursor-pointer header-github-link" />
+        <a className="cursor-pointer header-twitter-link" />
+        <a className="cursor-pointer header-slack-link" />
+      </div>
+    </footer>
+  );
+}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -4,6 +4,7 @@ import FAQ from "../components/FAQ";
 import HowToSupport from "../components/HowToSupport";
 import HowToContribute from "../components/HowToContribute";
 import LatestNews from "../components/LatestNews";
+import Footer from "../components/Footer";
 
 export default function Home() {
   return (
@@ -12,6 +13,7 @@ export default function Home() {
       <HowToSupport />
       <HowToContribute />
       <LatestNews />
+      <Footer />
     </Layout>
   );
 }