67 lines
2.2 KiB
TypeScript
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">
|
|
© 2024 SubscriptionHub. All rights reserved.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
} |