development/979774c5-c0c7-4240-be71-563cafba736e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add src/components/footer/FooterStyleTwo/FooterStyleTwo.tsx

Browse Source
This commit is contained in:
development
2026-01-20 14:16:26 +00:00
parent 211a873398
commit f55ab96be9
1 changed files with 51 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/components/footer/FooterStyleTwo/FooterStyleTwo.tsx Normal file
View File

@@ -0,0 +1,51 @@
import React from 'react';
const FooterStyleTwo = () => {
return (
<footer className="bg-gray-900 text-white">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
<div className="grid md:grid-cols-4 gap-8">
<div>
<h3 className="text-lg font-semibold mb-4">Company</h3>
<ul className="space-y-2">
<li><a href="#" className="text-gray-300 hover:text-white">About</a></li>
<li><a href="#" className="text-gray-300 hover:text-white">Careers</a></li>
<li><a href="#" className="text-gray-300 hover:text-white">Blog</a></li>
</ul>
</div>
<div>
<h3 className="text-lg font-semibold mb-4">Product</h3>
<ul className="space-y-2">
<li><a href="#" className="text-gray-300 hover:text-white">Features</a></li>
<li><a href="#" className="text-gray-300 hover:text-white">Pricing</a></li>
<li><a href="#" className="text-gray-300 hover:text-white">Documentation</a></li>
</ul>
</div>
<div>
<h3 className="text-lg font-semibold mb-4">Support</h3>
<ul className="space-y-2">
<li><a href="#" className="text-gray-300 hover:text-white">Help Center</a></li>
<li><a href="#" className="text-gray-300 hover:text-white">Contact</a></li>
<li><a href="#" className="text-gray-300 hover:text-white">Status</a></li>
</ul>
</div>
<div>
<h3 className="text-lg font-semibold mb-4">Legal</h3>
<ul className="space-y-2">
<li><a href="#" className="text-gray-300 hover:text-white">Privacy</a></li>
<li><a href="#" className="text-gray-300 hover:text-white">Terms</a></li>
<li><a href="#" className="text-gray-300 hover:text-white">Security</a></li>
</ul>
</div>
</div>
<div className="border-t border-gray-800 pt-8 mt-8 text-center">
<p className="text-gray-400">
© 2024 Your Company. All rights reserved.
</p>
</div>
</div>
</footer>
);
};
export default FooterStyleTwo;