74 lines
3.0 KiB
TypeScript
74 lines
3.0 KiB
TypeScript
export default function Footer() {
|
|
return (
|
|
<footer className="relative bg-deep-graphite">
|
|
<div className="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-primary-blue to-transparent" />
|
|
|
|
<div className="max-w-6xl mx-auto px-6 py-16">
|
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-12 mb-12">
|
|
<div>
|
|
<h3 className="text-xl font-semibold text-white mb-2">GridPilot</h3>
|
|
<div className="w-16 h-0.5 bg-gradient-to-r from-primary-blue to-neon-aqua mb-4 rounded-full" />
|
|
<p className="text-sm text-gray-400 font-light">
|
|
Making league racing less chaotic
|
|
</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 className="text-sm font-semibold text-white mb-4">Product</h4>
|
|
<ul className="space-y-3">
|
|
<li>
|
|
<a href="#features" className="text-sm text-gray-400 hover:text-primary-blue transition-colors duration-150 font-light">
|
|
Features
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<span className="text-sm text-gray-400 font-light cursor-not-allowed opacity-50">
|
|
Pricing <span className="text-xs">(coming soon)</span>
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span className="text-sm text-gray-400 font-light cursor-not-allowed opacity-50">
|
|
Roadmap <span className="text-xs">(coming soon)</span>
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span className="text-sm text-gray-400 font-light cursor-not-allowed opacity-50">
|
|
Docs <span className="text-xs">(coming soon)</span>
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 className="text-sm font-semibold text-white mb-4">Legal</h4>
|
|
<ul className="space-y-3">
|
|
<li>
|
|
<span className="text-sm text-gray-400 font-light cursor-not-allowed opacity-50">
|
|
Privacy <span className="text-xs">(coming soon)</span>
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span className="text-sm text-gray-400 font-light cursor-not-allowed opacity-50">
|
|
Terms <span className="text-xs">(coming soon)</span>
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span className="text-sm text-gray-400 font-light cursor-not-allowed opacity-50">
|
|
Status <span className="text-xs">(coming soon)</span>
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="pt-8 border-t border-charcoal-outline">
|
|
<div className="flex flex-col md:flex-row justify-between items-center gap-4">
|
|
<p className="text-sm text-gray-500 font-light">
|
|
© 2025 GridPilot. All rights reserved.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
} |