created simple auth system using betterauth

src/components/Footer.tsx

@@ -0,0 +1,35 @@
+export function Footer() {
+  const currentYear = new Date().getFullYear();
+
+  return (
+    <footer className="bg-gray-800 text-gray-300 mt-12">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8">
+          <div>
+            <h3 className="text-white font-semibold mb-4">About</h3>
+            <p className="text-sm">
+              TTS Dialect Annotation Platform for Swiss German dialects.
+            </p>
+          </div>
+          <div>
+            <h3 className="text-white font-semibold mb-4">Quick Links</h3>
+            <ul className="space-y-2 text-sm">
+              <li><a href="/" className="hover:text-white transition-colors">Home</a></li>
+              <li><a href="#" className="hover:text-white transition-colors">Documentation</a></li>
+              <li><a href="#" className="hover:text-white transition-colors">Support</a></li>
+            </ul>
+          </div>
+          <div>
+            <h3 className="text-white font-semibold mb-4">Contact</h3>
+            <p className="text-sm">
+              ZHAW - Zurich University of Teacher Education
+            </p>
+          </div>
+        </div>
+        <div className="border-t border-gray-700 pt-8 text-center text-sm">
+          <p>&copy; {currentYear} TTS Dialect Annotation Platform. All rights reserved.</p>
+        </div>
+      </div>
+    </footer>
+  );
+}