`src/components/shared/SiteFooter.tsx`

47 lines
import Link from 'next/link'

/**
 * Sitewide footer — the required Privacy / About / Contact links (AdSense
 * site-requirements checklist) rendered on EVERY page via the root layout,
 * not just the homepage. Replaces the dev-only VersionSwitcher that used to
 * render here (TK-11412).
 */
export default function SiteFooter() {
  const year = new Date().getFullYear()

  return (
    <footer
      className="mt-auto py-8 px-6 text-center text-sm flex flex-col items-center gap-3"
      style={{ color: 'var(--color-warm-gray)', background: 'var(--color-cream-dark)' }}
    >
      <span
        style={{
          fontFamily: 'Georgia, "Times New Roman", serif',
          fontStyle: 'italic',
          fontWeight: 700,
          color: 'var(--color-brown)',
          fontSize: '1.1rem',
        }}
      >
        i was cute
      </span>

      <nav className="flex flex-wrap items-center justify-center gap-x-5 gap-y-1 text-xs">
        <Link href="/about" className="hover:opacity-70 transition-opacity">About</Link>
        <Link href="/contact" className="hover:opacity-70 transition-opacity">Contact</Link>
        <Link href="/faq" className="hover:opacity-70 transition-opacity">FAQ</Link>
        <Link href="/privacy" className="hover:opacity-70 transition-opacity">Privacy Policy</Link>
        <Link href="/browse" className="hover:opacity-70 transition-opacity">Browse</Link>
        <Link href="/licensor" className="hover:opacity-70 transition-opacity">Upload</Link>
      </nav>

      <p className="text-xs opacity-70 mt-1">
        &copy; {year} I was Cute. All rights reserved. &middot; Contact:{' '}
        <a href="mailto:info@iwascute.com" className="underline hover:opacity-70">
          info@iwascute.com
        </a>
      </p>
    </footer>
  )
}