WIP - added form link area to footer (#135)

* added form link area to footer * fixed spacing and added link
sandboxnu · Feb 26, 2025 · 4cf6e04 · 4cf6e04
1 parent a00b9f6
commit 4cf6e04
Showing 1 changed file with 17 additions and 4 deletions.
diff --git a/apps/web/src/app/_components/footer.tsx b/apps/web/src/app/_components/footer.tsx
@@ -1,9 +1,10 @@
 import Image from "next/image";
 import Link from "next/link";
+import { MessageSquare } from "lucide-react";
 
 export default function Footer() {
   return (
-    <footer className="flex h-20 w-full grid-cols-2 items-center justify-between border-t border-t-[#919191] bg-white px-4">
+    <footer className="flex w-full grid-cols-2 flex-col items-center justify-between gap-2 border-t border-t-[#919191] bg-white p-4 md:flex-row">
       <Link
         href="https://github.com/sandboxnu/cooper"
         target="_blank"
@@ -18,9 +19,21 @@ export default function Footer() {
         />
         <h2 className="text-xl font-semibold">Checkout cooper on GitHub</h2>
       </Link>
-      <a href="https://clearbit.com" target="_blank" className="italic">
-        Logos provided by Clearbit
-      </a>
+      <div className="flex flex-col items-center gap-2 md:flex-row md:gap-6">
+        <Link
+          href="https://docs.google.com/forms/d/e/1FAIpQLSf-ZvpyBawT5LlMho7X4oNZ0Z_1M-o6cXLJjB5uJiNAvvnkfw/viewform?usp=dialog"
+          target="_blank"
+          className="flex items-center gap-2"
+        >
+          <MessageSquare size={20} />
+          <h2 className="text-lg font-semibold">
+            Submit Feedback or Bug Reports!
+          </h2>
+        </Link>
+        <a href="https://clearbit.com" target="_blank" className="italic">
+          Logos provided by Clearbit
+        </a>
+      </div>
     </footer>
   );
 }