Add footer

Author: Rikthepixel

src/components/navigation/Footer.tsx

@@ -0,0 +1,29 @@
+import React from "react";
+import Link from "./Link";
+
+interface FooterProps {
+
+}
+
+const Footer = ({ }: FooterProps) => {
+  return (
+    <footer className="flex gap-4 p-4 bg-primary text-primary-contrast">
+      <div>
+        <p className="text-lg font-semibold text-center">Contact:</p>
+        <div className="flex gap-2">
+          <span className="font-semibold">Feedback:</span>
+          <Link color="white" href="mailto:feedback@commitrocket.com" underline>feedback@commitrocket.com</Link>
+        </div>
+      </div>
+      <div>
+        <p className="text-lg font-semibold text-center">Contact:</p>
+        <div className="flex gap-2">
+          <span className="font-semibold">Feedback:</span>
+          <Link color="white" href="mailto:feedback@commitrocket.com" underline>feedback@commitrocket.com</Link>
+        </div>
+      </div>
+    </footer>
+  );
+};
+
+export default Footer;

src/pages/_app.tsx

@@ -6,6 +6,7 @@ import Head from "next/head";
 
 import '@/styles/main.css';
 import Header from "@/components/navigation/Header";
+import Footer from "@/components/navigation/Footer";
 
 const openSans = Open_Sans({
   subsets: ['latin'],
@@ -49,7 +50,6 @@ export default function App({ Component, pageProps, router }: AppProps) {
       </Head>
       <div className={"flex flex-col overflow-auto scroll-smooth scroll-p-4 " + openSans.variable}>
         <Header />
-
         <AnimatePresence mode="wait">
           <motion.div
             key={router.pathname}
@@ -68,6 +68,7 @@ export default function App({ Component, pageProps, router }: AppProps) {
             />
           </motion.div>
         </AnimatePresence>
+        <Footer />
       </div>
     </MotionConfig>
   );