// CtaBanner.jsx — final CTA before footer
function CtaBanner() {
  return (
    <section style={{
      paddingTop: 80, paddingBottom: 80,
      borderTop: '1px solid var(--hh-divider)',
      position: 'relative', overflow: 'hidden',
    }} className="dot-grid">
      <div style={{
        position: 'absolute', left: '50%', top: '50%', transform: 'translate(-50%, -50%)',
        width: 700, height: 400, pointer: 'none',
        background: 'radial-gradient(closest-side, rgba(126,255,164,0.10), transparent 70%)',
        pointerEvents: 'none',
      }} />
      <div className="container" style={{ position: 'relative', textAlign: 'center', maxWidth: 640 }}>
        <img src="assets/duck-logo.png" alt="" style={{ height: 56, width: 'auto', marginBottom: 18, filter: 'drop-shadow(0 0 22px rgba(126,255,164,0.30))' }} />
        <h2 style={{ fontWeight: 300, fontSize: 36, lineHeight: 1.08, letterSpacing: '-0.72px', color: 'var(--hh-text)', margin: '0 0 14px', textWrap: 'balance' }}>
          Find the exploit before mainnet does.
        </h2>
        <p style={{ fontSize: 16, color: 'var(--hh-text-muted)', margin: '0 0 24px' }}>
          Drop in your repo. Get verified findings in hours. Skip the AI slop.
        </p>
        <div style={{ display: 'flex', gap: 12, justifyContent: 'center', flexWrap: 'wrap' }}>
          <a className="btn btn-primary btn-lg" href="https://app.hackhack.ai" style={{ borderBottom: 'none' }}>Start an audit</a>
          <a className="btn btn-ghost btn-lg" href="https://t.me/robrto" target="_blank" rel="noopener noreferrer" style={{ borderBottom: 'none' }}>Talk to sales</a>
        </div>
      </div>
    </section>
  );
}
window.CtaBanner = CtaBanner;