docs-menu.tsx

import {ROUTES} from '@/lib/routes-config';
import SubLink from './sublink';
import Link from 'next/link';

export default function DocsMenu({isSheet = false}) {
  return (
    <div className="flex flex-col gap-12 mt-5 pr-2 pb-6">
      {ROUTES.map((item, index) => {
        const modifiedItems = {
          ...item,
          href: `/docs${item.href}`,
          level: 0,
          isSheet,
        };
        return <SubLink key={item.title + index} {...modifiedItems} />;
      })}

      <div className="footer-container">
        <p className="copyright">
          Made by{' '}
          <Link href="https://rocicorp.dev" className="footer-text-link">
            Rocicorp
          </Link>
        </p>
        <div className="social-links">
          <Link
            href="https://github.com/rocicorp/hello-zero"
            className="link-github"
          ></Link>
          <Link
            href="https://discord.rocicorp.dev"
            className="link-discord"
          ></Link>
          <Link
            href="https://bsky.app/profile/zero.rocicorp.dev"
            className="link-bluesky"
          ></Link>
          <Link
            href="https://x.com/rocicorp_zero"
            className="link-twitter"
          ></Link>
        </div>
      </div>
    </div>
  );
}