const { Button, Icon } = window.HaileyAlexanderRealtorDesignSystem_1e3b8f;
function Testimonials({go}){
  const T=window.HA_TESTIMONIALS;const P=window.HA_PROFILE;
  return <main>
    <PageHead eyebrow="Kind words" title={<>In their own <em>words</em>.</>} lead="I'd rather you hear it from the people I've worked with."/>
    <section className="wrap" style={{paddingTop:40}}>
      {T.length>0
        ? <>
            <div className={T.length===1?'g1':'g2s'}>{T.slice(0,2).map(t=><Quote key={t.n} {...t} big/>)}</div>
            {T.length>2&&<div className="g4" style={{marginTop:24}}>{T.slice(2).map(t=><Quote key={t.n} {...t}/>)}</div>}
          </>
        : <Empty icon="message-circle" title={<>Reviews are on the <em>way</em>.</>} body="I'm gathering these from past clients. In the meantime, the best way to get a feel for how I work is to call me — or see what I'm posting day to day." action="Book a call" onAction={()=>go('contact')}/>}
    </section>
    <section className="wrap sec"><div className="g57 panel" style={{background:'var(--white)',border:'1px solid var(--border-subtle)',borderRadius:'var(--radius-xl)',alignItems:'center'}}>
      <div><div className="eyebrow">Follow along</div><h2 className="display" style={{fontSize:D.md,margin:'10px 0 12px'}}>See what I'm <em>working on</em>.</h2><p style={{color:'var(--text-secondary)',margin:'0 0 20px'}}>New listings, open houses, and the odd Hunt County sunset — {P.instagramHandle} on Instagram.</p><SocialLinks/></div>
      <div><div className="eyebrow">Worked with me?</div><h2 className="display" style={{fontSize:D.md,margin:'10px 0 12px'}}>I'd love a <em>few words</em>.</h2><p style={{color:'var(--text-secondary)',margin:'0 0 20px'}}>Reviews are how the next family finds me. Send them straight to me and I'll add them here.</p><Button variant="secondary" size="sm" onClick={()=>go('contact')} iconRight={<Icon name="arrow-right" size={16}/>}>Send me a review</Button></div>
    </div></section>
    <CTABand go={go} title={<>Want to be the next <em style={{color:'var(--rasp-300)'}}>kind word</em>?</>} body="A 15-minute call is all it takes to start."/>
  </main>;
}
window.Testimonials=Testimonials;