<div data-hk="25"><div class="mx-auto px-10 pb-16 pt-20" data-hk="26"><div class="mx-auto max-w-screen-xl flex justify-between"><div class="max-w-xl flex flex-1 flex-col text-left"><h1 class="max-w-3xl text-6xl font-bold"><span class="bg-[--at-home-hero-name-background] bg-clip-text text-transparent">athen</span></h1><p class="max-w-3xl text-6xl font-bold">Documentation framework based on Vite & Essor</p><p class="max-w-3xl whitespace-pre-wrap pt-3 text-2xl text-gray-500 font-medium"></p><div class="flex flex-wrap justify-start pt-8"><div key="/guide/getting-started" class="p-1" data-hk="27"><a href="/guide/getting-started" target="" class="at-link cursor-pointer at-button medium brand" data-hk="28"><span data-hk="29">Get Started</span></a></div><div key="https://github.com/estjs/athen" class="p-1" data-hk="30"><a href="https://github.com/estjs/athen" target="_blank" rel="noopener noreferrer" class="at-link cursor-pointer at-button medium brand" data-hk="31"><span data-hk="32">View on GitHub</span></a></div></div></div><div class="mx-auto h-270px flex justify-center" data-hk="33"><img src="/logo.svg" alt="athen" class="w-full" /></div></div></div><!--25-0--><div class="grid grid-cols-3 mx-auto max-w-screen-xl gap-10px" data-hk="34"><div key="Vite: Lightning-fast Development Response" class="rounded-md p-3" data-hk="35"><article class="h-full border b-border-default rounded-xl border-solid p-6"><div class="mb-5 h-12 w-12 flex items-center justify-center border rounded-md bg-gray-100 text-3xl dark:bg-white">🚀</div><h2 class="font-bold">Vite: Lightning-fast Development Response</h2><p class="pt-2 text-sm text-gray-500 font-medium leading-6">Built on Vite, the development response is incredibly fast, with instant hot updates, providing you with an ultimate development experience.</p></article></div><div key="MDX: Markdown &amp; Essor Components for Content Writing" class="rounded-md p-3" data-hk="36"><article class="h-full border b-border-default rounded-xl border-solid p-6"><div class="mb-5 h-12 w-12 flex items-center justify-center border rounded-md bg-gray-100 text-3xl dark:bg-white">📦</div><h2 class="font-bold">MDX: Markdown &amp; Essor Components for Content Writing</h2><p class="pt-2 text-sm text-gray-500 font-medium leading-6">MDX is a powerful way to write content. You can use Essor components within Markdown.</p></article></div><div key="Feature-rich: One-stop Solution" class="rounded-md p-3" data-hk="37"><article class="h-full border b-border-default rounded-xl border-solid p-6"><div class="mb-5 h-12 w-12 flex items-center justify-center border rounded-md bg-gray-100 text-3xl dark:bg-white">🛠️</div><h2 class="font-bold">Feature-rich: One-stop Solution</h2><p class="pt-2 text-sm text-gray-500 font-medium leading-6">Common features such as full-text search and internationalization are ready to use out of the box.</p></article></div></div><!--25-1--><!--25-2--><!--25-3--><footer class="b-1 b-border-default b-t-solid text-center text-14px text-text-2 font-500" data-hk="38"><p>Released under the MIT License.</p><p>Copyright © 2023-present estjs</p></footer><!--25-4--></div>