diff --git a/src/components/footer/FooterStyleTwo/FooterStyleTwo.tsx b/src/components/footer/FooterStyleTwo/FooterStyleTwo.tsx
new file mode 100644
index 0000000..caaec62
--- /dev/null
+++ b/src/components/footer/FooterStyleTwo/FooterStyleTwo.tsx
@@ -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;
\ No newline at end of file