Upload components/Footer.jsx with huggingface_hub

components/Footer.jsx

@@ -0,0 +1,46 @@
+export default function Footer() {
+  return (
+    <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-8">
+          <div>
+            <h3 className="text-2xl font-bold mb-4">ChromaVector</h3>
+            <p className="text-gray-400">
+              Specialized Chroma vector database solutions for modern AI applications
+            </p>
+          </div>
+          <div>
+            <h4 className="font-semibold mb-4">Services</h4>
+            <ul className="space-y-2 text-gray-400">
+              <li>Implementation</li>
+              <li>Managed Services</li>
+              <li>Training</li>
+              <li>Support</li>
+            </ul>
+          </div>
+          <div>
+            <h4 className="font-semibold mb-4">Company</h4>
+            <ul className="space-y-2 text-gray-400">
+              <li>About Us</li>
+              <li>Case Studies</li>
+              <li>Blog</li>
+              <li>Careers</li>
+            </ul>
+          </div>
+          <div>
+            <h4 className="font-semibold mb-4">Connect</h4>
+            <ul className="space-y-2 text-gray-400">
+              <li>Twitter</li>
+              <li>LinkedIn</li>
+              <li>GitHub</li>
+              <li>Discord</li>
+            </ul>
+          </div>
+        </div>
+        <div className="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
+          <p>&copy; 2024 ChromaVector. All rights reserved.</p>
+        </div>
+      </div>
+    </footer>
+  );
+}