I am trying to develop an app in Next.js using the page router framework. So for each component I have page.tsx under relevant folder name. For a particular component I need to have slug for routing, which directory should I create the [slug].tsx ? Is it where the main component resides or along with the page.tsx as sibling under the component folder name ?

Component has A , B , C folder
(route) has a > page.tsx , b > page.tsx, c >page.tsx