import './style.scss';
import { Metadata } from 'next';
import PaperNav from './_components/PaperNav';
import PaperAccountCard from './_components/PaperAccountCard';
import PaperLeaderboardMini from './_components/PaperLeaderboardMini';
import PaperNotice from './_components/PaperNotice';
import PaperAuthGate from './_components/PaperAuthGate';

export const metadata: Metadata = {
	title: '모의투자 — 개미투자',
	description: '토큰으로 실제 종목을 매매하는 모의투자 — 계좌·리더보드·체결 규칙'
};

export default function PaperHomePage()
{
	return (
		<div className='paper'>
			<div className='paper__head'>
				<h1 className='paper__title'>모의투자</h1>
				<span className='paper__subtitle'>토큰으로 실제 종목을 매매하는 지연 체결형 훈련</span>
			</div>

			<PaperNav />

			<PaperAuthGate>
				<PaperAccountCard />
			</PaperAuthGate>

			<PaperNotice />

			<PaperLeaderboardMini />
		</div>
	);
}