First design of frontpage

src/app/components/footer.tsx

@@ -0,0 +1,21 @@
+// components/Footer.tsx
+import React from 'react';
+
+const Footer: React.FC = () => {
+  return (
+    <footer className="bg-gray-800 text-white p-4 mt-10">
+      <div className="container mx-auto flex justify-between items-center">
+        <p className="text-sm">&copy; {new Date().getFullYear()} My Website. All rights reserved.</p>
+        <nav>
+          <ul className="flex space-x-4">
+            <li><a href="/privacy" className="hover:text-gray-400">Privacy Policy</a></li>
+            <li><a href="/terms" className="hover:text-gray-400">Terms of Service</a></li>
+            <li><a href="/contact" className="hover:text-gray-400">Contact Us</a></li>
+          </ul>
+        </nav>
+      </div>
+    </footer>
+  );
+};
+
+export default Footer;