Add Footer component for website

Sebstep · Oct 9, 2023 · 1e7f7a6 · 1e7f7a6
1 parent f8a9aa9
commit 1e7f7a6
Showing 1 changed file with 27 additions and 0 deletions.
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -0,0 +1,27 @@
+import React from "react";
+import Link from "next/link";
+
+export default function Footer() {
+  return (
+    <footer className="fixed bottom-0 w-full bg-gray-800 py-4">
+      <div className="container mx-auto px-4">
+        <div className="flex flex-wrap justify-between items-center">
+          <div className="w-full md:w-auto text-center md:text-left mb-4 md:mb-0">
+            <p className="text-white">&copy; 2021 My Website</p>
+          </div>
+          <div className="w-full md:w-auto text-center md:text-right">
+            <Link href="#" className="text-white hover:text-gray-400 mx-2">
+              Privacy Policy
+            </Link>
+            <Link href="#" className="text-white hover:text-gray-400 mx-2">
+              Terms of Service
+            </Link>
+            <Link href="#" className="text-white hover:text-gray-400 mx-2">
+              Contact Us
+            </Link>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}