Dock Nav

import { DockNav, type DockNavItem } from '@/components/sora-ui/effects/dock-nav';

const items: DockNavItem[] = [
  {
    label: 'Notion',
    href: 'https://notion.so',
    iconSrc: '/icons/notion.png',
    alt: 'Notion app icon',
  },
  {
    label: 'Figma',
    href: 'https://figma.com',
    icon: <FigmaIcon className="size-full" />,
  },
];

export default function Page() {
  return <DockNav items={items} className="max-w-4xl" />;
}