···7import { ArrowRight, AtSignIcon } from "lucide-react-native";
89import { Stack, router } from "expo-router";
10-import { FontAwesome6 } from "@expo/vector-icons";
1112const LoginScreen = () => {
13 return (
···21 />
22 <View className="flex-1 justify-center p-8 gap-4 pb-32 w-screen max-w-md">
23 <Text className="text-3xl text-center text-foreground -mb-2">
24- Sign up via{" "}
25 <Icon
26 icon={AtSignIcon}
27 className="color-bsky inline mb-2"
28 size={32}
29 />{" "}
30- ATProto
31 </Text>
32 <Text className="text-foreground text-xl text-center">
33 No account? No problem.
···35 <View className="flex flex-col justify-center items-center">
36 <Text className="mb-2 text-center -mx-3">
37 To use teal.fm, you’ll need a PDS—your personal data storage on the
38- AT Protocol. Signing up with Bluesky is a great way to begin.
39 </Text>
40 <Text className="text-center mb-4 text-xs text-muted-foreground">
41 Sign up with Bluesky, then return here to start exploring.
···7import { ArrowRight, AtSignIcon } from "lucide-react-native";
89import { Stack, router } from "expo-router";
01011const LoginScreen = () => {
12 return (
···20 />
21 <View className="flex-1 justify-center p-8 gap-4 pb-32 w-screen max-w-md">
22 <Text className="text-3xl text-center text-foreground -mb-2">
23+ Sign up via <br /> the{" "}
24 <Icon
25 icon={AtSignIcon}
26 className="color-bsky inline mb-2"
27 size={32}
28 />{" "}
29+ Atmosphere
30 </Text>
31 <Text className="text-foreground text-xl text-center">
32 No account? No problem.
···34 <View className="flex flex-col justify-center items-center">
35 <Text className="mb-2 text-center -mx-3">
36 To use teal.fm, you’ll need a PDS—your personal data storage on the
37+ Atmosphere. Signing up with Bluesky is a great way to begin.
38 </Text>
39 <Text className="text-center mb-4 text-xs text-muted-foreground">
40 Sign up with Bluesky, then return here to start exploring.