onspring-api-docs/src/app/page.tsx

import { versionTwo } from '@/docs/version_002/docsStructure';
import Section from './components/Section';
import { loadSections } from './lib/markdoc';
import styles from './page.module.css';

export default function Home() {
  const versionTwoSections = loadSections(
    versionTwo.version,
    versionTwo.docs
  );

  return (
    <main className={styles.container}>
      {versionTwoSections.map(section => (
        <>
          <Section key={section.title}>
            {section.copy}
            {section.example}
          </Section>
          <div className={styles.divider}>&nbsp;</div>
        </>
      ))}
    </main>
  );
}