feat: footer

src/app/components/footer.tsx

@@ -0,0 +1,23 @@
+import Link from "next/link";
+
+export default function Footer() {
+	return (
+		<footer className="mt-auto text-xs flex flex-col justify-center gap-y-0.5 gap-2 text-black/50 p-8 *:text-center">
+			<div className="flex justify-center gap-2">
+				<span>tomodachishare is not affiliated with nintendo</span>
+			</div>
+
+			<div className="flex justify-center gap-2">
+				<Link href="/terms-of-service">terms of service</Link>
+				<span>&bull;</span>
+				<Link href="/privacy">privacy</Link>
+				<span>&bull;</span>
+				<a href="https://github.com/trafficlunar/tomodachi-share">source code</a>
+				<span>&bull;</span>
+				<a href="https://trafficlunar.net">
+					made by <span className="text-orange-400">trafficlunar</span>
+				</a>
+			</div>
+		</footer>
+	);
+}

src/app/layout.tsx

@@ -4,6 +4,7 @@ import { Lexend } from "next/font/google";
 
 import "./globals.css";
 import Header from "./components/header";
+import Footer from "./components/footer";
 
 const lexend = Lexend({
 	subsets: ["latin"],
@@ -26,6 +27,7 @@ export default function RootLayout({
 
 				<Header />
 				<div className="px-4 py-8 max-w-7xl w-full">{children}</div>
+				<Footer />
 			</body>
 		</html>
 	);