File size: 3,628 Bytes
88c4c60 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 | "use client";
export default function Footer() {
return (
<footer className="border-t border-[#3a2f27] bg-[#120f0d] pt-16 pb-8 px-6">
<div className="max-w-7xl mx-auto">
<div className="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-8 mb-16">
{/* Brand */}
<div className="col-span-2 lg:col-span-2">
<div className="flex items-center gap-3 mb-6">
<div className="size-6 rounded bg-[#f97815] flex items-center justify-center text-white">
<span className="material-symbols-outlined text-[16px]">hub</span>
</div>
<h3 className="text-white text-lg font-bold">9Router</h3>
</div>
<p className="text-gray-500 text-sm max-w-xs mb-6">
The unified endpoint for AI generation. Connect, route, and manage your AI providers with ease.
</p>
<div className="flex gap-4">
<a className="text-gray-400 hover:text-white transition-colors" href="https://github.com/decolua/9router" target="_blank" rel="noopener noreferrer">
<span className="material-symbols-outlined">code</span>
</a>
</div>
</div>
{/* Product */}
<div className="flex flex-col gap-4">
<h4 className="font-bold text-white">Product</h4>
<a className="text-gray-400 hover:text-[#f97815] text-sm transition-colors" href="#features">Features</a>
<a className="text-gray-400 hover:text-[#f97815] text-sm transition-colors" href="/dashboard">Dashboard</a>
<a className="text-gray-400 hover:text-[#f97815] text-sm transition-colors" href="https://github.com/decolua/9router" target="_blank" rel="noopener noreferrer">Changelog</a>
</div>
{/* Resources */}
<div className="flex flex-col gap-4">
<h4 className="font-bold text-white">Resources</h4>
<a className="text-gray-400 hover:text-[#f97815] text-sm transition-colors" href="https://github.com/decolua/9router#readme" target="_blank" rel="noopener noreferrer">Documentation</a>
<a className="text-gray-400 hover:text-[#f97815] text-sm transition-colors" href="https://github.com/decolua/9router" target="_blank" rel="noopener noreferrer">GitHub</a>
<a className="text-gray-400 hover:text-[#f97815] text-sm transition-colors" href="https://www.npmjs.com/package/9router" target="_blank" rel="noopener noreferrer">NPM</a>
</div>
{/* Legal */}
<div className="flex flex-col gap-4">
<h4 className="font-bold text-white">Legal</h4>
<a className="text-gray-400 hover:text-[#f97815] text-sm transition-colors" href="https://github.com/decolua/9router/blob/main/LICENSE" target="_blank" rel="noopener noreferrer">MIT License</a>
</div>
</div>
{/* Bottom */}
<div className="border-t border-[#3a2f27] pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
<p className="text-gray-600 text-sm">© 2025 9Router. All rights reserved.</p>
<div className="flex gap-6">
<a className="text-gray-600 hover:text-white text-sm transition-colors" href="https://github.com/decolua/9router" target="_blank" rel="noopener noreferrer">GitHub</a>
<a className="text-gray-600 hover:text-white text-sm transition-colors" href="https://www.npmjs.com/package/9router" target="_blank" rel="noopener noreferrer">NPM</a>
</div>
</div>
</div>
</footer>
);
}
|