70 lines
2.4 KiB
TypeScript
70 lines
2.4 KiB
TypeScript
import Link from "next/link"
|
|
import { Twitter, Linkedin, Github } from "lucide-react"
|
|
|
|
export function Footer() {
|
|
return (
|
|
<footer className="bg-gray-900 text-white px-6 py-12">
|
|
<div className="max-w-6xl mx-auto">
|
|
<div className="grid md:grid-cols-3 gap-8 mb-8">
|
|
<div>
|
|
<h3 className="text-xl font-bold mb-4">Long Tail Financial</h3>
|
|
<p className="text-gray-400">
|
|
Token engineering consultancy helping organizations design and deploy tokenomic systems.
|
|
</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 className="font-semibold mb-4">Quick Links</h4>
|
|
<ul className="space-y-2">
|
|
<li>
|
|
<Link href="/" className="text-gray-400 hover:text-white transition-colors">
|
|
Home
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/research" className="text-gray-400 hover:text-white transition-colors">
|
|
Research & Resources
|
|
</Link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 className="font-semibold mb-4">Connect With Us</h4>
|
|
<div className="flex gap-4">
|
|
<a
|
|
href="https://x.com/LongTailFinTech"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="bg-gray-800 p-2 rounded-full hover:bg-gray-700 transition-colors"
|
|
>
|
|
<Twitter className="w-5 h-5" />
|
|
</a>
|
|
<a
|
|
href="https://www.linkedin.com/company/longtail-financial"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="bg-gray-800 p-2 rounded-full hover:bg-gray-700 transition-colors"
|
|
>
|
|
<Linkedin className="w-5 h-5" />
|
|
</a>
|
|
<a
|
|
href="https://github.com/longtailfinancial"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="bg-gray-800 p-2 rounded-full hover:bg-gray-700 transition-colors"
|
|
>
|
|
<Github className="w-5 h-5" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="pt-8 border-t border-gray-800 text-center text-gray-400 text-sm">
|
|
© {new Date().getFullYear()} Long Tail Financial. All rights reserved.
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
)
|
|
}
|