// AlignSpace landing — Footer
function Footer() {
  return (
    <footer style={{ background: 'var(--as-navy)', padding: '56px 0 28px' }}>
      <div className="as-wrap">
        <div className="as-footer-grid" style={{ marginBottom: '40px' }}>
          <div>
            <div style={{ display: 'flex', alignItems: 'center', gap: '12px', marginBottom: '16px' }}>
              <img src="../../assets/logos/Logo002.png" alt="AlignSpace" style={{ height: '32px', width: 'auto', boxShadow: '0 0 0 1px rgba(220,221,223,0.22)' }} />
              <span style={{ fontFamily: 'var(--font-display)', fontSize: '18px', color: 'var(--as-mist)', letterSpacing: '0.02em' }}>AlignSpace</span>
            </div>
            <p style={{ fontFamily: 'var(--font-text)', fontSize: 'var(--text-xs)', color: 'var(--text-on-dark-muted)', lineHeight: 1.6, maxWidth: '34ch' }}>
              Computational fabrication and precision finishing. Direct contact. No middlemen.
            </p>
          </div>
          <div>
            <p className="as-label" style={{ color: 'rgba(220,221,223,0.3)', marginBottom: '14px' }}>The Funnel</p>
            <ul style={{ listStyle: 'none', margin: 0, padding: 0, display: 'flex', flexDirection: 'column', gap: '10px' }}>
              {[['#offer', 'What You Get'], ['#intake', 'Free Layout Audit'], ['#offer', 'Design Session — $500'], ['#contact', 'Contact']].map(([h, l], i) => (
                <li key={i}><a href={h} style={{ fontFamily: 'var(--font-text)', fontSize: 'var(--text-sm)', color: 'var(--text-on-dark-muted)', transition: 'color .2s' }}
                  onMouseEnter={(e) => e.currentTarget.style.color = 'var(--as-mist)'}
                  onMouseLeave={(e) => e.currentTarget.style.color = 'var(--text-on-dark-muted)'}>{l}</a></li>
              ))}
            </ul>
          </div>
          <div>
            <p className="as-label" style={{ color: 'rgba(220,221,223,0.3)', marginBottom: '14px' }}>Credentials</p>
            <p style={{ fontFamily: 'var(--font-mono)', fontSize: 'var(--text-2xs)', color: 'var(--text-on-dark-muted)', lineHeight: 1.8 }}>
              Fully Insured · WSIB Registered<br/>Toronto · York Region · GTA
            </p>
            <a href="mailto:ali@alignspace.ca" style={{ display: 'inline-block', marginTop: '14px', fontFamily: 'var(--font-mono)', fontSize: 'var(--text-2xs)', color: 'var(--text-on-dark-muted)' }}>ali@alignspace.ca</a>
          </div>
        </div>
        <div style={{ paddingTop: '22px', borderTop: '1px solid var(--border-on-dark)' }}>
          <p style={{ fontFamily: 'var(--font-mono)', fontSize: 'var(--text-2xs)', color: 'rgba(220,221,223,0.25)', textAlign: 'center', margin: 0 }}>© 2026 AlignSpace. All rights reserved.</p>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;