Skip to content

index.mdx

Latest commit

 

History

History
107 lines (100 loc) · 3.73 KB

index.mdx

File metadata and controls

107 lines (100 loc) · 3.73 KB
title Introduction
description Meet the next generation of documentation. AI-native, beautiful out-of-the-box, and built for developers.
mode custom

export const HeroCard = ({ filename, title, description, href, lightModeImage, darkModeImage, }) => { return (

{title}

{description} ); };

TAC Documentation 

<p className="max-w-3xl mx-auto px-4 mt-4 text-md text-center text-gray-500 dark:text-zinc-500">
  Build hybrid dApps that connect EVM smart contracts to TON's 1 billion users. Deploy your Solidity code and let TON wallet users interact directly - no bridges, no complexity.
</p>

<div className="px-6 lg:px-0 mt-12 lg:mt-24 grid sm:grid-cols-3 gap-x-6 gap-y-4">
  <HeroCard
    filename="quick"
    lightModeImage="https://i.ibb.co/gM5hWq6P/quick.png.png"
    darkModeImage="https://i.ibb.co/whv2D8qF/quick-dark.png"
    title="Quickstart"
    description="Spin up a hybrid dApp locally and send your first testnet cross-chain transaction in under 5 minutes!"
    href="/quickstart/overview"
  />
  <HeroCard
    filename="frontend"
    lightModeImage="https://i.ibb.co/YTbFGpgv/frontend.png"
    darkModeImage="https://i.ibb.co/ns0Jd1j6/frontend-dark.png"
    title="Frontend SDK"
    description="Guide to connect TON wallets to your EVM smart contracts and seamlessly interact with them"
    href="/sdk/overview"
  />
  <HeroCard
    filename="contract"
    lightModeImage="https://i.ibb.co/4RmSqwnp/contract.png"
    darkModeImage="https://i.ibb.co/270yT4Sj/contract-dark.png"
    title="Smart Contracts"
    description="Deploy your Solidity contracts using familiar tools like Hardhat"
    href="/ecosystem#development-tools"
  />
  <HeroCard
    filename="example"
    lightModeImage="https://i.ibb.co/DgHBQ5rY/example.png"
    darkModeImage="https://i.ibb.co/DD9rV6Zy/example-dark.png"
    title="Apps"
    description="Browse hybrid dApps: starter templates and live production solutions"
    href="/apps/overview"
  />
  <HeroCard
    filename="api"
    lightModeImage="https://i.ibb.co/C3HLqrtg/api.png"
    darkModeImage="https://i.ibb.co/4wYw2QWV/api-dark.png"
    title="API"
    description="Public API schemas for developers"
    href="/api/overview"
  />
  <HeroCard
    filename="quick"
    lightModeImage="https://i.ibb.co/YTbFGpgv/frontend.png"
    darkModeImage="https://i.ibb.co/ns0Jd1j6/frontend-dark.png"
    title="Network Info"
    description="TAC Mainnet and Testnet details"
    href="/ecosystem/network-info"
  />
</div>