From 37c8f4221f4913c83ad95e4f3647f91dc1beef50 Mon Sep 17 00:00:00 2001
From: MacRimi <123239993+MacRimi@users.noreply.github.com>
Date: Sun, 16 Feb 2025 13:06:43 +0100
Subject: [PATCH] Create footer2.tsx

---
 web/components/footer2.tsx | 60 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 web/components/footer2.tsx

diff --git a/web/components/footer2.tsx b/web/components/footer2.tsx
new file mode 100644
index 0000000..5c98ae5
--- /dev/null
+++ b/web/components/footer2.tsx
@@ -0,0 +1,60 @@
+"use client"
+
+import Link from "next/link"
+import { MessageCircle } from "lucide-react"
+import Image from "next/image"
+
+export default function Footer() {
+  return (
+    <footer className="bg-gray-900 text-white py-12">
+      <div className="container mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="flex flex-col md:flex-row justify-between">
+          {/* Support Section - Left Side */}
+          <div className="flex flex-col items-start mb-8 md:mb-0">
+            <h4 className="text-lg font-semibold mb-4">Sponsor</h4>
+            <p className="text-gray-400 mb-4 max-w-md">
+              If you would like to support the project.
+            </p>
+            <a
+              href="https://ko-fi.com/G2G313ECAN"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="hover:opacity-90 transition-opacity flex items-center"
+            >
+              <Image
+                src="https://raw.githubusercontent.com/MacRimi/ProxMenux/main/images/kofi.png"
+                alt="Support me on Ko-fi"
+                width={150}
+                height={40}
+                className="w-[150px] h-[40px] mr-[50px]"
+                loading="lazy"
+              />
+            </a>
+          </div>
+
+          {/* Connect Section - Right Side */}
+          <div className="flex flex-col items-start md:items-end">
+            <h4 className="text-lg font-semibold mb-4">Connect</h4>
+            <p className="text-gray-400 mb-4 max-w-md md:text-right">
+              Join the community discussions on GitHub to get help, share ideas, and contribute to the project. Every idea is welcome!
+            </p>
+            <Link
+              href="https://github.com/MacRimi/ProxMenux/discussions"
+              className="flex items-center text-blue-400 hover:text-blue-300 transition-colors duration-200"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <MessageCircle className="mr-2 h-5 w-5" />
+              Join the Discussion
+            </Link>
+          </div>
+        </div>
+
+        {/* Copyright - Center */}
+        <div className="mt-8 pt-8 border-t border-gray-800 text-center text-gray-400">
+        <p>ProxMenux, an open-source and collaborative project by MacRimi.</p>
+        </div>
+      </div>
+    </footer>
+  )
+}