> ## Documentation Index
> Fetch the complete documentation index at: https://companyname-a7d5b98e-v2-pagination.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# TON documentation

> TON is a blockchain platform designed for scalable smart contracts, applications, and payments at consumer scale.

export const Journey = ({title, description, children}) => {
  return <div className="card block font-normal group mt-2 px-6 pt-5 pb-4 ring-2 ring-transparent rounded-2xl !bg-transparent border border-gray-950/10 dark:border-white/10 w-full max-full">
      <h3 className="mb-1 text-balance text-base sm:text-xl font-semibold tracking-tight text-gray-900 dark:text-gray-200">
        {title}
      </h3>
      <p className="text-pretty text-base prose prose-gray dark:prose-invert">
        {description}
      </p>
      {children && <div className="mt-2 overflow-x-auto">
          <div className="flex flex-row gap-4 py-1">
            {children}
          </div>
        </div>}
    </div>;
};

export const JourneyStep = ({title, icon, iconType, href, cta, children}) => {
  return <div className="flex-none w-52 max-h-64">
      <a className="card block font-normal group ring-2 ring-transparent rounded-2xl !bg-transparent border border-gray-950/10 dark:border-white/10 overflow-hidden w-full h-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" {...href && ({
    href: href
  })}>
        <div className="px-6 py-5 h-full flex flex-col" data-component-part="card-content-container">
          {icon && <div className="h-6 w-6 mb-4 fill-gray-800 dark:fill-gray-100 text-gray-800 dark:text-gray-100 shrink-0" data-component-part="card-icon">
              <Icon icon={icon} iconType={iconType} color="#0098EA" size={16} />
            </div>}
          <div className="flex-1 flex flex-col min-h-0">
            <h2 className="not-prose font-semibold text-base text-gray-800 dark:text-white shrink-0" contentEditable="false" data-component-part="card-title">{title}</h2>
            {children && <div className="prose mt-1 font-normal text-sm leading-6 text-gray-600 dark:text-gray-400 flex-1 overflow-hidden" data-component-part="card-content"><span data-as="p">{children}</span></div>}
            {cta && <div className="mt-8 shrink-0" data-component-part="card-cta"><button className="text-left text-gray-600 gap-2 dark:text-gray-400 text-sm font-medium flex flex-row items-center hover:text-primary dark:hover:text-primary-light">{cta}<svg width="3" height="24" viewBox="0 -9 3 24" className="rotate-0 overflow-visible h-6"><path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"></path></svg></button></div>}
          </div>
        </div>
      </a>
    </div>;
};

<div className="relative w-full box-border flex flex-col mx-auto px-6 max-w-xl sm:max-w-2xl md:max-w-3xl lg:max-w-4xl xl:max-w-5xl">
  <div className="relative isolate">
    {/* color splash */}

    <div aria-hidden="true" className="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-60">
      <div style={{ clipPath: "polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)" }} className="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#2d83ec] to-[#1ac9ff] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" />
    </div>

    {/* content */}

    <div className="py-8 sm:py-12 lg:py-16 flex flex-col lg:flex-row lg:items-start lg:gap-0 xl:gap-0">
      <div className="hidden lg:flex justify-start mr-8">
        <img src="https://mintcdn.com/companyname-a7d5b98e-v2-pagination/oma0ZfzG99wubUpo/resources/logo/ton.svg?fit=max&auto=format&n=oma0ZfzG99wubUpo&q=85&s=4c2ee9b337f08aa7580393a31d8dff9c" alt="TON logo" className="h-32 w-auto" noZoom="true" width="56" height="56" data-path="resources/logo/ton.svg" />
      </div>

      <div className="w-full lg:flex-[2] mx-auto lg:mx-0 lg:max-w-2xl">
        <div className="text-left">
          <h1 className="text-balance text-4xl sm:text-4xl font-semibold tracking-tight text-gray-900 dark:text-gray-200">
            TON documentation
          </h1>

          <p className="mt-8 max-w-xl text-pretty text-xl sm:text-xl prose prose-gray dark:prose-invert">
            TON is a blockchain platform designed for scalable smart contracts, applications, and payments at consumer scale.
          </p>
        </div>
      </div>
    </div>

    {/* color splash */}

    <div aria-hidden="true" className="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-40rem)]">
      <div style={{ clipPath: "polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)" }} className="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#1ac9ff] to-[#2d83ec] opacity-30 sm:left-[calc(50%+24rem)] sm:w-[72.1875rem]" />
    </div>
  </div>

  <section id="journeys" tabIndex={-1} className="relative mt-0 py-0 sm:py-2 flex flex-col gap-4 focus:outline-none dark:focus:outline-none">
    <div className="flex flex-col gap-4">
      <div className="text-left">
        <h2 className="text-balance text-xl sm:text-2xl font-semibold tracking-tight text-gray-900 dark:text-gray-200">
          Choose your path
        </h2>
      </div>

      <Journey title="Beginner" description="TON fundamentals for newcomers entering Web3 through TON.">
        <JourneyStep title="How to read this documentation?" iconType="solid" href="/start-here" />

        <JourneyStep title="Use a TON wallet" iconType="solid" href="/ecosystem/wallet-apps/tonkeeper" />

        <JourneyStep title="Introduction to Tolk" iconType="solid" href="/languages/tolk/overview" />
      </Journey>

      <Journey title="Apps" description="Everything one needs to build applications on TON.">
        <JourneyStep title="Connect wallets to the app" iconType="solid" href="/ecosystem/ton-connect/overview" />

        <JourneyStep title="Manage and track assets with AppKit" iconType="solid" href="/ecosystem/appkit/overview" />

        <JourneyStep title="Access the blockchain via APIs" iconType="solid" href="/ecosystem/api/overview" />

        <JourneyStep title="Build apps using SDKs" iconType="solid" href="/ecosystem/sdks" />
      </Journey>

      <Journey title="Smart contracts" description="Build, debug, and deploy smart contracts on TON.">
        <JourneyStep title="Acton toolchain" href="/contract-dev/acton" />

        <JourneyStep title="JetBrains IDE plugin" href="/contract-dev/ide/jetbrains" />

        <JourneyStep title="VS Code extension" href="/contract-dev/ide/vscode" />

        <JourneyStep title="TVM exit codes" href="/tvm/exit-codes" />

        <JourneyStep title="TVM instructions" href="/tvm/instructions" />
      </Journey>

      <Journey title="Nodes" description="Run and manage TON blockchain nodes.">
        <JourneyStep title="Nodes overview" href="/ecosystem/nodes/overview" />

        <JourneyStep title="Validator node" href="/ecosystem/nodes/overview#validator-node" />

        <JourneyStep title="C++ node setup" href="/ecosystem/nodes/cpp/setup-mytonctrl" />

        <JourneyStep title="Rust node setup" href="/ecosystem/nodes/rust/quick-start" />
      </Journey>
    </div>
  </section>

  <section id="troubleshooting" tabIndex={-1} className="relative mt-8 md:mt-4 py-1 sm:py-2 flex flex-col gap-4 focus:outline-none dark:focus:outline-none">
    <div className="text-left">
      <h2 className="text-balance text-2xl sm:text-2xl font-semibold tracking-tight text-gray-900 dark:text-gray-200">
        Troubleshooting
      </h2>

      <p className="mt-2 text-pretty sm:text-lg prose prose-gray dark:prose-invert">
        Can't find what you need? Use <kbd>Ctrl + K</kbd> to search and ask AI, or <kbd>Ctrl + I</kbd> to open the assistant panel.
      </p>

      <p className="mt-2 text-pretty sm:text-lg prose prose-gray dark:prose-invert">
        Still stuck? Discuss issues and best practices with other community members.
      </p>
    </div>

    <Columns cols={3}>
      <Card title="Get support" icon="life-ring" iconType="solid" href="/get-support">
        Learn how to get help on the dedicated page
      </Card>

      <Card title="Telegram" icon="telegram" iconType="solid" arrow="true" href="https://t.me/addlist/1r5Vcb8eljk5Yzcy">
        Add the folder with many developer chats
      </Card>

      <Card title="TON Talents" icon="user-group" iconType="solid" arrow="true" href="https://ton.org/en/talents">
        Seek skilled professionals and agencies
      </Card>
    </Columns>
  </section>
</div>