<Form>
                                        <Input
                                            id={"id"}
                                        />
                                        <Stack spacing={10}>
                                            <Button
                                                mt={8}
                                                type="submit"
                                                bg={'blue.400'}
                                                isLoading={isSubmitting}
                                                color={'white'}
                                                _hover={{ bg: 'blue.500' }}>
                                                Sign up
                                              </Button>
                                            <Flex  >
                                                <Text> Already have an account ?</Text>
                                                <NextLink href="/login">
                                                    <Link ml="auto" color={'blue.400'}>Sign in </Link>
                                                </NextLink>
                                            </Flex>

                                        </Stack>
                                    </Form>