// Footer.jsx — minimal chrome footer
function Footer() {
  return (
    <footer style={{
      padding: '48px 32px 32px',
      background: '#040404',
      borderTop: '1px solid var(--viper-steel)',
      textAlign: 'center',
    }}>
      <img src="assets/logos/v_logo_white.svg" alt="V" style={{
        width: 56, height: 56, objectFit: 'contain', margin: '0 auto 16px',
        filter: 'drop-shadow(0 4px 12px rgba(255,255,255,0.15))',
      }} />
      <div style={{
        fontFamily: 'var(--font-display)', fontWeight: 900, fontSize: 24,
        textTransform: 'uppercase', letterSpacing: '0.04em',
        background: 'var(--chrome-gradient-light)',
        WebkitBackgroundClip: 'text', backgroundClip: 'text', color: 'transparent',
      }}>Vandegrift Vipers</div>
      <div style={{
        fontFamily: 'var(--font-heading)', fontWeight: 600, fontSize: 11,
        textTransform: 'uppercase', letterSpacing: '0.32em', color: 'var(--fg-3)',
        marginTop: 8,
      }}>Boys Basketball · Booster Club</div>

      <hr className="chrome-divider" style={{ margin: '32px auto', maxWidth: 600 }} />

      <div style={{
        display: 'flex', gap: 28, justifyContent: 'center', flexWrap: 'wrap',
        fontFamily: 'var(--font-heading)', fontWeight: 600, fontSize: 11,
        textTransform: 'uppercase', letterSpacing: '0.2em', color: 'var(--fg-3)',
      }}>
        <span>#RELENTLESS</span>
        <span>@VHSVIPERSBASKETBALL</span>
        <span>VHSVIPERBASKETBALL.COM</span>
      </div>
      <div style={{
        marginTop: 24,
        fontFamily: 'var(--font-body)', fontSize: 11, color: 'var(--fg-muted)',
      }}>
        © 2026 VHS Boys Basketball Booster Club · 501(c)(3) Non-Profit · Austin, TX
      </div>
    </footer>
  );
}