Initial commit: fristy.net personal site

components/site-footer.tsx

@@ -0,0 +1,50 @@
+import type { Dictionary } from "@/lib/i18n/get-dictionary";
+import { APACHE_LICENSE_URL, SITE_URL, SOURCE_URL } from "@/lib/site";
+
+export function SiteFooter({ dict }: { dict: Dictionary["footer"] }) {
+    const year = new Date().getFullYear();
+    const licenseLink = (
+        <a
+            href={APACHE_LICENSE_URL}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-blurple-soft transition-colors hover:text-white"
+        >
+            {dict.licenseLabel}
+        </a>
+    );
+    const sourceLink = (
+        <a
+            href={SOURCE_URL}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-blurple-soft transition-colors hover:text-white"
+        >
+            {dict.sourceLabel}
+        </a>
+    );
+    return (
+        <footer className="border-t border-white/5 py-8 text-center text-sm text-zinc-500">
+            <p>
+                © {year}{" "}
+                <a href={SITE_URL} className="transition-colors hover:text-white">
+                    fristy.net
+                </a>{" "}
+                · {dict.rights}
+            </p>
+            <p className="mt-1">
+                {dict.prefix}{" "}
+                {dict.licenseFirst ? (
+                    <>
+                        {licenseLink} {dict.middle} {sourceLink}
+                    </>
+                ) : (
+                    <>
+                        {sourceLink} {dict.middle} {licenseLink}
+                    </>
+                )}
+                {dict.suffix}.
+            </p>
+        </footer>
+    );
+}