From dd5430f2d83f660ca6a17acc936e7d57fb59a188 Mon Sep 17 00:00:00 2001
From: Arhan Ansari <arhanansari2009@gmail.com>
Date: Thu, 10 Oct 2024 10:29:37 +0530
Subject: [PATCH] Create Footer.tsx

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

diff --git a/components/Footer.tsx b/components/Footer.tsx
new file mode 100644
index 0000000..f22fa83
--- /dev/null
+++ b/components/Footer.tsx
@@ -0,0 +1,32 @@
+import React from "react";
+import Link from "next/link"; // Importing Link from Next.js
+
+const Footer: React.FC = () => {
+  return (
+    <footer className="bg-gray-900 text-gray-300 py-8">
+      <div className="max-w-6xl mx-auto px-4 flex flex-col md:flex-row justify-between items-center">
+        {/* Left Section: Links */}
+        <div className="mb-4 md:mb-0">
+          <nav className="flex flex-col md:flex-row gap-4">
+            <Link href="/dashboard" className="hover:underline">
+              Dashboard
+            </Link>
+            <Link href="/dashboard/upgrade" className="hover:underline">
+              Upgrade
+            </Link>
+            <Link href="https://arhanansari.vercel.app" target="_blank" rel="noopener noreferrer" className="hover:underline">
+              Portfolio
+            </Link>
+          </nav>
+        </div>
+
+        {/* Right Section: Credits */}
+        <div className="text-center">
+          <p>Developed by <Link href="https://arhanansari.vercel.app" target="_blank" className="text-blue-500 hover:underline">Arhan Ansari</Link></p>
+        </div>
+      </div>
+    </footer>
+  );
+};
+
+export default Footer;