const { Logo, Button, Icon } = window.MyMailerDesignSystem_77208c || {};

function SiteFooter() {
  return (
    <div style={{background:"var(--navy-900)",color:"var(--navy-200)"}}>
      <div style={{maxWidth:"var(--container-max)",margin:"0 auto",padding:"64px var(--gutter) 40px",display:"grid",gap:40}}>
        <div style={{display:"flex",justifyContent:"space-between",gap:32,alignItems:"center",flexWrap:"wrap"}}>
          <div style={{display:"grid",gap:10}}>
            <h3 style={{font:"var(--type-h3)",color:"var(--text-inverse)",letterSpacing:"var(--tracking-display)"}}>캠페인 한 건, 통째로 맡겨보세요.</h3>
            <p style={{font:"var(--type-body-sm)",color:"var(--navy-200)"}}>가능 여부와 일정은 당일 회신드립니다.</p>
          </div>
          <div style={{display:"flex",gap:10}}>
            <Button size="lg" href="https://cheom.zendesk.com/hc/ko/requests/new" iconRight={<Icon name="arrow-right" size={17}/>}>무료 견적 받기</Button>
            <Button size="lg" href="https://cheom.zendesk.com/hc/ko/requests/new" variant="ghost" style={{color:"var(--navy-200)",border:"1px solid rgba(255,255,255,.2)"}}>상담 요청</Button>
          </div>
        </div>
      </div>
      <cheom-site-footer />
    </div>
  );
}
Object.assign(window, { SiteFooter });