// Footer.jsx — agency footer
const footerStyles = {
  wrap: {
    background: '#000', color: '#F2F2F2', padding: '80px 36px 50px',
    borderTop: '1px solid #000',
  },
  inner: { maxWidth: 1280, margin: '0 auto' },
  topRow: {
    display: 'grid', gridTemplateColumns: '2fr 1fr 1fr 1fr', gap: 40,
    paddingBottom: 56, borderBottom: '1px solid rgba(242,242,242,0.18)',
  },
  logo: { height: 24, width: 'auto', display: 'block', marginBottom: 18 },
  brandLine: {
    fontFamily: 'Pretendard', fontWeight: 300, fontSize: 13,
    letterSpacing: '-0.03em', lineHeight: 1.85, opacity: 0.7, maxWidth: 320,
  },
  colTitle: {
    fontFamily: "'Pretendard'", fontWeight: 700, fontSize: 10,
    letterSpacing: '-0.03em', textTransform: 'uppercase', opacity: 0.55,
    marginBottom: 18,
  },
  link: {
    display: 'block',
    fontFamily: "'Pretendard'", fontWeight: 700, fontSize: 13,
    letterSpacing: '-0.03em', textTransform: 'uppercase',
    color: '#F2F2F2', textDecoration: 'none', marginBottom: 10,
  },
  linkKo: {
    fontFamily: 'Pretendard', fontWeight: 300, fontSize: 11,
    letterSpacing: '-0.03em', color: '#9A9A9A', display: 'inline-block', marginLeft: 8,
    textTransform: 'none',
  },
  bottom: {
    paddingTop: 26,
    display: 'flex', justifyContent: 'space-between', alignItems: 'center',
    flexWrap: 'wrap', gap: 16,
  },
  business: {
    fontFamily: 'Pretendard', fontWeight: 300, fontSize: 11,
    letterSpacing: '-0.03em', color: '#9A9A9A', lineHeight: 1.85,
  },
  copy: {
    fontFamily: "'Pretendard'", fontWeight: 700, fontSize: 10,
    letterSpacing: '-0.03em', textTransform: 'uppercase', color: '#9A9A9A',
  },
};

function Footer() {
  return (
    <footer style={footerStyles.wrap}>
      <div style={footerStyles.inner}>
        <div style={footerStyles.topRow}>
          <div>
            <img src="assets/saguo-logo-white.png" alt="SAGUO" style={footerStyles.logo} />
            <p style={footerStyles.brandLine}>
              SAGUO MANAGEMENT.<br/>
              We put the last dot for perfection.
            </p>
          </div>

          <div>
            <div style={footerStyles.colTitle}>Site</div>
            <a href="#" style={footerStyles.link}>Models<span style={footerStyles.linkKo}>모델</span></a>
            <a href="#" style={footerStyles.link}>Bookers<span style={footerStyles.linkKo}>북커</span></a>
            <a href="#" style={footerStyles.link}>About<span style={footerStyles.linkKo}>소개</span></a>
          </div>

          <div>
            <div style={footerStyles.colTitle}>Casting</div>
            <a href="mailto:casting@saguo.kr" style={footerStyles.link}>casting@saguo.kr</a>
            <a href="#" style={footerStyles.link}>Request a Casting</a>
            <a href="#" style={footerStyles.link}>Join Us<span style={footerStyles.linkKo}>모델 지원</span></a>
          </div>

          <div>
            <div style={footerStyles.colTitle}>Social</div>
            <a href="#" style={footerStyles.link}>Instagram</a>
            <a href="#" style={footerStyles.link}>YouTube</a>
            <a href="#" style={footerStyles.link}>Vimeo</a>
          </div>
        </div>

        <div style={footerStyles.bottom}>
          <div style={footerStyles.business}>
            주식회사 사구오 · 대표 김사구오 · 사업자등록번호 752-87-03676<br/>
            서울특별시 서초구 사임당로8길 13
          </div>
          <div style={footerStyles.copy}>© 2026 SAGUO Inc.</div>
        </div>
      </div>
    </footer>
  );
}

window.Footer = Footer;