tesseract/showcases/web-kitchensink-reactnext/src/pages/categories/code/index.tsx

import { NextPage } from 'next';
import { DefaultLayout } from '@/components/DefaultLayout';

const CodePage: NextPage = () => {
  return (
    <DefaultLayout
      title="Code"
    >
      <main className="mt-8 mb-16 md:mt-16 md:mb-32">
        <section>
          <div className="container mx-auto px-4">
          <h2>
            VerifyCodeInput
          </h2>
          <div>
            TODO
          </div>
          </div>
        </section>
        <section>
          <div className="container mx-auto px-4">
          <h2>
            CodeBlock
          </h2>
          <div>
            TODO
          </div>
          </div>
        </section>
        <section>
          <div className="container mx-auto px-4">
          <h2>
            CodeInput
          </h2>
          <div>
            TODO
          </div>
          </div>
        </section>
      </main>
    </DefaultLayout>
  )
}

export default CodePage;