Graphical PDS migrator for AT Protocol
knotbin.com
1import Ticket from "../islands/Ticket.tsx";
2import AirportSign from "../components/AirportSign.tsx";
3import SocialLinks from "../islands/SocialLinks.tsx";
4import LoginButton from "../islands/LoginButton.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
18 <Ticket />
19
20 <LoginButton />
21 <div class="text-center mb-4">
22 <a
23 href="/about"
24 class="inline-flex items-center text-blue-500 hover:text-blue-600 transition-colors"
25 >
26 <img
27 src="/icons/info_bold.svg"
28 alt="Info"
29 class="w-5 h-5 mr-2"
30 />
31 <span class="font-mono">Learn more about AT Protocol</span>
32 </a>
33 </div>
34 <SocialLinks />
35 </div>
36 </div>
37 </div>
38 </>
39 );
40}