kit/app/(app)/color/page.tsx

import type { Metadata } from 'next';
import { getToolByHref } from '@/lib/tools';
import { ColorPage } from '@/components/color/ColorPage';

const tool = getToolByHref('/color')!;

export const metadata: Metadata = { title: tool.title };

export default function Page() {
  return <ColorPage />;
}