function FinalCTA() {
  return (
    <section style={{
      padding: '140px 48px',
      borderTop: '1px solid rgba(237,233,225,0.06)',
      position: 'relative', overflow: 'hidden',
      textAlign: 'center',
    }}>
      {/* Ambient glow */}
      <div style={{
        position: 'absolute', top: '50%', left: '50%',
        transform: 'translate(-50%, -50%)',
        width: 600, height: 400,
        background: 'radial-gradient(ellipse, rgba(var(--accent-rgb),0.06) 0%, transparent 70%)',
        pointerEvents: 'none',
      }} />

      {/* Slow moving line */}
      <motion.div
        animate={{ scaleX: [0.8, 1.1, 0.8] }}
        transition={{ duration: 8, repeat: Infinity, ease: 'easeInOut' }}
        style={{
          position: 'absolute', top: '30%', left: '10%', right: '10%',
          height: 1,
          background: 'linear-gradient(90deg, transparent, rgba(var(--accent-rgb),0.08), transparent)',
          transformOrigin: 'center', pointerEvents: 'none',
        }}
      />

      <div style={{ position: 'relative', zIndex: 1, maxWidth: 720, margin: '0 auto' }}>
        {/* Logo */}
        <motion.div {...fadeUp(0)} style={{ display: 'flex', justifyContent: 'center', marginBottom: 48 }}>
          <img
            src="uploads/ventureup-pfp-transparent.png"
            alt="VentureUp Solutions"
            style={{ height: 52, width: 'auto', opacity: 0.85 }}
          />
        </motion.div>

        <motion.h2 {...fadeUp(0.08)} style={{
          fontFamily: "'Playfair Display'", fontSize: 'clamp(36px, 6vw, 80px)',
          fontWeight: 700, lineHeight: 1.05, letterSpacing: '-0.03em',
          color: 'var(--fg)', marginBottom: 24,
        }}>
          Find out where your team is losing the most time.
        </motion.h2>

        <motion.p {...fadeUp(0.16)} style={{
          fontFamily: "'DM Sans'", fontSize: 18, lineHeight: 1.7,
          color: 'var(--muted)', maxWidth: 520, margin: '0 auto 48px',
        }}>
          15-minute call. No pitch deck. Just a conversation about what is actually slowing your team down.
        </motion.p>

        <motion.div {...fadeUp(0.22)}>
          <motion.a
            href={CALENDLY_URL}
            target="_blank" rel="noopener noreferrer"
            whileHover={{ scale: 1.03 }}
            whileTap={{ scale: 0.97 }}
            style={{
              display: 'inline-block',
              fontFamily: "'DM Sans'", fontSize: 15.5, fontWeight: 500,
              background: 'var(--fg)', color: 'var(--bg)',
              padding: '16px 40px', borderRadius: 6,
              textDecoration: 'none', letterSpacing: '0.01em',
            }}
          >
            Book a call
          </motion.a>
        </motion.div>


      </div>
    </section>
  );
}

function Footer() {
  return (
    <footer style={{
      padding: '40px 48px',
      borderTop: '1px solid rgba(237,233,225,0.06)',
      display: 'flex', justifyContent: 'space-between',
      alignItems: 'center', flexWrap: 'wrap', gap: 16,
    }}>
      <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
        <img src="uploads/ventureup-pfp-transparent.png" alt="" style={{ height: 24, width: 'auto', opacity: 0.6 }} />
        <span style={{ fontFamily: "'DM Sans'", fontSize: 13, color: 'var(--muted)' }}>
          © 2026 VentureUp Solutions LLC. All rights reserved.
        </span>
      </div>

      <div style={{ display: 'flex', gap: 24 }}>
        <a href="#"
          style={{
            fontFamily: "'DM Sans'", fontSize: 13,
            color: 'var(--muted)', textDecoration: 'none', transition: 'color 0.2s',
          }}
          onMouseEnter={e => e.target.style.color = 'var(--fg)'}
          onMouseLeave={e => e.target.style.color = 'var(--muted)'}
        >Contact</a>
      </div>
    </footer>
  );
}

Object.assign(window, { FinalCTA, Footer });