Graphical PDS migrator for AT Protocol
knotbin.com
1import Ticket from "../islands/Ticket.tsx";
2import AirportSign from "../islands/AirportSign.tsx";
3import SocialLinks from "../islands/SocialLinks.tsx";
4import { Button } from "../components/Button.tsx";
5
6export default function Home() {
7 return (
8 <>
9 <div class="px-2 sm:px-4 py-4 sm:py-8 mx-auto">
10 <div class="max-w-screen-lg mx-auto flex flex-col items-center justify-center">
11 <AirportSign />
12
13 <div class="prose dark:prose-invert max-w-none w-full mb-0">
14 <p class="font-mono text-lg sm:text-xl font-bold mb-4 sm:mb-6 mt-0 text-center text-gray-600 dark:text-gray-300">
15 Your terminal for seamless AT Protocol PDS migration and backup.
16 </p>
17 <p class="font-mono mb-4 sm:mb-6 mt-0 text-center text-gray-600 dark:text-gray-300">
18 Airport is in <strong>alpha</strong> currently, and we don't recommend it for main accounts. <br/> Please use its migration tools at your own risk.
19 </p>
20
21 <Ticket />
22
23 <div class="mt-6 sm:mt-8 text-center w-fit mx-auto">
24 <Button
25 href="/login"
26 color="blue"
27 label="BEGIN YOUR JOURNEY"
28 />
29 </div>
30 <p class="font-mono text-lg sm:text-xl mb-4 mt-4 sm:mb-6 mt-0 text-center text-gray-600 dark:text-gray-300">
31 Airport is made with love by <a class="text-blue-500 hover:underline" href="https://bsky.app/profile/knotbin.com">Roscoe</a> for <a class="text-blue-500 hover:underline" href="https://sprk.so">Spark</a>, a new short-video platform for AT Protocol.
32 </p>
33 <SocialLinks />
34 </div>
35 </div>
36 </div>
37 </>
38 );
39}