const { Button, Badge, Tag, Card, Stat, Icon } = window.GOATDesignSystem_fbac97;

const VERTICALS = [
  ['igaming','iGaming','dice-5'],
  ['forex','Forex','candlestick-chart'],
  ['fintech','Crypto','landmark'],
  ['ecommerce','Ecommerce','shopping-bag'],
];
const MARQUEE = ['Media Buying','iGaming','High-Converting Offers','Forex','PPC Specialists','Crypto','Native Ads','Ecommerce','Direct Response','Global Scale','Meta Ads','Google Ads','Taboola','Outbrain'];

const CLIENT_GROUPS = () => [
  [L('iGaming — sportsbooks & casinos','iGaming — casas de aposta e cassinos'),
   ['BetMGM','Bet365','Stake','Superbet','Sportingbet','Novibet','Vbet','Betano','Betnacional','KTO','Betfair','1xBet','Betsson']],
  [L('Forex & trading','Forex & trading'), ['Vantage Markets','IC Markets','Pepperstone','XM','Infinox','Tickmill']],
  [L('Crypto & Web3','Crypto & Web3'), ['OKX','Bybit','Binance']],
  [L('DTC & ecommerce','DTC & ecommerce'), ['Bloom','Gouly','Rosabella','AG1']],
];

function HomeHero({ go }) {
  const ledger = [
    ['100k+', L('iGaming FTDs / mo','FTDs iGaming / mês')],
    ['30k+', L('Forex FTDs / mo','FTDs Forex / mês')],
    ['100k+', L('Crypto users / mo','Usuários crypto / mês')],
    ['$5M+', L('Ad spend / mo','Verba gerida / mês')],
  ];
  return (
    <section style={{ position:'relative', overflow:'hidden', borderBottom:'1px solid var(--border-hairline)' }}>
      <div style={{ position:'absolute', inset:0, opacity:'var(--grain-opacity)',
        backgroundImage:'radial-gradient(#fff 1px,transparent 1px)', backgroundSize:'3px 3px' }} />
      <div className="w-heroslot" style={{ position:'absolute', right:40, bottom:56, width:150, pointerEvents:'none' }}>
        <HeroVisual />
      </div>
      <div className="goat-container w-sect" style={{ position:'relative', padding:'110px 24px 88px' }}>
        <div className="goat-eyebrow">{L('High-performance digital marketing · global operations','Marketing digital de alta performance · operação global')}</div>
        <h1 style={{ marginTop:22, fontFamily:'var(--font-display)', fontSize:'clamp(36px,4.6vw,62px)',
          lineHeight:'var(--leading-display)', letterSpacing:'var(--tracking-display)', fontWeight:700, maxWidth:'min(100%,760px)' }}>
          {L(<>Most agencies burn your<br />budget and call it testing.<br /><span className="w-grad">We call it unacceptable.</span></>,
             <>A maioria das agências queima seu budget e chama de teste. <span className="w-grad">Nós chamamos de inaceitável.</span></>)}
        </h1>
        <p style={{ marginTop:28, maxWidth:620, fontSize:'var(--text-body-lg)', color:'var(--text-muted)' }}>
          {L('Banned accounts. Traffic that registers but never deposits. Budget spent without consequence. GOAT was built to fix exactly what the industry refuses to fix — media buying and offer engineering as one acquisition engine.',
             'Contas banidas. Tráfego que registra e nunca deposita. Verba gasta sem consequência. A GOAT foi construída para resolver o que o mercado se recusa a resolver — mídia e engenharia de oferta como um único motor de aquisição.')}
        </p>
        <div className="w-btnrow" style={{ display:'flex', gap:12, marginTop:36, flexWrap:'wrap' }}>
          <Button variant="primary" size="xl" iconRight="arrow-right" onClick={()=>go('contact')}>
            {L('Start a conversation','Iniciar conversa')}
          </Button>
          <Button variant="secondary" size="xl" onClick={()=>go('work')}>{L('See our results','Ver resultados')}</Button>
        </div>
        <div className="w-stats4" style={{ display:'grid', gridTemplateColumns:'repeat(4,1fr)', gap:24, marginTop:80,
          paddingTop:40, borderTop:'1px solid var(--border-hairline)' }}>
          {ledger.map(([v,l]) => <Stat key={l} value={v} label={l} />)}
        </div>
        <p style={{ marginTop:20, fontFamily:'var(--font-mono)', fontSize:11, color:'var(--text-faint)' }}>
          {L('Monthly operational figures — not lifetime totals.','Números operacionais mensais — não acumulados.')}
        </p>
      </div>
    </section>
  );
}

function HomeClients() {
  return (
    <section className="goat-container w-sect" style={{ padding:'var(--section-y) 24px' }}>
      <SectionHead eyebrow={L('Trusted by','Confiado por')} title={L('Partners across every vertical.','Parceiros em todas as verticais.')}
        copy={L('From global sportsbooks and regulated brokers to crypto exchanges and DTC powerhouses — we have driven acquisition for some of the most competitive brands in the world across 20+ active markets.',
                'De casas de aposta globais e corretoras reguladas a exchanges de crypto e marcas DTC de alto volume — já rodamos aquisição para algumas das marcas mais competitivas do mundo em mais de 20 mercados ativos.')} />
      <div style={{ display:'flex', flexDirection:'column', gap:30 }}>
        {CLIENT_GROUPS().map(([g,names]) => (
          <div key={g}>
            <div className="goat-eyebrow" style={{ marginBottom:14 }}>{g}</div>
            <div style={{ display:'flex', gap:8, flexWrap:'wrap' }}>{names.map(n => <Tag key={n}>{n}</Tag>)}</div>
          </div>
        ))}
      </div>
    </section>
  );
}

function HomePillars({ go }) {
  const pillars = [
    ['target', L('Media Buying','Compra de Mídia'),
     L('Over $100M deployed in paid media across every major traffic source. Meta is our primary specialty — but the defining edge is running at volume where most agencies cannot: certified PPC in iGaming and Forex, native at scale, and emerging channels.',
       'Mais de US$ 100M investidos em mídia paga em todas as grandes fontes de tráfego. Meta é nossa especialidade principal — mas o diferencial é rodar em volume onde a maioria não consegue: PPC certificado em iGaming e Forex, native em escala e canais emergentes.'),
     ['Meta Ads','Google PPC','Taboola','Outbrain','MGID','Newsbreak','Telegram Ads','Push & Pop','SMS'], true],
    ['layers', L('High-Converting Offers','Ofertas de Alta Conversão'),
     L('Traffic without conversion is expense without return. Before we scale media we engineer the offer — positioning, pricing, funnel architecture, copy and persuasion mechanics. We go upstream, then buy.',
       'Tráfego sem conversão é despesa sem retorno. Antes de escalar mídia, engenheiramos a oferta — posicionamento, precificação, arquitetura de funil, copy e mecânica de persuasão. Subimos a montante e só depois compramos.'),
     ['Offer Design','Funnel Architecture','Copywriting','CRO','VSL','Landing Pages','Pricing'], false],
  ];
  return (
    <section style={{ borderTop:'1px solid var(--border-hairline)', background:'var(--bg-page-alt)' }}>
      <div className="goat-container w-sect" style={{ padding:'var(--section-y) 24px' }}>
        <SectionHead eyebrow={L('What we do','O que fazemos')} title={L('Two core capabilities. One acquisition engine.','Duas capacidades centrais. Um motor de aquisição.')}
          copy={L('Every dollar of media spend is preceded by an offer built to convert it.','Cada real de mídia é precedido por uma oferta construída para convertê-lo.')}
          action={<Button variant="ghost" iconRight="arrow-right" onClick={()=>go('services')}>{L('How we operate','Como operamos')}</Button>} />
        <div className="w-2col" style={{ display:'grid', gridTemplateColumns:'1fr 1fr', gap:16 }}>
          {pillars.map(([icon,t,c,tags,flag]) => (
            <Card key={t} padding={32} accentEdge={flag} variant={flag ? 'raised' : 'outline'}>
              <div style={{ display:'flex', alignItems:'center', justifyContent:'space-between' }}>
                <span style={{ color:'var(--accent)' }}><Icon name={icon} size={24} /></span>
                <span style={{ fontFamily:'var(--font-mono)', fontSize:11, color:'var(--text-faint)' }}>{flag ? '01' : '02'}</span>
              </div>
              <h3 style={{ margin:'22px 0 12px', fontSize:'var(--text-h3)' }}>{t}</h3>
              <p style={{ margin:'0 0 24px', fontSize:15, color:'var(--text-muted)', lineHeight:1.6 }}>{c}</p>
              <div style={{ display:'flex', gap:8, flexWrap:'wrap' }}>{tags.map(g => <Tag key={g}>{g}</Tag>)}</div>
            </Card>
          ))}
        </div>
      </div>
    </section>
  );
}

function HomeVerticals({ go }) {
  const copy = {
    igaming:[L('100,000+ FTDs / month','100.000+ FTDs / mês'), L('Certified PPC accounts in restricted markets, compliant creative, tracking optimised to deposits — not registrations.','Contas de PPC certificadas em mercados restritos, criativos compliance e tracking otimizado para depósito — não para registro.')],
    forex:[L('30,000+ FTDs / month','30.000+ FTDs / mês'), L('Funded accounts across FCA, ASIC, CySEC and MAS jurisdictions. We optimise to funded traders, not lead volume.','Contas financiadas sob FCA, ASIC, CySEC e MAS. Otimizamos para trader financiado, não para volume de lead.')],
    fintech:[L('100,000+ users / month','100.000+ usuários / mês'), L('The most restricted ad environment in digital, scaled without interruption across Meta, native and Telegram.','O ambiente de anúncio mais restrito do digital, escalado sem interrupção em Meta, native e Telegram.')],
    ecommerce:[L('100,000+ sales / month','100.000+ vendas / mês'), L('Full-funnel DTC operation measured on contribution margin and LTV, not platform-reported ROAS.','Operação DTC full-funnel medida por margem de contribuição e LTV, não por ROAS de plataforma.')],
  };
  return (
    <section className="goat-container w-sect" style={{ padding:'var(--section-y) 24px' }}>
      <SectionHead eyebrow={L('Where we operate','Onde operamos')} title={L('Four verticals. One level of precision.','Quatro verticais. Um nível de precisão.')}
        copy={L('Each vertical has its own conversion dynamics, compliance requirements and audience behaviour — and its own buying pod here.',
                'Cada vertical tem sua dinâmica de conversão, exigência de compliance e comportamento de audiência — e seu próprio time de mídia aqui.')}
        action={<Button variant="ghost" iconRight="arrow-right" onClick={()=>go('verticals')}>{L('All verticals','Todas as verticais')}</Button>} />
      <div className="w-2col" style={{ display:'grid', gridTemplateColumns:'1fr 1fr', gap:16 }}>
        {VERTICALS.map(([k,t,icon]) => (
          <Card key={k} interactive padding={0} style={{ cursor:'pointer', overflow:'hidden' }} onClick={()=>go('verticals')}>
            <CaseArt id={k === 'fintech' ? 'crypto' : k} v={k} label={t} height={132} />
            <div style={{ padding:28 }}>
            <div style={{ display:'flex', alignItems:'center', justifyContent:'space-between' }}>
              <span style={{ color:'var(--accent)' }}><Icon name={icon} size={22} /></span>
              <Tag vertical={k}>{t}</Tag>
            </div>
            <div style={{ marginTop:20, fontFamily:'var(--font-display)', fontSize:28, fontWeight:700, color:'var(--text-primary)' }}>
              {copy[k][0]}
            </div>
            <p style={{ margin:'12px 0 0', fontSize:14, color:'var(--text-muted)', lineHeight:1.6 }}>{copy[k][1]}</p>
            </div>
          </Card>
        ))}
      </div>
    </section>
  );
}

function HomeProof({ go }) {
  const side = [
    ['Forex',L('30k+ funded accounts a month','30k+ contas financiadas por mês'),'forex','30k','FTDs / mo'],
    ['Crypto',L('100k+ verified users a month','100k+ usuários verificados por mês'),'fintech','100k',L('Users / mo','Usuários / mês')],
    ['Ecommerce',L('50k sales in a single month','50k vendas em um único mês'),'ecommerce','50k',L('Sales / mo','Vendas / mês')],
  ];
  return (
    <section style={{ borderTop:'1px solid var(--border-hairline)', background:'var(--bg-page-alt)' }}>
      <div className="goat-container w-sect" style={{ padding:'var(--section-y) 24px' }}>
        <SectionHead eyebrow={L('Real results','Resultados reais')} title={L('Numbers, not adjectives','Números, não adjetivos')}
          copy={L('Every figure is a real operation and a real client. No modelled projections, no blended averages.',
                  'Cada número é uma operação real e um cliente real. Sem projeção modelada, sem média consolidada.')}
          action={<Button variant="ghost" iconRight="arrow-right" onClick={()=>go('work')}>{L('All case studies','Todos os cases')}</Button>} />
        <div className="w-proof" style={{ display:'grid', gridTemplateColumns:'1.2fr 1fr', gap:16 }}>
          <Card padding={0} interactive style={{ cursor:'pointer' }} onClick={()=>go('work')}>
            <CaseArt id="igaming" v="igaming" label="iGaming · Brazil" height={300} />
            <div style={{ padding:28 }}>
              <div style={{ display:'flex', gap:8, flexWrap:'wrap' }}><Tag vertical="igaming">iGaming</Tag><Tag>Brazil</Tag><Badge tone="accent">26×</Badge></div>
              <h3 style={{ margin:'18px 0 10px', fontSize:'var(--text-h3)' }}>
                {L('130,000 FTDs in a single month','130.000 FTDs em um único mês')}
              </h3>
              <p style={{ margin:0, color:'var(--text-muted)', fontSize:15 }}>
                {L('An operator stuck at 5,000 FTDs a month. Certified PPC, deposit-optimised tracking, compliant creative for the Brazilian framework.',
                   'Um operador travado em 5.000 FTDs por mês. PPC certificado, tracking otimizado a depósito e criativo compliance para o marco brasileiro.')}
              </p>
              <div style={{ display:'flex', gap:40, marginTop:28, flexWrap:'wrap' }}>
                <Stat size="sm" value="130k" label={L('FTDs / month','FTDs / mês')} delta="+2500%" />
                <Stat size="sm" value="12" prefix="$" label={L('Cost per FTD','Custo por FTD')} />
              </div>
            </div>
          </Card>
          <div style={{ display:'flex', flexDirection:'column', gap:16 }}>
            {side.map(([v,t,k,val,lab]) => (
              <Card key={t} interactive padding={24} style={{ cursor:'pointer', display:'flex', alignItems:'center', gap:24 }} onClick={()=>go('work')}>
                <div style={{ flex:1 }}>
                  <Tag vertical={k}>{v}</Tag>
                  <h4 style={{ margin:'14px 0 0', fontSize:17 }}>{t}</h4>
                </div>
                <Stat size="sm" value={val} label={lab} />
              </Card>
            ))}
          </div>
        </div>
      </div>
    </section>
  );
}

function HomeReach() {
  const regions = [
    ['LATAM','Brazil · Mexico · Colombia · Argentina · Chile · Peru'],
    [L('United States','Estados Unidos'), L('All major GEOs · full compliance','Todos os GEOs principais · compliance total')],
    [L('Europe','Europa'),'UK · DE · ES · IT · FR · PT · Nordics · CEE'],
    [L('Asia','Ásia'),'SEA · India · Japan · South Korea'],
    [L('Australia & NZ','Austrália & NZ'),'AU · NZ · Pacific'],
    [L('Africa','África'),'South Africa · Nigeria · Kenya'],
  ];
  return (
    <section className="goat-container w-sect" style={{ padding:'var(--section-y) 24px' }}>
      <SectionHead eyebrow={L('Global reach','Alcance global')} title={L('We scale across every market.','Escalamos em qualquer mercado.')}
        copy={L('No geography limits us. Local expertise in compliance, audience behaviour and platform dynamics in each market.',
                'Nenhuma geografia nos limita. Expertise local em compliance, comportamento de audiência e dinâmica de plataforma em cada mercado.')} />
      <div className="w-3col" style={{ display:'grid', gridTemplateColumns:'repeat(3,1fr)', gap:16 }}>
        {regions.map(([r,m]) => (
          <Card key={r} padding={24} variant="outline">
            <div style={{ display:'flex', alignItems:'center', gap:10 }}>
              <span style={{ color:'var(--accent)' }}><Icon name="globe" size={18} /></span>
              <h4 style={{ margin:0, fontSize:17 }}>{r}</h4>
            </div>
            <p style={{ margin:'12px 0 0', fontSize:13, color:'var(--text-muted)', fontFamily:'var(--font-mono)', lineHeight:1.7 }}>{m}</p>
          </Card>
        ))}
      </div>
    </section>
  );
}

function HomeTestimonials() {
  const cards = [
    [L('They understand the compliance complexity of our vertical, they keep accounts running when others can\u2019t, and they deliver volume with the consistency that actually lets us plan and scale.',
        'Eles entendem a complexidade de compliance da nossa vertical, mantêm as contas rodando quando ninguém consegue e entregam volume com uma consistência que de fato permite planejar e escalar.'),
     'Head of Acquisition','Bet365 Partners · iGaming'],
    [L('The first agency that approached our business like operators, not vendors. They understood our KPIs from day one — FTDs, player value, NGR — and built the media strategy around them.',
        'A primeira agência que tratou o nosso negócio como operador, não como fornecedor. Entenderam nossos KPIs no primeiro dia — FTDs, valor de jogador, NGR — e construíram a mídia em torno disso.'),
     'CMO','Stake · iGaming'],
    [L('Compliant paid media in forex at volume is something most agencies claim and very few deliver. GOAT delivered, across multiple jurisdictions, at CPFTD benchmarks we had never seen.',
        'Mídia paga compliance em forex e em volume é o que muita agência promete e quase nenhuma entrega. A GOAT entregou, em várias jurisdições, com CPFTD que nunca tínhamos visto.'),
     'Head of Marketing','Vantage Markets · Forex'],
    [L('They do not report on impressions. They report on funded accounts, deposit volume and active traders. That alignment alone made the partnership transformative.',
        'Eles não reportam impressão. Reportam conta financiada, volume de depósito e trader ativo. Só esse alinhamento já transformou a parceria.'),
     'Partnership Director','IC Markets · Forex'],
    [L('Paid acquisition in crypto at scale takes technical and compliance depth that is genuinely rare. GOAT brought both, plus the creative and media infrastructure to generate volume without losing quality.',
        'Aquisição paga em crypto e em escala exige profundidade técnica e de compliance que é raríssima. A GOAT trouxe as duas, mais a infraestrutura de criativo e mídia para gerar volume sem perder qualidade.'),
     'Growth Lead','OKX · Crypto'],
    [L('They connected media spend to real profitability — not platform ROAS — and built an acquisition system that scaled without breaking. 50,000 sales in one month was not a number we thought possible.',
        'Conectaram investimento de mídia à rentabilidade real — não ao ROAS de plataforma — e montaram um sistema de aquisição que escalou sem quebrar. 50.000 vendas em um mês não parecia possível para nós.'),
     'Founder','Bloom · DTC Ecommerce'],
  ];
  return (
    <section style={{ borderTop:'1px solid var(--border-hairline)', background:'var(--bg-page-alt)' }}>
      <div className="goat-container w-sect" style={{ padding:'var(--section-y) 24px' }}>
        <SectionHead eyebrow={L('What clients say','O que dizem os clientes')} title={L('Words from partners.','Palavras de parceiros.')} />
        <div className="w-3col" style={{ display:'grid', gridTemplateColumns:'repeat(3,1fr)', gap:16 }}>
          {cards.map(([q,who,org]) => (
            <Card key={org+who} padding={26} variant="outline">
              <span style={{ color:'var(--accent)', letterSpacing:'.1em', fontSize:12 }}>★★★★★</span>
              <p style={{ margin:'18px 0 22px', fontSize:15, lineHeight:1.65, color:'var(--text-body)' }}>“{q}”</p>
              <div style={{ fontWeight:700, fontSize:14, color:'var(--text-primary)' }}>{who}</div>
              <div style={{ fontFamily:'var(--font-mono)', fontSize:11, color:'var(--text-faint)', marginTop:4 }}>{org}</div>
            </Card>
          ))}
        </div>
      </div>
    </section>
  );
}

function HomeModels({ go }) {
  const models = [
    [L('Fee + revenue share','Fee + revenue share'), L('Retainer plus a share of net revenue. Our default for ecommerce and crypto platforms.','Retainer mais participação na receita líquida. Padrão para ecommerce e plataformas de crypto.'),'handshake',true],
    [L('CPA / CPL','CPA / CPL'), L('You pay per acquisition. We carry the media risk. Standard in iGaming and forex.','Você paga por aquisição. O risco de mídia é nosso. Padrão em iGaming e forex.'),'target',false],
    [L('Hybrid','Híbrido'), L('A reduced fee with a performance kicker once the agreed baseline is beaten.','Fee reduzido com bônus de performance quando a baseline acordada é superada.'),'split',false],
  ];
  return (
    <section className="goat-container w-sect" style={{ padding:'var(--section-y) 24px' }}>
      <SectionHead eyebrow={L('Commercial models','Modelos comerciais')} title={L('Paid on what the traffic produces','Remunerados pelo que o tráfego produz')}
        copy={L('Most partnerships start with a 90-day test window, then move to the model that fits the margin.',
                'A maioria das parcerias começa com uma janela de teste de 90 dias e depois migra para o modelo que caiba na margem.')} />
      <div className="w-3col" style={{ display:'grid', gridTemplateColumns:'repeat(3,1fr)', gap:16 }}>
        {models.map(([t,c,icon,flag]) => (
          <Card key={t} padding={28} accentEdge={flag} variant={flag ? 'raised' : 'outline'}>
            <span style={{ color:flag ? 'var(--accent)' : 'var(--text-muted)' }}><Icon name={icon} size={24} /></span>
            <h3 style={{ margin:'20px 0 10px', fontSize:'var(--text-h4)' }}>{t}</h3>
            <p style={{ margin:'0 0 22px', fontSize:14, color:'var(--text-muted)' }}>{c}</p>
            {flag ? <Badge tone="accent">{L('Most common','Mais comum')}</Badge> : null}
          </Card>
        ))}
      </div>
      <Card variant="default" padding={40} style={{ marginTop:16, display:'flex', alignItems:'center', gap:32, flexWrap:'wrap' }}>
        <div style={{ flex:1, minWidth:260 }}>
          <h3 style={{ margin:'0 0 10px' }}>{L('Free acquisition audit','Auditoria de aquisição gratuita')}</h3>
          <p style={{ margin:0, color:'var(--text-muted)', fontSize:15 }}>
            {L('Before any engagement we audit your media operation — channels, costs, funnel, tracking — and benchmark it against our live operations in your vertical. You keep the diagnosis either way.',
               'Antes de qualquer contrato auditamos sua operação de mídia — canais, custos, funil, tracking — e comparamos com nossas operações ativas na sua vertical. O diagnóstico é seu de qualquer forma.')}
          </p>
        </div>
        <Button variant="primary" size="lg" iconRight="arrow-right" onClick={()=>go('contact')}>{L('Request the audit','Solicitar auditoria')}</Button>
      </Card>
    </section>
  );
}

function CtaBand({ go }) {
  return (
    <section style={{ background:'var(--accent)', color:'var(--ink-900)' }}>
      <div className="goat-container w-sect" style={{ padding:'84px 24px', display:'flex', alignItems:'center', gap:40, flexWrap:'wrap' }}>
        <div style={{ flex:1, minWidth:280 }}>
          <div style={{ fontSize:11, fontWeight:800, letterSpacing:'var(--tracking-label)', textTransform:'uppercase', opacity:.62 }}>
            {L('Next step','Próximo passo')}
          </div>
          <h2 style={{ margin:'16px 0 0', color:'var(--ink-900)', fontSize:'var(--text-h1)', fontWeight:700, maxWidth:680 }}>
            {L('If you are serious about scale, we should talk.','Se você é sério sobre escala, precisamos conversar.')}
          </h2>
          <p style={{ margin:'16px 0 0', maxWidth:560, fontSize:16, color:'var(--ink-900)', opacity:.72 }}>
            {L('30 minutes. No pitch deck, no vague proposal — a direct conversation between operators.',
               '30 minutos. Sem deck de vendas, sem proposta vaga — uma conversa direta entre operadores.')}
          </p>
        </div>
        <Button variant="inverse" size="xl" iconRight="arrow-right" onClick={()=>go('contact')}
          style={{ background:'var(--ink-900)', color:'var(--bone)', border:'1px solid var(--ink-900)' }}>
          {L('Start a conversation','Iniciar conversa')}
        </Button>
      </div>
    </section>
  );
}

function Home({ go }) {
  return (<>
    <HomeHero go={go} />
    <LogoWall />
    <HomePillars go={go} />
    <HomeVerticals go={go} />
    <TrafficSources />
    <HomeProof go={go} />
    <HomeReach />
    <HomeTestimonials />
    <HomeModels go={go} />
    <CtaBand go={go} />
  </>);
}
Object.assign(window, { Home, VERTICALS, CtaBand });