/* TaglineFooter — bottom-of-page brand line.
 *
 * "Don't be afraid to cry · Wulf Consulting" in Helvetica Light gray, per
 * the standards guide.  Mounted once in app/layout.tsx; never inline this
 * elsewhere.  Hidden on /mobile (which has its own shell). */

'use client';

import { usePathname } from 'next/navigation';
import { Separator } from '@/components/ui/separator';

export function TaglineFooter() {
  const pathname = usePathname();
  if (pathname?.startsWith('/mobile') || pathname?.startsWith('/kiosk')) {
    return null;
  }

  return (
    <footer className="container mx-auto px-6 pt-8 pb-6">
      <Separator className="mb-3" />
      <p className="tagline flex flex-wrap items-center gap-x-2 gap-y-1">
        <span>Don&apos;t be afraid to cry</span>
        <span aria-hidden="true">·</span>
        <span>Wulf Consulting</span>
      </p>
    </footer>
  );
}
