From 1e7f7a6bc64069f927031fe948bc3d7823d1feb2 Mon Sep 17 00:00:00 2001
From: Sebastian Moder <moder.sebastian@gmail.com>
Date: Mon, 9 Oct 2023 15:35:50 +0200
Subject: [PATCH] Add Footer component for website

---
 components/Footer.tsx | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 components/Footer.tsx

diff --git a/components/Footer.tsx b/components/Footer.tsx
new file mode 100644
index 0000000..37cd60f
--- /dev/null
+++ 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>
+  );
+}