refactor: reuse header and footer

components/site-footer.tsx

@@ -0,0 +1,35 @@
+"use client"
+
+import TunnlLogo from "./tunnl-logo"
+import Link from "next/link"
+
+export default function SiteFooter() {
+  return (
+    <footer className="border-t border-gray-800 py-6 px-4">
+      <div className="max-w-3xl mx-auto text-center">
+        <div className="flex items-center justify-center gap-2 mb-4">
+          <TunnlLogo />
+          <span className="text-xl font-bold">
+            <span className="text-emerald-400">tunnl</span>.live
+          </span>
+        </div>
+        <div className="flex flex-wrap items-center justify-center gap-x-6 gap-y-2 mb-4 text-sm">
+          <Link href="https://status.fossy.my.id/status/services" className="text-gray-400 hover:text-emerald-400 transition-colors">
+            Status Page
+          </Link>
+        </div>
+        <div className="text-sm text-gray-500">
+          © {new Date().getFullYear()} tunnl.live. Made with ❤️ by{' '}
+          <a
+            href="https://github.com/fossyy"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="underline hover:text-gray-700"
+          >
+            Bagas
+          </a>. All rights reserved.
+        </div>
+      </div>
+    </footer>
+  )
+}