import type { MetaFunction } from "@remix-run/node"; import { Link } from "@remix-run/react"; import { z } from "zod"; import { Button } from "~/components/ui/button"; import logoPng from "~/images/lume-logo.png?url"; import lumeColorLogoPng from "~/images/lume-color-logo.png?url"; import discordLogoPng from "~/images/discord-logo.png?url"; import lumeBgPng from "~/images/lume-bg-image.png?url"; import { Field, FieldCheckbox } from "~/components/forms"; import { getFormProps, useForm } from "@conform-to/react"; import { getZodConstraint, parseWithZod } from "@conform-to/zod"; import { useGo, useLogin, useParsed, } from "@refinedev/core"; import type { AuthFormRequest } from "~/data/auth-provider"; import { useEffect } from "react"; export const meta: MetaFunction = () => { return [ { title: "Login" }, { name: "description", content: "Welcome to Lume!" }, ]; }; export type LoginParams = { to: string; }; export default function Login() { return (