From b04d65f0627cd91f68dcd82e0c441655832eade8 Mon Sep 17 00:00:00 2001 From: Jacob Mathison Date: Sat, 11 Apr 2026 08:43:48 -0500 Subject: [PATCH] feat: social links, cookie banner, privacy policy, terms pages, meta keywords --- pages/terms.tsx | 425 +++++++++++++++++++++++++++++++++--------------- 1 file changed, 297 insertions(+), 128 deletions(-) diff --git a/pages/terms.tsx b/pages/terms.tsx index b21eb6a..3056c90 100644 --- a/pages/terms.tsx +++ b/pages/terms.tsx @@ -1,160 +1,329 @@ import Head from "next/head"; import Link from "next/link"; -import styles from "@/styles/Home.module.css"; +import React from "react"; -const UPDATED = "April 11, 2025"; +const s = { + page: { + minHeight: "100vh", + background: "#0a0806", + color: "#e8dcc8", + fontFamily: "'Segoe UI', system-ui, -apple-system, sans-serif", + lineHeight: 1.7 as const, + } as React.CSSProperties, + nav: { + display: "flex", + alignItems: "center", + justifyContent: "space-between", + padding: "20px 32px", + borderBottom: "1px solid rgba(232,220,200,0.1)", + } as React.CSSProperties, + logo: { + fontFamily: "'Georgia', 'Times New Roman', serif", + fontSize: "1.2rem", + fontWeight: 700, + letterSpacing: "0.04em", + textDecoration: "none", + color: "#e8dcc8", + } as React.CSSProperties, + logoSpan: { color: "#c0392b" } as React.CSSProperties, + backLink: { + fontSize: "0.88rem", + color: "#9e9080", + textDecoration: "none", + display: "inline-flex", + alignItems: "center", + gap: "4px", + } as React.CSSProperties, + main: { + maxWidth: "780px", + margin: "0 auto", + padding: "56px 32px 80px", + } as React.CSSProperties, + eyebrow: { + display: "block", + fontSize: "0.78rem", + fontWeight: 700, + letterSpacing: "0.14em", + textTransform: "uppercase" as const, + color: "#c0392b", + marginBottom: "12px", + } as React.CSSProperties, + h1: { + fontFamily: "'Georgia', 'Times New Roman', serif", + fontSize: "clamp(2rem, 5vw, 2.8rem)", + fontWeight: 700, + color: "#e8dcc8", + marginBottom: "8px", + lineHeight: 1.2, + } as React.CSSProperties, + updated: { + fontSize: "0.85rem", + color: "#9e9080", + marginBottom: "48px", + paddingBottom: "32px", + borderBottom: "1px solid rgba(232,220,200,0.1)", + } as React.CSSProperties, + h2: { + fontFamily: "'Georgia', 'Times New Roman', serif", + fontSize: "1.35rem", + fontWeight: 700, + color: "#e8dcc8", + marginTop: "40px", + marginBottom: "12px", + } as React.CSSProperties, + p: { + fontSize: "0.95rem", + color: "#c8bfae", + marginBottom: "14px", + } as React.CSSProperties, + ul: { + paddingLeft: "20px", + marginBottom: "14px", + } as React.CSSProperties, + li: { + fontSize: "0.95rem", + color: "#c8bfae", + marginBottom: "6px", + } as React.CSSProperties, + a: { + color: "#c0392b", + textDecoration: "underline", + } as React.CSSProperties, + footer: { + borderTop: "1px solid rgba(232,220,200,0.1)", + padding: "28px 32px", + textAlign: "center" as const, + fontSize: "0.82rem", + color: "#9e9080", + } as React.CSSProperties, +}; export default function Terms() { return ( <> - Terms & Conditions | Bone Lord Bob + Terms & Conditions — Bone Lord Bob + + + + + + + + + + + - - - - - -
-