docs: update verification guide (#499)

* docs: update verification guide

* perf: refactor code

* refactor: remove intended changes

pages/verification.tsx

@@ -1,56 +1,22 @@
-import { NextPage } from 'next'
+import { GetStaticProps, NextPage } from 'next'
 import dynamic from 'next/dynamic'
 
+import { SpecialEndPoints } from '@utils/Constants'
+
+
 const Button = dynamic(() => import('@components/Button'))
 const Divider = dynamic(() => import('@components/Divider'))
 const Docs = dynamic(()=> import('@components/Docs'))
+const Markdown = dynamic(() => import('@components/Markdown'))
 
-const Verification: NextPage = () => {
+
+const Verification: NextPage<VerificationProps> = ({ content }) => {
 	return (
 		<Docs
 			header='인증'
 			description='한국 디스코드 리스트의 신뢰된 봇은 디스코드 인증보다 더 자세한 기준으로 신뢰성을 주기 위한 제도입니다.'
 		>
-			<h1 className='mb-3 text-4xl font-bold'>
-				<span className='text-koreanbots-blue mr-5'>
-					<i className='fas fa-award' />
-				</span>신뢰된 봇</h1>
-			<p>한국 디스코드 리스트의 신뢰된 봇은 디스코드 인증보다 더 자세한 기준으로 신뢰성을 주기 위한 제도입니다.</p>
-			<h2 className='mt-10 text-3xl font-semibold' id='기준'>
-				기준
-			</h2>
-			<p>신뢰할 수 있는 봇임을 증명하려면 아래의 기준에 모두 해당해야합니다.</p>
-			<ul className='list-inside list-disc'>
-				<li>1000개 이상의 서버</li>
-				<li>
-					10만명 이상의 중복 유저 혹은 5000명 이상의 가입유저
-				</li>
-				<li>
-					유저가 지원받을 수 있는 방법이 존재
-				</li>
-				<li>
-					집하는 개인정보와 이용범위를 서비스에 명시
-				</li>
-				<li>평균 90퍼센트 이상의 업타임</li>
-				<li>안전하고 신뢰할 수 있는 저장방식</li>
-				<li>
-					대표 메인 콘텐츠가 존재해야합니다. (다양한 기능이 있어도 되지만, 하나의 메인 기능이 필요합니다. ex. 관리, 밈 등등)
-				</li>
-				<li>디스코드 인증된 봇</li>
-			</ul>
-			<p>혹은 아래 기준 중 하나 이상에 해당해야합니다.</p>
-			<ul className='list-inside list-disc'>
-				<li>디스코드 인증과 파트너쉽이 체결된 봇.</li>
-				<li>당사가 인정한 특수 목적의 봇.</li>
-				<li>같은 이름의 봇이 있어 혼동을 줄 수 있는 경우.</li>
-			</ul>
-			<h2 className='mt-10 text-3xl font-semibold' id='혜택'>혜택</h2>
-			<ul className='list-inside list-disc'>
-				<li>봇 페이지 커스텀 URL</li>
-				<li>뱃지</li>
-				<li>미리보기 배경</li>
-				<li>프로필 배경 커스텀마이징</li>
-			</ul>
+			<Markdown text={content} />
 			<Divider />
 			<div className='text-center pt-10'>
 				<h2 className='text-2xl font-bold mb-6'>지금 바로 신청하세요</h2>
@@ -60,4 +26,18 @@ const Verification: NextPage = () => {
 	)
 }
 
+interface VerificationProps {
+	content: string
+}
+
+export const getStaticProps: GetStaticProps<VerificationProps> = async () => {
+	const res = await fetch(SpecialEndPoints.Github.Content('koreanbots', 'verification', 'README.md'))
+	const json = await res.json()
+	return {
+		props: {
+			content: Buffer.from(json.content, 'base64').toString('utf-8')
+		}
+	}
+}
+
 export default Verification