import type { Metadata } from "next";

import { PageHeader } from "@/components/design-system/page-header";
import { NavigationSections } from "@/components/design-system/sections/navigation/nav-demos";
import { PageHeaderSection } from "@/components/design-system/sections/navigation/page-header-demo";

export const metadata: Metadata = { title: "Navigation | Medora Design System" };

export default function NavigationPage() {
  return (
    <>
      <PageHeader
        title="Navigation"
        description="Ways to move around: page header, tabs, breadcrumbs, pagination, menus and the command palette."
      />
      <PageHeaderSection />
      <NavigationSections />
    </>
  );
}