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

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

export default function Auth() {
  return (
    <>
      <h1 className="font-bold text-xl mb-2">Authenticate</h1>
      <div className="flex gap-4 flex-col md:flex-row">
        <AuthForm />
        <AuthForm isRegister />
      </div>
      <div className="text-center text-sm text-neutral-400 mt-6">
        <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>
    </>
  );
}
