| 1 | <template> |
| 2 | <div class="xl:grid xl:grid-cols-[3fr_4fr] gap-4" min-h-80vh px8 xl:px20 py5 max-w-100vw xl:max-w-450 mxa> |
| 3 | <div flex="~ col items-center justify-center" min-h-150> |
| 4 | <h1 hidden> |
| 5 | Slidev |
| 6 | </h1> |
| 7 | <img src="/logo-title.png" alt="Slidev" w-80 xl:w-100 xl:mt--35> |
| 8 | <h2 text-3xl mt--5 op80 text-center> |
| 9 | Presentation Slides for Developers |
| 10 | </h2> |
| 11 | <div flex="~ gap-3 justify-center" p4 mt-5> |
| 12 | <a href="/guide/" class="bg-$vp-c-brand-3 text-white! no-underline! px5 py3 text-xl font-bold rounded-xl hover:bg-$vp-c-brand-1 h-max">Get Started</a> |
| 13 | <a href="/guide/why" class="bg-$vp-c-gray-1 text-white! no-underline! px5 py3 text-xl font-bold rounded-2xl hover:bg-$vp-c-brand-1 h-max">Why</a> |
| 14 | </div> |
| 15 | </div> |
| 16 | <div flex> |
| 17 | <div w-180 ma> |
| 18 | <ClientOnly> |
| 19 | <Demo /> |
| 20 | </ClientOnly> |
| 21 | </div> |
| 22 | </div> |
| 23 | </div> |
| 24 | </template> |
| 25 |