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

# Welcome to TeQoin

<head>
  <meta name="google-site-verification" content="JnVpGF89QD9EfZZxhkUufUf3r6HVv-atpExcz9kovLY" />
</head>

<div className="relative min-h-screen bg-[#F6F9FF] dark:bg-slate-950 overflow-hidden font-sans">
  {/* Background Blobs */}

  <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[1440px] h-[817px] pointer-events-none z-0">
    <div style={{ position: 'absolute', width: '1073px', height: '189px', left: '403px', top: '-22px', background: 'rgba(27, 105, 255, 0.79)', filter: 'blur(197px)' }} />

    <div style={{ position: 'absolute', width: '244px', height: '348px', left: '473px', top: '35px', background: 'rgba(27, 105, 255, 0.44)', filter: 'blur(117px)' }} />

    <div style={{ position: 'absolute', width: '177px', height: '436px', left: '717px', top: '-22px', background: '#FCFCFD', filter: 'blur(82px)' }} />

    <div style={{ position: 'absolute', width: '244px', height: '307px', left: '159px', top: '182px', background: '#B3CCFE', filter: 'blur(97px)' }} />

    <div style={{ position: 'absolute', width: '684px', height: '141px', left: '879px', top: '354px', background: 'rgba(1, 88, 255, 0.39)', filter: 'blur(97px)' }} />
  </div>

  {/* Hero Section - Reduced max-width to bring elements to the center */}

  <div className="flex flex-col-reverse md:flex-row items-center justify-between gap-8 py-24 px-8 max-w-5xl mx-auto relative z-10">
    {/* Left Content */}

    <div className="flex-1 flex flex-col items-start gap-6">
      <h1 className="text-4xl md:text-[52px] font-semibold text-black dark:text-white leading-[1.2] m-0 tracking-tight">
        Welcome to <br /> TeQoin Blockchain <br /> documentation
      </h1>

      <p className="text-lg md:text-xl text-black dark:text-slate-300 m-0 max-w-md leading-relaxed">
        Ethereum-aligned Optimistic Rollup infrastructure with low-cost execution and a live 8 wei L2 transaction fee baseline.
      </p>

      <div className="flex flex-wrap items-center gap-6 mt-4">
        <a href="/introduction/what-is-teqoin" className="bg-[#2D68FE] text-white px-6 py-3.5 rounded-lg font-medium text-sm hover:bg-blue-700 transition-all duration-300 no-underline shadow-sm">
          Start Your Journey
        </a>

        <a href="#paths" className="text-black dark:text-slate-300 font-medium text-sm hover:text-[#2D68FE] dark:hover:text-[#2D68FE] transition-colors no-underline">
          Or choose a path
        </a>
      </div>
    </div>

    {/* Right Image Container */}

    <div className="relative z-10 flex-shrink-0 flex flex-col justify-center items-center w-[320px] h-[350px]">
      <img src="https://mintcdn.com/teqoin/KD6hUz7wFMBy6ikB/images/TeCoin.png?fit=max&auto=format&n=KD6hUz7wFMBy6ikB&q=85&s=f1d6e6077f2fd9d6e7ff6832090cd1c9" alt="TeQoin Blockchain Logo" style={{ width: '300px', height: 'auto', objectFit: 'contain' }} className="hover:-translate-y-2 transition-transform duration-500 ease-in-out relative z-10" width="430" height="477" data-path="images/TeCoin.png" />

      <div className="absolute bottom-[40px] w-[200px] h-[20px] bg-[#122288] blur-[20px] opacity-50 rounded-[100%]" />
    </div>
  </div>

  {/* Navigation Paths - Kept wide for the grid layout */}

  <div id="paths" className="max-w-7xl mx-auto px-8 pb-24 relative z-10 mt-12">
    <CardGroup cols={2}>
      <Card title="Quick Start" icon="rocket" href="/quickstart/add-network">
        Add the TeQoin network to your wallet, get testnet ETH, and make your first transaction.
      </Card>

      <Card title="Developer Guides" icon="code" href="/developers/smart-contracts">
        Deploy, verify, and interact with EVM-compatible smart contracts on TeQoin.
      </Card>

      <Card title="Bridge Assets" icon="bridge" href="/bridge/overview">
        Securely transfer your assets between L1 Ethereum and the TeQoin L2 network.
      </Card>

      <Card title="Architecture" icon="sitemap" href="/architecture/technical-overview">
        Deep dive into how our Optimistic Rollup technology works under the hood.
      </Card>
    </CardGroup>
  </div>
</div>
