const { Icon, IconButton, Wordmark } = window.HaileyAlexanderRealtorDesignSystem_1e3b8f;
function Footer({go}){
  const P=window.HA_PROFILE;
  const L=({k,l})=><a href={'#/'+k} onClick={e=>{e.preventDefault();go(k)}} style={{display:'block',padding:'9px 0',color:'var(--paper)',fontSize:15,lineHeight:1.4}}>{l}</a>;
  return <footer style={{background:'var(--ink-800)',color:'var(--paper)',padding:'64px 0 32px',marginTop:96}}>
    <div className="wrap gfoot">
      <div><Wordmark tone="dark" layout="stacked" size="md" style={{marginBottom:20}}/><div className="display" style={{fontSize:30,color:'var(--paper)'}}>Let's find a place that feels like <em style={{color:'var(--rasp-300)'}}>you</em>.</div><SocialLinks tone="dark" style={{marginTop:20}}/></div>
      <div><div className="eyebrow" style={{color:'var(--ink-200)'}}>Explore</div><L k="listings" l="Featured listings"/><L k="communities" l="Communities"/><L k="testimonials" l="Kind words"/><L k="about" l="About Hailey"/></div>
      <div><div className="eyebrow" style={{color:'var(--ink-200)'}}>Guides</div><L k="buyers" l="Buying a home"/><L k="sellers" l="Selling a home"/><L k="contact" l="Contact"/></div>
      {/* Office name, address and phone are required on a REMAX affiliate's website. */}
      <div><div className="eyebrow" style={{color:'var(--ink-200)'}}>Office</div><p style={{margin:'12px 0 0',fontSize:15,lineHeight:1.6}}>{P.brokerage}<br/>{P.officeAddress}<br/>{P.officeCityStateZip}<br/>Office <a href={P.officePhoneHref} style={{color:'var(--paper)'}}>{P.officePhone}</a><br/>Hailey <a href={P.phoneHref} style={{color:'var(--paper)'}}>{P.phone}</a></p></div>
    </div>
    <div className="wrap foot-legal">
      {/* Manual p.16: the office logo is never boxed or plated, and the balloon stays full colour. */}
      <div style={{display:'inline-flex',alignItems:'center',gap:16,flexShrink:0}}><img src="../../assets/remax/remax-logo-light.svg" alt="REMAX" style={{height:44,width:'auto',display:'block'}}/><span style={{fontFamily:'var(--font-body)',fontWeight:600,fontSize:22,lineHeight:1,letterSpacing:'.06em',textTransform:'uppercase',color:'#FFFFFF',paddingTop:14,whiteSpace:'nowrap'}}>Four Corners</span></div>
      <div style={{fontSize:13,color:'var(--ink-200)',maxWidth:640,lineHeight:1.5}}>{P.name} · {P.title} · TX Lic. #{P.license} · {P.brokerage} · Each Office Independently Owned and Operated. Equal Housing Opportunity.<br/><a href={P.consumerNoticeUrl} target="_blank" rel="noopener noreferrer" style={{color:'var(--ink-200)'}}>TREC Consumer Protection Notice</a> · <a href={P.iabsUrl} target="_blank" rel="noopener noreferrer" style={{color:'var(--ink-200)'}}>Texas Real Estate Commission Information About Brokerage Services</a></div>
    </div>
  </footer>;
}
window.Footer=Footer;