diff --git a/src/index.tsx b/src/index.tsx
index cdd9613..0eade6f 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -3,8 +3,16 @@
 import './index.css';
 
 // Load components.
-import { Router } from '@solidjs/router';
+import { Route, Router } from '@solidjs/router';
 import { render } from 'solid-js/web';
 import Layout from './Layout';
+import Models from './pages/Models';
 
-render(() => <Router root={Layout} />, document.getElementById('root') as HTMLElement);
+render(
+  () => (
+    <Router root={Layout}>
+      <Route path="/" component={Models} />
+    </Router>
+  ),
+  document.getElementById('root') as HTMLElement,
+);
diff --git a/src/pages/Models.tsx b/src/pages/Models.tsx
new file mode 100644
index 0000000..d0b79f4
--- /dev/null
+++ b/src/pages/Models.tsx
@@ -0,0 +1,7 @@
+import { Component } from 'solid-js';
+
+const Models: Component = () => {
+  return <div class="workspace flex-row items-stretch gap-0 rounded-xs bg-swatch-neutral-20" />;
+};
+
+export default Models;
diff --git a/src/pages/Settings.tsx b/src/pages/Settings.tsx
new file mode 100644
index 0000000..e4213ed
--- /dev/null
+++ b/src/pages/Settings.tsx
@@ -0,0 +1,7 @@
+import { Component } from 'solid-js';
+
+const Settings: Component = () => {
+  return <div class="workspace" />;
+};
+
+export default Settings;