function CTA({ phone }) {
  return (
    <section className="vp-cta-band vp-cta-pro" id="contact">
      <div className="vp-cta-bg-decor" aria-hidden="true">
        <span className="cta-slash cta-slash-1" />
        <span className="cta-slash cta-slash-2" />
        <span className="cta-slash cta-slash-3" />
      </div>

      <div className="vp-cta-inner">
        <div className="vp-cta-text">
          <div className="vp-cta-eyebrow">
            <span className="dot" />
            Ready When You Are
          </div>
          <h2>Let's build your <br/><span className="vp-underlined" style={{whiteSpace: "nowrap"}}>backyard masterpiece</span>.</h2>
          <p>Free consultation, custom design, and a no-pressure quote — usually within 48 hours of your call.</p>

          <ul className="vp-cta-bullets" aria-label="What's included">
            <li>
              <span className="vp-cta-check" aria-hidden="true">
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3.5" strokeLinecap="round" strokeLinejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
              </span>
              Licensed, insured, locally owned
            </li>
            <li>
              <span className="vp-cta-check" aria-hidden="true">
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3.5" strokeLinecap="round" strokeLinejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
              </span>
              Custom 3D design before you commit
            </li>
            <li>
              <span className="vp-cta-check" aria-hidden="true">
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3.5" strokeLinecap="round" strokeLinejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
              </span>
              Quote returned within 48 hours
            </li>
          </ul>
        </div>

        <aside className="vp-cta-card">
          <div className="vp-cta-card-tag">Free Quote</div>
          <div className="vp-cta-card-headline">Start your project today.</div>
          <div className="vp-cta-card-sub">Two ways to reach us — both go straight to Victor.</div>

          <a href="#quote" className="vp-big-btn">
            Get My Free Quote <Icon.ArrowRight size={16} />
          </a>

          <div className="vp-cta-divider">
            <span>or call</span>
          </div>

          <a href={`tel:${phone}`} className="vp-cta-phone">
            <span className="ic"><Icon.Phone size={18} /></span>
            <div className="vp-cta-phone-text">
              <div className="vp-cta-phone-label">Tap to call</div>
              <div className="vp-cta-phone-num">{phone}</div>
            </div>
          </a>

          <div className="vp-cta-card-foot">
            <span className="vp-cta-stars" aria-hidden="true">
              <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
              <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
              <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
              <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
              <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
            </span>
            4.9 / 5 · 50+ Google reviews
          </div>
        </aside>
      </div>
    </section>
  );
}
window.CTA = CTA;
