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

# Inco - Confidential Computing for Web3

> Build confidential smart contracts. Secure, private, and scalable blockchain applications.

<div className="relative overflow-hidden">
  <div className="absolute inset-0 bg-center -z-10 dark:hidden">
    <img src="https://mintcdn.com/inco/ATAF7MZMLS3SasjU/background.png?fit=max&auto=format&n=ATAF7MZMLS3SasjU&q=85&s=bb7b27af0b73ab1292be4e1bfa4dd439" alt="" className="w-full h-full object-cover" width="1500" height="549" data-path="background.png" />
  </div>

  <div className="absolute inset-0 bg-center -z-10 hidden dark:block">
    <img src="https://mintcdn.com/inco/ATAF7MZMLS3SasjU/background-dark.png?fit=max&auto=format&n=ATAF7MZMLS3SasjU&q=85&s=66fcc34899d7405791628fcc1077c47c" alt="" className="w-full h-full object-cover" width="1500" height="549" data-path="background-dark.png" />
  </div>

  <div className="text-center py-32 px-4">
    <h1 className="text-5xl md:text-6xl font-bold mb-6 text-gray-900 dark:text-white leading-tight tracking-tight bg-clip-text text-transparent bg-gradient-to-r from-blue-600 to-blue-400 dark:from-blue-400 dark:to-blue-300">
      Build with Inco
    </h1>

    <p className="text-xl text-gray-800 dark:text-gray-200 mb-8 max-w-2xl mx-auto leading-relaxed">
      Inco enables developers to easily create confidential smart contracts with
      private data types, operations and programmable access control.
    </p>

    <div className="grid grid-cols-1 md:grid-cols-2 gap-4 max-w-2xl mx-auto">
      <a href="/introduction" className="group border border-blue-200 dark:border-blue-800 rounded-xl p-6 hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 bg-white/80 dark:bg-gray-900/80 backdrop-blur-sm text-left">
        <div className="flex items-center gap-3 mb-2">
          <span className="text-lg font-semibold text-gray-900 dark:text-white">EVM</span>
        </div>

        <p className="text-sm text-gray-600 dark:text-gray-300">Solidity smart contracts on EVM chains</p>

        <span className="inline-flex items-center mt-3 text-sm font-medium text-blue-600 dark:text-blue-400 group-hover:gap-2 transition-all">
          Get Started <span className="ml-1">→</span>
        </span>
      </a>

      <a href="/svm/introduction" className="group border border-blue-200 dark:border-blue-800 rounded-xl p-6 hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 bg-white/80 dark:bg-gray-900/80 backdrop-blur-sm text-left">
        <div className="flex items-center gap-3 mb-2">
          <span className="text-lg font-semibold text-gray-900 dark:text-white">SVM</span>
          <span className="text-xs font-medium bg-blue-100 dark:bg-blue-900/50 text-blue-600 dark:text-blue-400 px-2 py-0.5 rounded-full">Beta</span>
        </div>

        <p className="text-sm text-gray-600 dark:text-gray-300">Rust programs on Solana</p>

        <span className="inline-flex items-center mt-3 text-sm font-medium text-blue-600 dark:text-blue-400 group-hover:gap-2 transition-all">
          Get Started <span className="ml-1">→</span>
        </span>
      </a>
    </div>

    <div className="mt-4">
      <a href="https://experiences.inco.org/" target="_blank" className="text-sm text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors">
        View Demos →
      </a>
    </div>
  </div>
</div>

<div className="max-w-6xl mx-auto px-4">
  <div className="relative -mt-16 mb-16">
    <div className="absolute inset-0 bg-white dark:bg-gray-900 rounded-2xl shadow-2xl -z-10" />

    <div className="p-8">
      ## Why Inco?

      <div className="grid grid-cols-1 md:grid-cols-3 gap-8 my-8">
        <div className="p-8 border dark:border-gray-800 rounded-2xl hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
          <div className="w-14 h-14 bg-gradient-to-br from-blue-100 to-blue-50 dark:from-blue-900/50 dark:to-blue-800/50 rounded-2xl flex items-center justify-center mb-6">
            <svg className="w-8 h-8 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
            </svg>
          </div>

          <h3 className="text-2xl font-semibold mb-4 text-gray-900 dark:text-white">Private Use Cases</h3>
          <p className="text-gray-600 dark:text-gray-300 leading-relaxed">Build new private dApps across payment, DeFi, governance, gaming and more.</p>
        </div>

        <div className="p-8 border dark:border-gray-800 rounded-2xl hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
          <div className="w-14 h-14 bg-gradient-to-br from-blue-100 to-blue-50 dark:from-blue-900/50 dark:to-blue-800/50 rounded-2xl flex items-center justify-center mb-6">
            <svg className="w-8 h-8 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
            </svg>
          </div>

          <h3 className="text-2xl font-semibold mb-4 text-gray-900 dark:text-white">Developer Friendly</h3>
          <p className="text-gray-600 dark:text-gray-300 leading-relaxed">Write confidential smart contracts in Solidity with our easy-to-use SDK.</p>
        </div>

        <div className="p-8 border dark:border-gray-800 rounded-2xl hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
          <div className="w-14 h-14 bg-gradient-to-br from-blue-100 to-blue-50 dark:from-blue-900/50 dark:to-blue-800/50 rounded-2xl flex items-center justify-center mb-6">
            <svg className="w-8 h-8 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
            </svg>
          </div>

          <h3 className="text-2xl font-semibold mb-4 text-gray-900 dark:text-white">Scalable & Secure</h3>
          <p className="text-gray-600 dark:text-gray-300 leading-relaxed">Build scalable applications with enterprise-grade security and privacy.</p>
        </div>
      </div>
    </div>
  </div>

  ## Getting Started

  We've created guides to help you get started quickly with Inco:

  <CardGroup>
    <Card title="Quick Start Guide" icon="rocket" href="/quickstart">
      Get up and running with Inco in minutes
    </Card>

    <Card title="Build a Confidential Token" icon="coins" href="/tutorials/confidential-token">
      Learn how to create and deploy your first confidential token
    </Card>
  </CardGroup>

  ## Build with Inco

  Choose your preferred way to build with Inco:

  <CardGroup>
    <Card title="Build Confidential Smart Contracts" icon="file-contract" href="/quickstart">
      Use Inco's Solidity SDK to create privacy-preserving smart contracts
    </Card>

    <Card title="Frontend/Backend Integration" icon="code" href="/js-sdk">
      Integrate those contracts with your frontend or backend using Inco's
      JavaScript SDK
    </Card>
  </CardGroup>

  <div className="flex flex-col items-center my-16">
    <div className="flex gap-8">
      <a href="https://discord.com/invite/inco" target="_blank" className="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white flex items-center group">
        <div className="w-12 h-12 bg-gradient-to-br from-indigo-100 to-indigo-50 dark:from-indigo-900/50 dark:to-indigo-800/50 rounded-2xl flex items-center justify-center mr-3 group-hover:shadow-lg transition-all duration-300">
          <svg className="w-6 h-6 text-indigo-600 dark:text-indigo-400" fill="currentColor" viewBox="0 0 24 24">
            <path d="M20.317 4.37a19.791 19.791 0 00-4.885-1.515a.074.074 0 00-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 00-5.487 0a12.64 12.64 0 00-.617-1.25a.077.077 0 00-.079-.037A19.736 19.736 0 003.677 4.37a.07.07 0 00-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 00.031.057a19.9 19.9 0 005.993 3.03a.078.078 0 00.084-.028a14.09 14.09 0 001.226-1.994a.076.076 0 00-.041-.106a13.107 13.107 0 01-1.872-.892a.077.077 0 01-.008-.128a10.2 10.2 0 00.372-.292a.074.074 0 01.077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 01.078.01c.12.098.246.198.373.292a.077.077 0 01-.006.127a12.299 12.299 0 01-1.873.892a.077.077 0 00-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 00.084.028a19.839 19.839 0 006.002-3.03a.077.077 0 00.032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 00-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
          </svg>
        </div>

        Discord
      </a>

      <a href="https://github.com/Inco-fhevm" target="_blank" className="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white flex items-center group">
        <div className="w-12 h-12 bg-gradient-to-br from-gray-100 to-gray-50 dark:from-gray-900/50 dark:to-gray-800/50 rounded-2xl flex items-center justify-center mr-3 group-hover:shadow-lg transition-all duration-300">
          <svg className="w-6 h-6 text-gray-600 dark:text-gray-400" fill="currentColor" viewBox="0 0 24 24">
            <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.237 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
          </svg>
        </div>

        GitHub
      </a>

      <a href="https://x.com/inconetwork" target="_blank" className="text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-white flex items-center group">
        <div className="w-12 h-12 bg-gradient-to-br from-blue-100 to-blue-50 dark:from-blue-900/50 dark:to-blue-800/50 rounded-2xl flex items-center justify-center mr-3 group-hover:shadow-lg transition-all duration-300">
          <svg className="w-6 h-6 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 24 24">
            <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
          </svg>
        </div>

        Twitter
      </a>
    </div>
  </div>
</div>
