> ## Documentation Index
> Fetch the complete documentation index at: https://whiterail.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Whiterail

> 국내 결제 생태계에 특화된 Whiterail을 사용하여, 솔라나 기반 스테이블코인 결제 인프라를 내재화하세요.

<div className="mint-max-w-screen-xl mint-mx-auto mint-px-4 md:mint-px-8 mint-space-y-12 mint-mb-24">
  <div className="mint-w-full mint-rounded-2xl mint-overflow-hidden mint-min-h-[300px] md:mint-min-h-[400px] mint-py-12 md:mint-py-16 mint-flex mint-items-center">
    {/* Mobile Layout */}

    <div className="mint-block md:mint-hidden mint-w-full">
      <div className="mint-mb-8">
        <h1 className="mint-text-3xl sm:mint-text-4xl mint-text-balance mint-font-bold mint-mb-4 mint-leading-tight">
          한국형 스테이블코인 <br />오케스트레이션 레이어
        </h1>

        <p className="mint-text-lg sm:mint-text-xl mint-mb-6 mint-opacity-80">
          국내 결제 생태계에 특화된 Whiterail을 사용하여, 솔라나 기반 스테이블코인 결제 인프라를 내재화하세요.
        </p>

        <div className="mint-flex mint-items-center mint-gap-4">
          <a href="/sdk/quickstart" className="grid-button">
            더 알아보기

            <span
              style={{
            maskImage: 'url(https://d3gk2c5xim1je2.cloudfront.net/lucide/v0.545.0/arrow-right.svg)',
            WebkitMaskImage: 'url(https://d3gk2c5xim1je2.cloudfront.net/lucide/v0.545.0/arrow-right.svg)',
            maskRepeat: 'no-repeat',
            maskPosition: 'center center',
            maskSize: '100%',
            backgroundColor: 'currentColor',
            width: '16px',
            height: '16px',
            display: 'inline-block',
            verticalAlign: 'middle'
          }}
            />
          </a>
        </div>
      </div>
    </div>

    {/* Desktop Layout */}

    <div className="mint-hidden md:mint-grid md:mint-grid-cols-2 mint-w-full mint-min-h-[400px] mint-items-center mint-gap-8">
      <div>
        <h1 className="mint-text-4xl lg:mint-text-5xl mint-text-balance mint-font-bold mint-mb-6 mint-leading-tight">
          한국형 스테이블코인 <br />오케스트레이션 레이어
        </h1>

        <p className="mint-text-lg lg:mint-text-xl mint-mb-8 mint-max-w-3xl mint-opacity-80">
          국내 결제 생태계에 특화된 Whiterail을 사용하여, 솔라나 기반 스테이블코인 결제 인프라를 내재화하세요.
        </p>

        <div className="mint-flex mint-items-center mint-gap-4">
          <a href="/sdk/quickstart" className="grid-button">
            더 알아보기

            <span
              style={{
            maskImage: 'url(https://d3gk2c5xim1je2.cloudfront.net/lucide/v0.545.0/arrow-right.svg)',
            WebkitMaskImage: 'url(https://d3gk2c5xim1je2.cloudfront.net/lucide/v0.545.0/arrow-right.svg)',
            maskRepeat: 'no-repeat',
            maskPosition: 'center center',
            maskSize: '100%',
            backgroundColor: 'currentColor',
            width: '16px',
            height: '16px',
            display: 'inline-block',
            verticalAlign: 'middle'
          }}
            />
          </a>
        </div>
      </div>

      <div className="mint-flex mint-justify-center" />
    </div>
  </div>

  <div className="mint-space-y-4 mint-mt-8 md:mint-mt-12">
    <h2 className="mint-text-2xl md:!mint-text-3xl mint-font-bold">시작하기</h2>

    <Columns cols={3}>
      <Card title="빠른 시작" icon="rocket" href="/sdk/quickstart">
        5분 안에 첫 스테이블코인 결제를 경험해보세요. 완전한 예제 코드를 제공합니다.
      </Card>

      <Card title="설치" icon="download" href="/sdk/installation">
        프로젝트에 SDK를 설치하고 환경을 설정하세요. Node.js 16 이상과 필수 요구사항을 확인하세요.
      </Card>

      <Card title="SDK 레퍼런스" icon="book" href="/sdk/api-client">
        WhiterailSDK의 모든 메서드와 파라미터를 확인하세요. 계정 관리, 인증, 결제 처리 기능을 제공합니다.
      </Card>
    </Columns>
  </div>
</div>