// ============ 랜딩 페이지 ============
const LandingPage = ({ navigate }) => {
  return (
    <div className="landing grid-bg">
      <div className="landing-inner">
        <img className="landing-logo" src="/static/images/kream-logo.png" alt="KREAM"/>
        <div className="eyebrow">GetAmped Guild Match System</div>
        <h1>
          겟앰프드 <span className="hi">크림 돈빵</span>
          <br />관리 시스템
        </h1>
        <p className="desc">
          공정한 규칙, 정확한 랭크, 균형 잡힌 팀 편성.<br />
          길드원의 실력을 시각화하고 내전 운영을 한 곳에서 관리합니다.
        </p>

        <div className="entry-cards">
          <div className="entry-card" onClick={() => navigate('#/ranks')}>
            <div className="icon">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
                <circle cx="9" cy="7" r="4" />
                <path d="M22 21v-2a4 4 0 0 0-3-3.87" />
                <path d="M16 3.13a4 4 0 0 1 0 7.75" />
              </svg>
            </div>
            <h3>일반 멤버 접속</h3>
            <p>규칙 확인, 멤버 랭크 조회, 팀 편성 뷰를 자유롭게 이용할 수 있습니다.</p>
            <span className="arrow">
              진입하기
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
                <path d="M5 12h14M12 5l7 7-7 7" />
              </svg>
            </span>
          </div>

          <div className="entry-card admin" onClick={() => navigate('#/admin')}>
            <div className="icon">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                <rect x="3" y="11" width="18" height="11" rx="2" />
                <path d="M7 11V7a5 5 0 0 1 10 0v4" />
              </svg>
            </div>
            <h3>어드민 입장</h3>
            <p>멤버 데이터 관리 및 랭크 입력 권한이 필요합니다. 비밀번호를 입력해 주세요.</p>
            <span className="arrow">
              인증하기
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
                <path d="M5 12h14M12 5l7 7-7 7" />
              </svg>
            </span>
          </div>
        </div>

        <div className="mt-8 row gap-4 center" style={{ color: 'var(--text-mute)', fontSize: 12, letterSpacing: '0.15em' }}>
          <span>· RULES</span>
          <span>· RANKING</span>
          <span>· TEAMS</span>
          <span>· ADMIN</span>
        </div>
      </div>
    </div>
  );
};

window.LandingPage = LandingPage;