const {Icon}=SSN;

function AdvertiserClosingCTA(){
return <React.Fragment>
    <Section id="enquiry">
      <div style={{display:'grid',gridTemplateColumns:'1fr 1fr',gap:48,alignItems:'start'}}>
        <div>
          <h2 style={{font:'var(--text-display-lg)',letterSpacing:'var(--tracking-display)',color:'var(--navy-900)',margin:0,textWrap:'pretty'}}>Reach shoppers. Activate stores. Measure sales.</h2>
          <p style={{font:'var(--text-body-lg)',color:'var(--slate-500)',margin:'16px 0 0'}}>Talk to us about what Smart Store Network could do for your brand.</p>
          <div style={{display:'flex',flexDirection:'column',gap:12,marginTop:28}}>
            <div style={{display:'flex',gap:12,alignItems:'center'}}>
              <Icon name="mail" size={20} color="var(--pink-600)"/>
              <span style={{font:'var(--text-body-md)',color:'var(--navy-900)'}}>advertising@smartstorenetwork.com</span>
            </div>
            <div style={{display:'flex',gap:12,alignItems:'center'}}>
              <Icon name="support_agent" size={20} color="var(--pink-600)"/>
              <span style={{font:'var(--text-body-md)',color:'var(--slate-500)'}}>We answer within one working day.</span>
            </div>
          </div>
        </div>
        <div className="ssn-gf-card" style={{background:'var(--white)',border:'1px solid var(--border)',borderRadius:'var(--radius-card)',boxShadow:'var(--shadow-card)',padding:28}}>
          <div style={{font:'var(--text-eyebrow)',letterSpacing:'var(--tracking-eyebrow)',textTransform:'uppercase',color:'var(--pink-600)'}}>Media enquiries</div>
          <h3 style={{font:'var(--text-heading-lg)',color:'var(--navy-900)',margin:'10px 0 0'}}>Talk to the Smart Store Network</h3>
          <p style={{font:'var(--text-body-sm)',color:'var(--slate-500)',margin:'10px 0 22px'}}>Tell us a little about your brand and we will come back to you.</p>
<div id="ssn-gravity-form-target"></div>        </div>
      </div>
    </Section>
  </React.Fragment>;
}

function AdvertiserFooter(){
  return <footer style={{background:'var(--navy-900)',color:'var(--color-text-on-dark-muted)',padding:'48px 0 36px'}}>
    <div style={{maxWidth:'var(--container-wide)',margin:'0 auto',padding:'0 40px'}}>
      <div style={{display:'flex',justifyContent:'space-between',alignItems:'center',gap:32,flexWrap:'wrap'}}>
        <img src={window.__resources.logoDark} alt="Smart Store Network" style={{height:28,width:'auto',display:'block'}}/>
        <div style={{display:'flex',alignItems:'center',gap:16,background:'var(--white)',borderRadius:'var(--radius-nested)',padding:'12px 20px',flexWrap:'wrap'}}>
          <img src={window.__resources.rascalLogo} alt="Rascal Systems" style={{height:20,display:'block'}}/>
          <img src={window.__ssnThemeLogo} alt="SG-retail" style={{height:26,width:'auto',display:'block'}}/>
        </div>
      </div>
      <div style={{height:1,background:'rgba(255,255,255,.14)',margin:'28px 0'}}/>
      <div style={{display:'flex',font:'var(--text-body-sm)'}}>
        <span>Created by rascal systems in partnership with SG-retail.</span>
      </div>
    </div>
  </footer>;
}
Object.assign(window,{AdvertiserClosingCTA,AdvertiserFooter});