/* eslint-disable */
// SiteFooter — minimal: wordmark, single nav link, © year.

function SiteFooter({ onNavigate }) {
  return (
    <footer className="page-pad" style={{
      borderTop: '1px solid var(--hairline)',
      padding: '40px 64px',
      display: 'grid', gridTemplateColumns: 'auto 1fr auto', gap: '48px',
      alignItems: 'center',
    }}>
      <span style={{
        fontFamily: 'var(--font-display)',
        fontWeight: 500,
        fontSize: '20px',
        letterSpacing: '-0.01em',
        color: 'var(--fg)',
        lineHeight: 1,
      }}>
        in&mdash;between
      </span>

      <div style={{
        display: 'flex', justifyContent: 'center', gap: '24px',
        fontSize: '11px', textTransform: 'uppercase',
        letterSpacing: '0.2em', color: 'var(--fg-muted)',
      }}>
        <a href="https://tally.so/r/PdkYb0" target="_blank" rel="noopener noreferrer" style={{ cursor: 'pointer', transition: 'color 320ms', textDecoration: 'none', color: 'var(--fg-muted)' }}
          onMouseEnter={(e) => e.currentTarget.style.color = 'var(--fg)'}
          onMouseLeave={(e) => e.currentTarget.style.color = 'var(--fg-muted)'}
        >Join the movement</a>
      </div>

      <div style={{
        fontSize: '11px', textTransform: 'uppercase',
        letterSpacing: '0.2em', color: 'var(--fg-muted)',
        textAlign: 'right',
      }}>
        © {new Date().getFullYear()}
      </div>
    </footer>
  );
}

window.SiteFooter = SiteFooter;