'use client';

import Link from 'next/link';

export default function RegisterCompletePage() {
  return (
    <div className="relative min-h-screen flex flex-col items-center bg-white">
      {/* 메인 콘텐츠 영역 - 카피라이트와 최상단 사이 중앙 */}
      <div className="flex-1 flex flex-col justify-center items-center w-full">
        {/* 완료 메시지 */}
        <div className="flex flex-col gap-[33px] items-center">
          <p className="font-bold text-[#515151] text-[32px] leading-normal text-center">
            회원가입을 완료했어요.
          </p>
        </div>

        {/* 로그인 버튼 */}
        <div className="mt-[46px]">
          <Link
            href="/login"
            className="bg-[#2B82E8] rounded-[10px] h-[55px] w-[334px] flex items-center justify-center font-medium text-white text-[18px] hover:bg-[#1669ca] transition"
          >
            로그인
          </Link>
        </div>
      </div>

      {/* 카피라이트 */}
      <footer className="absolute bottom-[51.5px] left-1/2 -translate-x-1/2 flex flex-col items-center">
        <p className="text-[16px] text-[rgba(0,0,0,0.55)] leading-[1.45] font-medium tracking-[-0.08px]">
          Copyright ⓒ 2025 XL LMS. All rights reserved
        </p>
      </footer>
    </div>
  );
}
