const { Button, Icon } = window.HaileyAlexanderRealtorDesignSystem_1e3b8f;
function About({go}){
  return <main>
    <section className="wrap g2" style={{paddingTop:'clamp(40px,6vw,64px)',gap:64}}>
      <div className="g2s" style={{gap:16,alignItems:'end',maxWidth:520}}><img className="photo" src="../../assets/photos/hailey-green-sofa-floral.jpg" alt="Hailey Alexander" style={{width:'100%',height:'clamp(260px,30vw,380px)',objectFit:'cover',objectPosition:'50% 30%',borderRadius:'var(--radius-portrait)',display:'block'}}/><img className="photo" src="../../assets/photos/hailey-white-chair-02.jpg" alt="" style={{width:'100%',height:'clamp(200px,24vw,300px)',objectFit:'cover',objectPosition:'50% 35%',borderRadius:'var(--radius-portrait)',display:'block',marginBottom:'clamp(0px,5vw,60px)'}}/></div>
      <div><div className="eyebrow">Hi, I'm Hailey</div><h1 className="display" style={{fontSize:D.lg,margin:'12px 0 20px'}}>Real estate, with a <em>real person</em> on the other end.</h1><p style={{fontSize:17,color:'var(--text-secondary)',margin:'0 0 14px'}}>I'm a Realtor® with REMAX Four Corners, born and raised in Hunt County. I grew up around this business, and I've spent my career learning every back road, school zone, and stock tank across Hunt County.</p><p style={{fontSize:17,color:'var(--text-secondary)',margin:'0 0 28px'}}>What you get with me: fast replies, straight answers, real knowledge of homes, land, and farm & ranch across Northeast Texas — and someone who's genuinely happy for you on closing day.</p><Stats items={[['Hunt Co.','born and raised'],['2nd gen','Realtor®'],['REMAX','Four Corners']]}/></div>
    </section>
    <section className="wrap sec"><div className="g3">{[['message-circle','I text back fast','Evenings and weekends included. If I\'m in a showing, you\'ll hear from me the second I\'m out.'],['scale','I tell you the truth','If a house is overpriced or a deal is wrong for you, I\'ll say so. My job is your next ten years, not my next commission.'],['map','I know the ground','Wells, septic, ag exemptions, flood zones, ISD lines. The stuff that costs you later if nobody mentions it now.']].map(([i,t,b])=><div key={t} style={{background:'var(--white)',border:'1px solid var(--border-subtle)',borderRadius:'var(--radius-xl)',padding:32}}><span style={{width:48,height:48,borderRadius:'50%',background:'var(--rasp-100)',color:'var(--rasp-600)',display:'grid',placeItems:'center'}}><Icon name={i} size={22}/></span><h3 style={{fontSize:'var(--text-h3)',margin:'18px 0 8px'}}>{t}</h3><p style={{margin:0,color:'var(--text-secondary)',fontSize:15}}>{b}</p></div>)}</div></section>
    <section className="wrap sec"><div className="g57 panel" style={{background:'var(--cognac-100)',borderRadius:'var(--radius-xl)'}}>
      <div><div className="eyebrow">What I do</div><h2 className="display" style={{fontSize:D.md,margin:'10px 0 12px'}}>Homes, land, and everything <em>in between</em>.</h2><p style={{color:'var(--text-secondary)',margin:0}}>Residential, new construction, raw land and farm & ranch — across Greenville, Hunt County and the surrounding counties.</p></div>
      <div className="g2s" style={{gap:12}}>{window.HA_PROFILE.specialties.map(t=><div key={t} style={{background:'var(--white)',borderRadius:'var(--radius-md)',padding:'14px 16px',fontSize:15,fontWeight:500,display:'flex',gap:10,alignItems:'center'}}><Icon name="check" size={16} stroke={3} style={{color:'var(--rasp-500)'}}/>{t}</div>)}</div>
    </div></section>
    {window.HA_TESTIMONIALS.length>3&&<section className="wrap sec"><div className="row" style={{marginBottom:24}}><div><div className="eyebrow">Kind words</div><h2 className="display" style={{fontSize:D.md,marginTop:8}}>What clients <em>say</em>.</h2></div><Button variant="ghost" iconRight={<Icon name="arrow-right" size={18}/>} onClick={()=>go('testimonials')}>All kind words</Button></div><div className="g3">{window.HA_TESTIMONIALS.slice(3,6).map(t=><Quote key={t.n} {...t}/>)}</div></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'}}>Day to day on <em>Instagram</em>.</h2><p style={{color:'var(--text-secondary)',margin:'0 0 20px'}}>New listings, open houses, and what's moving in Hunt County — {window.HA_PROFILE.instagramHandle}.</p><SocialLinks/></div><div style={{display:'grid',gap:12}}>{window.HA_PROFILE.specialties.map(t=><div key={t} style={{background:'var(--bg-muted)',borderRadius:'var(--radius-md)',padding:'14px 16px',fontSize:15,fontWeight:500,display:'flex',gap:10,alignItems:'center'}}><Icon name="check" size={16} stroke={3} style={{color:'var(--rasp-500)'}}/>{t}</div>)}</div></div></section>
    <CTABand go={go} title={<>Let's <em style={{color:'var(--rasp-300)'}}>talk</em>.</>} body="Fifteen minutes. Tell me what you're after and I'll tell you honestly how I can help."/>
  </main>;
}
window.About=About;