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

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

const PresentationPage: 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>
              Tabs
            </h2>
            <div>
              TODO
            </div>
          </div>
        </section>
        <section>
          <div className="container mx-auto px-4">
            <h2>
              Accordion
            </h2>
            <div>
              TODO
            </div>
          </div>
        </section>
      </main>
    </DefaultLayout>
  )
}

export default PresentationPage;