Upload components/Footer.jsx with huggingface_hub

components/Footer.jsx

@@ -1,60 +1,56 @@
 import React from 'react';
-import { Database, Twitter, Github, Linkedin } from 'lucide-react';
 
-export default function Footer() {
+const Footer = () => {
   return (
-    <footer className="bg-brand-dark border-t border-white/10 pt-16 pb-8">
+    <footer className="bg-gray-900 text-white py-12">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-12 mb-12">
-          <div className="col-span-1 md:col-span-1">
-            <div className="flex items-center gap-2 mb-4">
-              <Database className="h-6 w-6 text-brand-accent" />
-              <span className="font-bold text-xl text-white">NeuroData</span>
-            </div>
-            <p className="text-gray-400 text-sm">
-              Fueling the intelligence revolution with high-quality, ethically sourced data infrastructure.
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
+          <div>
+            <h3 className="text-xl font-bold mb-4">LLM DataHub</h3>
+            <p className="text-gray-400">
+              Premium data infrastructure for the next generation of AI.
             </p>
           </div>
-          
           <div>
-            <h4 className="text-white font-bold mb-4">Platform</h4>
-            <ul className="space-y-2 text-sm text-gray-400">
-              <li><a href="#" className="hover:text-brand-accent transition-colors">Datasets</a></li>
-              <li><a href="#" className="hover:text-brand-accent transition-colors">API Reference</a></li>
-              <li><a href="#" className="hover:text-brand-accent transition-colors">Integrations</a></li>
-              <li><a href="#" className="hover:text-brand-accent transition-colors">Pricing</a></li>
+            <h4 className="font-semibold mb-4">Product</h4>
+            <ul className="space-y-2 text-gray-400">
+              <li><a href="#features" className="hover:text-white transition-colors">Features</a></li>
+              <li><a href="#datasets" className="hover:text-white transition-colors">Datasets</a></li>
+              <li><a href="#pricing" className="hover:text-white transition-colors">Pricing</a></li>
             </ul>
           </div>
-          
           <div>
-            <h4 className="text-white font-bold mb-4">Company</h4>
-            <ul className="space-y-2 text-sm text-gray-400">
-              <li><a href="#" className="hover:text-brand-accent transition-colors">About Us</a></li>
-              <li><a href="#" className="hover:text-brand-accent transition-colors">Careers</a></li>
-              <li><a href="#" className="hover:text-brand-accent transition-colors">Blog</a></li>
-              <li><a href="#" className="hover:text-brand-accent transition-colors">Contact</a></li>
+            <h4 className="font-semibold mb-4">Company</h4>
+            <ul className="space-y-2 text-gray-400">
+              <li><a href="#" className="hover:text-white transition-colors">About</a></li>
+              <li><a href="#" className="hover:text-white transition-colors">Careers</a></li>
+              <li><a href="#" className="hover:text-white transition-colors">Blog</a></li>
             </ul>
           </div>
-          
           <div>
-            <h4 className="text-white font-bold mb-4">Legal</h4>
-            <ul className="space-y-2 text-sm text-gray-400">
-              <li><a href="#" className="hover:text-brand-accent transition-colors">Privacy Policy</a></li>
-              <li><a href="#" className="hover:text-brand-accent transition-colors">Terms of Service</a></li>
-              <li><a href="#" className="hover:text-brand-accent transition-colors">Data Ethics</a></li>
+            <h4 className="font-semibold mb-4">Contact</h4>
+            <ul className="space-y-2 text-gray-400">
+              <li>contact@llmdatahub.com</li>
+              <li>+1 (555) 123-4567</li>
             </ul>
           </div>
         </div>
-        
-        <div className="border-t border-white/10 pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
-          <p className="text-gray-500 text-sm">© 2024 NeuroData Inc. All rights reserved.</p>
-          <div className="flex space-x-6">
-            <a href="#" className="text-gray-400 hover:text-white transition-colors"><Twitter className="h-5 w-5" /></a>
-            <a href="#" className="text-gray-400 hover:text-white transition-colors"><Github className="h-5 w-5" /></a>
-            <a href="#" className="text-gray-400 hover:text-white transition-colors"><Linkedin className="h-5 w-5" /></a>
-          </div>
+        <div className="border-t border-gray-800 mt-8 pt-8 flex flex-col md:flex-row justify-between items-center">
+          <p className="text-gray-400 text-sm">
+            © 2024 LLM DataHub. All rights reserved.
+          </p>
+          <a 
+            href="https://huggingface.co/spaces/akhaliq/anycoder" 
+            target="_blank" 
+            rel="noopener noreferrer"
+            className="text-gray-400 hover:text-white transition-colors text-sm mt-4 md:mt-0"
+          >
+            Built with anycoder
+          </a>
         </div>
       </div>
     </footer>
   );
-}
+};
+
+export default Footer;