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

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

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

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

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