Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-10-04 00:56:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
MacRimi
2025-02-13 20:13:54 +01:00
parent 3869bf207c
commit 682f0c66a3
59 changed files with 5254 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
web/app/components/footer.tsx
View File

@@ -1,74 +1,56 @@
import Link from "next/link"
import { Facebook, Twitter, Instagram, Linkedin } from "lucide-react"
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 grid grid-cols-1 md:grid-cols-4 gap-8">
<div>
<h3 className="text-lg font-semibold mb-4">StreamLine</h3>
<p className="text-gray-400">Streamlining your workflow, one task at a time.</p>
</div>
<div>
<h4 className="text-lg font-semibold mb-4">Product</h4>
<ul className="space-y-2">
<li>
<Link href="#features" className="text-gray-400 hover:text-white">
Features
</Link>
</li>
<li>
<Link href="#pricing" className="text-gray-400 hover:text-white">
Pricing
</Link>
</li>
<li>
<Link href="#" className="text-gray-400 hover:text-white">
Integrations
</Link>
</li>
</ul>
</div>
<div>
<h4 className="text-lg font-semibold mb-4">Company</h4>
<ul className="space-y-2">
<li>
<Link href="#" className="text-gray-400 hover:text-white">
About Us
</Link>
</li>
<li>
<Link href="#" className="text-gray-400 hover:text-white">
Careers
</Link>
</li>
<li>
<Link href="#" className="text-gray-400 hover:text-white">
Contact
</Link>
</li>
</ul>
</div>
<div>
<h4 className="text-lg font-semibold mb-4">Connect</h4>
<div className="flex space-x-4">
<Link href="#" className="text-gray-400 hover:text-white">
<Facebook className="h-6 w-6" />
</Link>
<Link href="#" className="text-gray-400 hover:text-white">
<Twitter className="h-6 w-6" />
</Link>
<Link href="#" className="text-gray-400 hover:text-white">
<Instagram className="h-6 w-6" />
</Link>
<Link href="#" className="text-gray-400 hover:text-white">
<Linkedin className="h-6 w-6" />
<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, you can buy me a coffee on Ko-fi! Thank you! 😊
</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/HWEncoderX/main/images/kofi.png"
alt="Support me on Ko-fi"
width={175}
height={50}
className="w-[175px] mr-[65px]"
/>
</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 our community discussions on GitHub to get help, share ideas, and contribute to the project.
</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>
</div>
<div className="container mx-auto mt-8 pt-8 border-t border-gray-800 text-center text-gray-400">
<p>&copy; 2025 StreamLine. All rights reserved.</p>
{/* Copyright - Center */}
<div className="mt-8 pt-8 border-t border-gray-800 text-center text-gray-400">
<p>&copy; {new Date().getFullYear()} ProxMenux. All rights reserved.</p>
</div>
</div>
</footer>
)