feat: 404 page, security headers, BLB favicon + apple-touch-icon from logo

2026-04-09 09:19:11 -05:00
parent 527ddf4ecc
commit 690259130c
5 changed files with 73 additions and 2 deletions
@@ -1,8 +1,34 @@
 import type { NextConfig } from "next";

+const securityHeaders = [
+  { key: "X-DNS-Prefetch-Control", value: "on" },
+  { key: "X-Frame-Options", value: "SAMEORIGIN" },
+  { key: "X-Content-Type-Options", value: "nosniff" },
+  { key: "Referrer-Policy", value: "strict-origin-when-cross-origin" },
+  { key: "Permissions-Policy", value: "camera=(), microphone=(), geolocation=()" },
+  {
+    key: "Content-Security-Policy",
+    value: [
+      "default-src 'self'",
+      "script-src 'self' 'unsafe-inline' https://www.googletagmanager.com https://www.google-analytics.com",
+      "style-src 'self' 'unsafe-inline'",
+      "img-src 'self' data: https:",
+      "connect-src 'self' https://www.google-analytics.com https://analytics.google.com",
+      "frame-ancestors 'none'",
+    ].join("; "),
+  },
+];
+
 const nextConfig: NextConfig = {
-  /* config options here */
  reactStrictMode: true,
+  async headers() {
+    return [
+      {
+        source: "/(.*)",
+        headers: securityHeaders,
+      },
+    ];
+  },
 };

 export default nextConfig;
@@ -0,0 +1,43 @@
+import Head from "next/head";
+import Link from "next/link";
+import styles from "@/styles/Home.module.css";
+
+export default function NotFound() {
+  return (
+    <>
+      <Head>
+        <title>404 — Page Not Found | Bone Lord Bob</title>
+        <meta name="robots" content="noindex" />
+      </Head>
+      <div className={styles.page}>
+        <nav className={styles.nav}>
+          <span className={styles.navLogo}>
+            Bone Lord <span>Bob</span>
+          </span>
+        </nav>
+
+        <section className={styles.hero} style={{ minHeight: '100vh', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+          <div className={styles.heroContent} style={{ textAlign: 'center' }}>
+            <span className={styles.eyebrow}>404</span>
+            <h1 className={styles.heroTitle}>
+              Lost in the <em>Bone Kingdom</em>
+            </h1>
+            <p className={styles.heroSub}>
+              This page doesn&apos;t exist. Even the dead couldn&apos;t find it.
+            </p>
+            <div className={styles.heroCtas}>
+              <Link href="/" className={styles.btnPrimary}>
+                Return to the World
+              </Link>
+            </div>
+          </div>
+        </section>
+
+        <footer className={styles.footer}>
+          <span className={styles.footerLogo}>Bone Lord <span>Bob</span></span>
+          <span className={styles.footerNote}>© {new Date().getFullYear()} Mathison Projects Inc.</span>
+        </footer>
+      </div>
+    </>
+  );
+}
@@ -17,7 +17,9 @@ export default function Document() {
        <meta name="twitter:site" content="@bonelordbob" />
        <meta name="twitter:title" content="Bone Lord Bob — American Anime" />
        <meta name="twitter:description" content="American Anime. Dark. Brutal. Beautiful." />
-        <meta name="twitter:image" content="https://bonelordbob.com/og-image.jpg" />
+        <meta name="twitter:image" content="https://bonelordbob.com/og-image.png" />
+        <link rel="icon" href="/favicon.ico" />
+        <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
        {/* Google Analytics GA4 — G-6EJVCK4931 */}
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-6EJVCK4931" />
        <script