comet.sh
1---
2import Logo from "../assets/logo.svg";
3import Layout from "../layouts/Layout.astro";
4import Roadmap from "../components/Roadmap.astro";
5import { Bluesky, Discord, Github } from "simple-icons-astro";
6---
7
8<Layout>
9 <main
10 class="flex h-full w-full max-w-xl flex-col items-center gap-3 px-4 py-8 text-center leading-none sm:py-16 lg:py-24 2xl:py-32"
11 >
12 <div class="flex items-center justify-center gap-4">
13 <Logo width="48px" height="48px" class="rounded-md shadow-md" />
14 <h1 class="text-[64px] font-bold">Comet</h1>
15 </div>
16
17 <p class="leading-tight">
18 Decentralised music streaming on ATProtocol.<br />Coming soon.
19 </p>
20
21 <p class="flex items-center gap-2 pb-7 font-semibold">
22 <span class="mr-2">Follow us:</span>
23 <a href="https://bsky.app/profile/comet.sh" rel="noopener me">
24 <Bluesky />
25 </a>
26 <a href="https://discord.gg/ZKK7DnubD9" rel="noopener"><Discord /></a>
27 <a href="https://github.com/cometsh" rel="noopener me"><Github /></a>
28 </p>
29
30 <Roadmap />
31 </main>
32</Layout>
33
34<style>
35 @reference "../style/main.css";
36
37 body {
38 @apply from-brand-light flex justify-center bg-radial-[circle_at_50%_150%] via-amber-900 to-stone-950 bg-fixed text-white;
39 }
40</style>