Create 2 diff login page routing in react js using react-admin-amplify

Question

I join in the running project using amplify, as we know react-admin-amplify is using a single sign on's concept, but in this case, we need to split the login page per each user category. can some one help me? this is for existing code

function App() {
  return (
    <AmplifyAdmin
      // authProvider={buildAuthProvider({ authGroups: ["Superadmin", "Admin", "Seller"] })}
      // dataProvider={buildDataProvider(
      //   { queries, mutations },
      //   { authMode: GRAPHQL_AUTH_MODE.API_KEY },
      // )}
      operations={{ queries, mutations }}
      options={{
        authGroups: ["Superadmin", "Admin", "Seller"],
        enableAdminQueries: true,
      }}
      dashboard={Dashboard}
      layout={Layout}
      customRoutes={customRoutes}
      i18nProvider={i18nProvider}
      loginPage={LoginPage}
      customReducers={{
        auth: authReducer,
        merchants: merchantsReducer,
        locations: locationsReducer,
        users: usersReducer,
        medias: mediasReducer,
        variants: variantsReducer,
      }}
    >
      {(permissions) => [
        <Resource
          name="dashboard"
          options={{ label: "Dashboard" }}
          list={Dashboard}
          icon={DashboardIcon}
        />,
      ]}
    </AmplifyAdmin>

  );
}