2025-09-21 21:06:02 +01:00

67 lines
2.2 KiB
TypeScript

export function Footer() {
return (
<footer className="bg-gray-50 border-t">
<div className="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
<div className="grid grid-cols-1 md:grid-cols-4 gap-8">
<div className="col-span-1 md:col-span-2">
<h3 className="text-sm font-semibold text-gray-400 tracking-wider uppercase">
About SubscriptionHub
</h3>
<p className="mt-4 text-base text-gray-500">
Powerful subscription management for microfinance, educational institutions,
and businesses. Manage clients, agents, and operations with ease.
</p>
</div>
<div>
<h3 className="text-sm font-semibold text-gray-400 tracking-wider uppercase">
Support
</h3>
<ul className="mt-4 space-y-4">
<li>
<a href="#" className="text-base text-gray-500 hover:text-gray-900">
Documentation
</a>
</li>
<li>
<a href="#" className="text-base text-gray-500 hover:text-gray-900">
Help Center
</a>
</li>
<li>
<a href="#" className="text-base text-gray-500 hover:text-gray-900">
Contact Us
</a>
</li>
</ul>
</div>
<div>
<h3 className="text-sm font-semibold text-gray-400 tracking-wider uppercase">
Legal
</h3>
<ul className="mt-4 space-y-4">
<li>
<a href="#" className="text-base text-gray-500 hover:text-gray-900">
Privacy Policy
</a>
</li>
<li>
<a href="#" className="text-base text-gray-500 hover:text-gray-900">
Terms of Service
</a>
</li>
</ul>
</div>
</div>
<div className="mt-8 border-t border-gray-200 pt-8">
<p className="text-base text-gray-400 text-center">
&copy; 2024 SubscriptionHub. All rights reserved.
</p>
</div>
</div>
</footer>
);
}