/* Closing sections — WhyItMatters, FinalCTA, Footer */
const WhyItMatters = () => {
  return (
    <section className="section alt">
      <div className="site-wrap">
        <EyebrowRow label="Context"/>
        <div className="serif-moment" style={{fontSize:56,lineHeight:'64px',maxWidth:720}}>
          Behind every disclosure is a real outcome.
        </div>
      </div>
    </section>
  );
};
window.WhyItMatters = WhyItMatters;

const FinalCTA = () => null;
window.FinalCTA = FinalCTA;

const Footer = ({ setRoute }) => (
  <footer style={{borderTop:'1px solid var(--line)',padding:'56px 0 72px',background:'var(--canvas)'}}>
    <div className="site-wrap" style={{display:'grid',gridTemplateColumns:'1.4fr 1fr 1fr',gap:40}}>
      <div>
        <div style={{display:'flex',alignItems:'center',gap:12,marginBottom:14}}>
          <img src="assets/logos/kestrel-mark.svg" style={{height:32}}/>
          <span style={{fontWeight:600,fontSize:20,letterSpacing:'-0.02em'}}>Kestrel</span>
        </div>
        <p style={{fontSize:13,color:'var(--ink-2)',maxWidth:320}}>Independent analysis of shared value across global mining companies.</p>
      </div>
      {[
        {t:'Product',l:[['Method',()=>setRoute({page:'method'})],['Explore',()=>setRoute({page:'explore'})],['Compare',()=>setRoute({page:'compare'})]]},
        {t:'Company',l:[['About'],['Contact']]},
      ].map(g => (
        <div key={g.t}>
          <div className="eyebrow" style={{marginBottom:14}}>{g.t}</div>
          {g.l.map(([label,fn]) => (
            <div key={label} style={{fontSize:13,color:'var(--ink-2)',marginBottom:8}}>
              <a href="#" onClick={e=>{e.preventDefault();fn&&fn();}} style={{textDecoration:'none'}}>{label}</a>
            </div>
          ))}
        </div>
      ))}
    </div>
    <div className="site-wrap" style={{marginTop:48,paddingTop:24,borderTop:'1px solid var(--line)',display:'flex',justifyContent:'space-between',fontSize:12,color:'var(--ink-3)'}}>
      <div>© 2026 Kestrel</div>
      <div>Methodology v2.4 · Updated Apr 2026</div>
    </div>
  </footer>
);
window.Footer = Footer;