import { Link } from "@/i18n/routing";
import { Metadata } from "next";
import Image from "next/image";

export const metadata: Metadata = {
  title: "Subscribe Successfully",
}

export default function SubscribeSuccessfully() {
  return (
    <div className="flex flex-col items-center justify-center h-full">
      <Image
        alt=""
        src="/img/subscribe-successfully.jpg"
        width={362}
        height={544}
      />
      <h1 className="text-2xl font-bold mb-4 lg:text-4xl text-[var(--primary--70)]">Subscribed Successfully</h1>
      <Link
        href="/login"
        className="text-lg underline hover:text-[var(--primary--70)]">
        Back to Login
      </Link>
    </div>
  )
}