import { Metadata } from "next";
import AuthForm from "@/components/forms/AuthForm";

export const metadata: Metadata = {
  title: "Authenticate - Rhyme",
  description: "Register or log into Rhyme account to save, show and load notes",
};

export default function About() {
  return (
    <>
      <div className="m-4">
        <h1 className="font-bold text-xl mb-2">Authenticate</h1>
        <p className="mb-2">Please, use this form to log in/register:</p>
        <AuthForm />
      </div>
      <div className="text-center text-sm text-neutral-400">
        <p>Welcome to rhyme!</p>
        <p>Free service for writing and saving notes, lyrics, poetry, etc...</p>
        <p>Made with ❤️ by <a href="https://misterkirill.com" className="font-bold hover:underline">Kirill Siukhin</a></p>
      </div>
    </>
  );
}