diff --git a/web/src/pages/ClassificationModel.tsx b/web/src/pages/ClassificationModel.tsx
new file mode 100644
index 000000000..55eb3e27d
--- /dev/null
+++ b/web/src/pages/ClassificationModel.tsx
@@ -0,0 +1,21 @@
+import { FrigateConfig } from "@/types/frigateConfig";
+import ModelSelectionView from "@/views/classification/ModelSelectionView";
+import ModelTrainingView from "@/views/classification/ModelTrainingView";
+import { useState } from "react";
+import useSWR from "swr";
+
+export default function ClassificationModelPage() {
+  const { data: config } = useSWR<FrigateConfig>("config", {
+    revalidateOnFocus: false,
+  });
+
+  // training
+
+  const [model, setModel] = useState();
+
+  if (model == undefined) {
+    return <ModelSelectionView />;
+  }
+
+  return <ModelTrainingView />;
+}
diff --git a/web/src/views/classification/ModelSelectionView.tsx b/web/src/views/classification/ModelSelectionView.tsx
new file mode 100644
index 000000000..eaf092fa7
--- /dev/null
+++ b/web/src/views/classification/ModelSelectionView.tsx
@@ -0,0 +1 @@
+export default function ModelSelectionView() {}
diff --git a/web/src/views/classification/ModelTrainingView.tsx b/web/src/views/classification/ModelTrainingView.tsx
new file mode 100644
index 000000000..5826722c1
--- /dev/null
+++ b/web/src/views/classification/ModelTrainingView.tsx
@@ -0,0 +1 @@
+export default function ModelTrainingView() {}