feat: create sign up screen

src/screens/SignUp.tsx

@@ -0,0 +1,65 @@
+import { Center, Heading, Image, ScrollView, Text, VStack } from "@gluestack-ui/themed";
+
+import BackgroundImg from '@assets/background.png';
+import Logo from '@assets/logo.svg';
+import { Input } from "@components/Input";
+import { Button } from "@components/Button";
+
+export function SignUp() {
+  return (
+    <ScrollView
+      contentContainerStyle={{ flexGrow: 1 }}
+      showsVerticalScrollIndicator={false}
+    >
+    <VStack flex={1} bg="$gray700">
+      <Image
+        source={BackgroundImg}
+        defaultSource={BackgroundImg}
+        alt="Pessoas treinando"
+        position="absolute"
+        w="$full"
+        h={624}
+      />
+
+      <VStack flex={1} px="$10" pb="$16">
+        <Center my="$24">
+          <Logo />
+          <Text fontSize="$sm" color="$gray100">
+            Treine a sua mente e o seu corpo
+          </Text>
+        </Center>
+
+        <Center gap="$2" flex={1}>
+          <Heading color="$gray100">
+            Crie sua a conta
+          </Heading>
+
+          <Input
+            placeholder="Nome"
+            autoCorrect={false}
+          />
+
+          <Input
+            placeholder="E-mail"
+            keyboardType="email-address"
+            autoCapitalize="none"
+            autoCorrect={false}
+          />
+
+          <Input
+            placeholder="Senha"
+            autoCapitalize="none"
+            secureTextEntry
+          />
+
+          <Button
+            title="Criar e acessar"
+          />
+        </Center>
+
+        <Button title="Voltar para o login" mt="$12" variant="outline" />
+      </VStack>
+    </VStack>
+    </ScrollView>
+  )
+}