Footer Big Wordmark

"use client";

import * as React from "react";
import { motion, useInView, useReducedMotion } from "framer-motion";
import { cn } from "@/lib/utils";

function useReducedMotionSafe() {
  const prefersReduced = useReducedMotion();
  const [mounted, setMounted] = React.useState(false);
  React.useEffect(() => setMounted(true), []);
  return mounted ? !!prefersReduced : false;
}

/**
 * Editorial footer dominated by a huge animated-gradient wordmark. Above it,
 * a brand blurb + abstract social icons sit beside a few columns of simple
 * link groups; below it, a bottom legal row with copyright and Terms/Privacy.
 */

export interface FooterLink {
  label: string;
  href?: string;