// Logos band — Elfsight widget embed
function LogosBand() {
  useEffect(() => {
    // Load Elfsight platform once
    if (!document.querySelector('script[src*="elfsightcdn.com/platform.js"]')) {
      const s = document.createElement('script');
      s.src = 'https://elfsightcdn.com/platform.js';
      s.async = true;
      document.body.appendChild(s);
    }
  }, []);
  return (
    <section data-mf="logos-band" style={{
      position: 'relative',
      background: 'linear-gradient(180deg, #120609 0%, #1A0710 50%, #120609 100%)',
      borderTop: '1px solid rgba(255,255,255,0.06)',
      borderBottom: '1px solid rgba(255,255,255,0.06)',
      padding: '56px 44px',
      overflow: 'hidden',
    }}>
      <div style={{
        position: 'absolute', inset: 0, background:
          'radial-gradient(ellipse 60% 40% at 50% 50%, rgba(232,18,60,0.10) 0%, transparent 70%)',
        pointerEvents: 'none',
      }}/>
      <div style={{ position: 'relative', maxWidth: 1280, margin: '0 auto', textAlign: 'center' }}>
        <div style={{
          fontFamily: 'Poppins', fontWeight: 800, fontSize: 'clamp(22px, 2.4vw, 32px)',
          letterSpacing: '-0.015em', color: '#fff', marginBottom: 8,
        }}>
          Over <span style={{ color: '#E8123C' }}>804+ Video Business Owners</span> Rely On Master Filmmaker
        </div>
        <div style={{ fontSize: 13, color: 'rgba(255,255,255,0.55)', marginBottom: 36, fontWeight: 500 }}>
          Join the #1 consulting company video & creative agency owners trust to help them scale
        </div>
        {/* Elfsight Logo Showcase | VSL Logos */}
        <div className="elfsight-app-1aa98e31-6956-49d7-8551-04742655c377" data-elfsight-app-lazy></div>
      </div>
    </section>
  );
}
window.LogosBand = LogosBand;