<div data-hk="46"><div class="mx-auto px-10 pb-16 pt-20" data-hk="47"><div class="mx-auto max-w-screen-xl flex justify-between" data-hk="48"><div class="max-w-xl flex flex-1 flex-col text-left" data-hk="49"><h1 class="max-w-3xl text-6xl font-bold" data-hk="50"><span class="bg-[--at-home-hero-name-background] bg-clip-text text-transparent" data-hk="51">athen</span></h1><p class="max-w-3xl text-6xl font-bold" data-hk="52">Documentation framework based on Vite &amp; Essor</p><p class="max-w-3xl whitespace-pre-wrap pt-3 text-2xl text-gray-500 font-medium" data-hk="53"></p><div class="flex flex-wrap justify-start pt-8" data-hk="54">&lt;div key=&quot;/guide/getting-started&quot; class=&quot;p-1&quot; data-hk=&quot;55&quot;&gt;&lt;a href=&quot;/guide/getting-started&quot; target=&quot;&quot; class=&quot;at-link cursor-pointer at-button medium brand&quot; data-hk=&quot;56&quot;&gt;&amp;lt;span data-hk=&amp;quot;57&amp;quot;&amp;gt;Get Started&amp;lt;/span&amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;div key=&quot;https://github.com/estjs/athen&quot; class=&quot;p-1&quot; data-hk=&quot;58&quot;&gt;&lt;a href=&quot;https://github.com/estjs/athen&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; class=&quot;at-link cursor-pointer at-button medium brand&quot; data-hk=&quot;59&quot;&gt;&amp;lt;span data-hk=&amp;quot;60&amp;quot;&amp;gt;View on GitHub&amp;lt;/span&amp;gt;&lt;/a&gt;&lt;/div&gt;</div></div>&lt;div class=&quot;mx-auto h-270px flex justify-center&quot; data-hk=&quot;61&quot;&gt;&lt;img src=&quot;/logo.svg&quot; alt=&quot;athen&quot; class=&quot;w-full&quot; data-hk=&quot;62&quot;/&gt;&lt;/div&gt;</div></div><div class="grid grid-cols-3 mx-auto max-w-screen-xl gap-10px" data-hk="63">&lt;div class=&quot;rounded-md p-3&quot; data-hk=&quot;64&quot;&gt;&lt;article class=&quot;h-full border b-border-default rounded-xl border-solid p-6&quot; data-hk=&quot;65&quot;&gt;&lt;div class=&quot;mb-5 h-12 w-12 flex items-center justify-center border rounded-md bg-gray-100 text-3xl dark:bg-white&quot; data-hk=&quot;66&quot;&gt;🚀&lt;/div&gt;&lt;h2 class=&quot;font-bold&quot; data-hk=&quot;67&quot;&gt;Vite: Lightning-fast Development Response&lt;/h2&gt;&lt;p class=&quot;pt-2 text-sm text-gray-500 font-medium leading-6&quot; data-hk=&quot;68&quot;&gt;Built on Vite, the development response is incredibly fast, with instant hot updates, providing you with an ultimate development experience.&lt;/p&gt;&lt;/article&gt;&lt;/div&gt;&lt;div class=&quot;rounded-md p-3&quot; data-hk=&quot;69&quot;&gt;&lt;article class=&quot;h-full border b-border-default rounded-xl border-solid p-6&quot; data-hk=&quot;70&quot;&gt;&lt;div class=&quot;mb-5 h-12 w-12 flex items-center justify-center border rounded-md bg-gray-100 text-3xl dark:bg-white&quot; data-hk=&quot;71&quot;&gt;📦&lt;/div&gt;&lt;h2 class=&quot;font-bold&quot; data-hk=&quot;72&quot;&gt;MDX: Markdown &amp;amp; Essor Components for Content Writing&lt;/h2&gt;&lt;p class=&quot;pt-2 text-sm text-gray-500 font-medium leading-6&quot; data-hk=&quot;73&quot;&gt;MDX is a powerful way to write content. You can use Essor components within Markdown.&lt;/p&gt;&lt;/article&gt;&lt;/div&gt;&lt;div class=&quot;rounded-md p-3&quot; data-hk=&quot;74&quot;&gt;&lt;article class=&quot;h-full border b-border-default rounded-xl border-solid p-6&quot; data-hk=&quot;75&quot;&gt;&lt;div class=&quot;mb-5 h-12 w-12 flex items-center justify-center border rounded-md bg-gray-100 text-3xl dark:bg-white&quot; data-hk=&quot;76&quot;&gt;🛠️&lt;/div&gt;&lt;h2 class=&quot;font-bold&quot; data-hk=&quot;77&quot;&gt;Feature-rich: One-stop Solution&lt;/h2&gt;&lt;p class=&quot;pt-2 text-sm text-gray-500 font-medium leading-6&quot; data-hk=&quot;78&quot;&gt;Common features such as full-text search and internationalization are ready to use out of the box.&lt;/p&gt;&lt;/article&gt;&lt;/div&gt;</div>&lt;footer class=&quot;b-1 b-border-default b-t-solid text-center text-14px text-text-2 font-500&quot; data-hk=&quot;79&quot;&gt;&lt;p data-hk=&quot;80&quot;&gt;Released under the MIT License.&lt;/p&gt;&lt;p data-hk=&quot;81&quot;&gt;Copyright © 2023-present estjs&lt;/p&gt;&lt;/footer&gt;</div>