astro-deploy/src/pages/index.astro
2024-03-01 07:04:13 +01:00

32 lines
1.3 KiB
Plaintext

---
import { Icon } from 'astro-icon/components';
import BaseLayout from '@/layouts/BaseLayout.astro';
import Heading from '@/components/ui/Heading.astro';
---
<BaseLayout title="Astro Deploy">
<div class="mx-auto px-4 pb-36 pt-24 sm:px-6 lg:px-8">
<Heading level={1} classes="text-center text-zinc-900 dark:text-zinc-200">
Deploy Your
<span
class="bg-gradient-to-r from-accent-600 via-accent-600 to-zinc-900 bg-clip-text text-transparent dark:from-accent dark:to-zinc-200">
Astro.js
</span>
Site!</Heading
>
<p class="mx-auto mt-5 max-w-3xl text-center text-lg text-zinc-900/70 dark:text-zinc-400">
Supercharge your website with the Astro Deploy boilerplate with Docker support for
out-of-this-world web experiences. Launch today!
</p>
<div class="mt-8 grid w-full gap-3 sm:inline-flex sm:justify-center">
<a
href="https://github.com/deployn/astro-deploy"
class="inline-flex items-center justify-center gap-x-3 rounded-full bg-primary-600 px-8 py-4 text-center text-base text-sm font-medium ring-4 ring-transparent focus:outline-none focus:ring-2 focus:ring-primary-700 focus:ring-offset-base-50 dark:focus:ring-offset-zinc-800">
<span>Get started!</span>
<Icon name="line-md:chevron-right" class="size-3" />
</a>
</div>
</div>
</BaseLayout>