/* Final CTA + price + footer */
function FinalCTA() {
  const [ref, shown] = useReveal(0.2);
  const isMobile = useIsMobile();
  return (
    <section id="pricing" ref={ref} style={{position:'relative',background:'#0A0907',padding: isMobile ? '90px 14px 70px' : '160px 24px 120px',overflow:'hidden'}}>
      {/* gold radial */}
      <div style={{position:'absolute',inset:0,background:'radial-gradient(ellipse at 50% 50%, rgba(238,179,50,0.18), rgba(238,179,50,0) 55%)',pointerEvents:'none'}} />
      {/* subtle grid */}
      <div style={{position:'absolute',inset:0,backgroundImage:'linear-gradient(rgba(238,179,50,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(238,179,50,0.06) 1px, transparent 1px)',backgroundSize:'80px 80px',maskImage:'radial-gradient(ellipse at center, black 30%, transparent 70%)',WebkitMaskImage:'radial-gradient(ellipse at center, black 30%, transparent 70%)',pointerEvents:'none'}} />

      <div style={{position:'relative',maxWidth:980,margin:'0 auto',textAlign:'center',transform:shown?'translateY(0)':'translateY(40px)',opacity:shown?1:0,transition:'all 800ms cubic-bezier(0.22,1,0.36,1)'}}>
        <h2 style={{fontFamily:'Open Sans',fontWeight:900,fontSize: isMobile ? 'clamp(40px,11vw,64px)' : 'clamp(56px,8vw,128px)',lineHeight: isMobile ? 1.0 : 0.92,letterSpacing:'-0.025em',margin:0,color:'#F5F2ED'}}>
          הזמן <span style={{background:'linear-gradient(180deg, #FFD777, #EEB332, #B27418)',WebkitBackgroundClip:'text',WebkitTextFillColor:'transparent'}}>שלך.</span><br/>
          <span style={{color:'#7A7773',fontWeight:300}}>הוא עכשיו.</span>
        </h2>
        <p style={{marginTop: isMobile ? 18 : 32,fontSize: isMobile ? 15 : 'clamp(18px,1.6vw,22px)',color:'rgba(245,242,237,0.7)',maxWidth:640,marginInline:'auto',lineHeight:1.6,padding: isMobile ? '0 6px' : 0}}>
          94 שיעורים. גישה לכל החיים. מערכת מלאה שעולה לאוויר - שלך, מוכנה ללקוחות. אז למה לחכות?
        </p>

        {/* Price card */}
        <div style={{marginTop: isMobile ? 36 : 56,display:'inline-block',background:'#13110F',border:'1px solid rgba(238,179,50,0.4)',borderRadius:8,padding: isMobile ? '24px 22px' : '40px 56px',boxShadow:'0 0 60px -10px rgba(238,179,50,0.4)',maxWidth: isMobile ? 'calc(100vw - 28px)' : 'none'}}>
          <div style={{display:'flex',alignItems:'baseline',justifyContent:'center',gap: isMobile ? 10 : 14,direction:'ltr'}}>
            <span style={{fontSize: isMobile ? 14 : 18,color:'#7A7773',textDecoration:'line-through'}}>₪4,220</span>
            <span style={{fontFamily:'Open Sans',fontWeight:900,fontSize: isMobile ? 52 : 80,color:'#EEB332',letterSpacing:'-0.03em',lineHeight:1}}>₪970</span>
          </div>
          <div style={{fontSize: isMobile ? 11 : 13,color:'#7A7773',marginTop:8, lineHeight:1.5}}>תשלום חד-פעמי · גישה לכל החיים · תמיכה חודשיים מהרכישה</div>
          <button style={{marginTop: isMobile ? 22 : 32,background:'transparent',color:'#EEB332',border:'2px solid #DD9933',borderRadius:500,padding: isMobile ? '14px 32px' : '18px 56px',fontSize: isMobile ? 15 : 18,fontFamily:'Open Sans, sans-serif',fontWeight:600,cursor:'pointer',boxShadow:'0 0 32px 4px rgba(238,179,50,0.45)'}}>הירשם לקורס &larr;</button>
        </div>

        <div style={{marginTop: isMobile ? 28 : 48,display:'flex',gap: isMobile ? 14 : 32,justifyContent:'center',flexWrap:'wrap',fontSize: isMobile ? 12 : 13,color:'#7A7773'}}>
          <span>✓ 16 שעות וידאו</span>
          <span>✓ תמיכה חודשיים מרכישת הקורס</span>
        </div>
      </div>

      <div style={{maxWidth:1180,margin: isMobile ? '64px auto 0' : '120px auto 0',paddingTop: isMobile ? 28 : 48,borderTop:'1px solid rgba(245,242,237,0.08)',position:'relative'}}>
        <div style={{display:'flex',justifyContent:'center',marginBottom: isMobile ? 20 : 32}}>
          <img
            src="logo.png"
            alt="Yakir Abadi"
            style={{height: isMobile ? 72 : 120,width:'auto',display:'block',opacity:0.9,filter:'drop-shadow(0 0 24px rgba(238,179,50,0.25))'}}
          />
        </div>
        <div style={{display:'flex',justifyContent:'space-between',gap: isMobile ? 12 : 24,flexWrap:'wrap',fontSize: isMobile ? 11 : 13,color:'#7A7773',alignItems:'center'}}>
          <div>© 2026 יקיר עבאדי · כל הזכויות שמורות</div>
        <div style={{display:'flex',gap: isMobile ? 12 : 24,alignItems:'center',flexWrap:'wrap'}}>
          <a
            href="https://yakirabadi.co.il/terms-and-conditions/"
            target="_blank"
            rel="noopener noreferrer"
            style={{color:'#7A7773',textDecoration:'none',transition:'color 220ms'}}
            onMouseEnter={e=>{e.currentTarget.style.color='#EEB332'}}
            onMouseLeave={e=>{e.currentTarget.style.color='#7A7773'}}
          >תקנון ותנאי שימוש</a>
        </div>
        </div>
      </div>
    </section>
  );
}
window.FinalCTA = FinalCTA;