diff --git a/src/LogsPage.tsx b/src/LogsPage.tsx
new file mode 100644
index 0000000..edc8163
--- /dev/null
+++ b/src/LogsPage.tsx
@@ -0,0 +1,42 @@
+import React, { useState } from "react";
+import NamespaceSelector from "./components/NamespaceSelector";
+import PodTree from "./components/PodTree";
+import LogViewer from "./components/LogViewer";
+import Toolbar from "./components/Toolbar";
+
+export default function LogsPage() {
+  const [namespace, setNamespace] = useState("default");
+  const [selection, setSelection] = useState(null);
+  const [regex, setRegex] = useState("");
+  const [live, setLive] = useState(true);
+
+  return (
+    <div style={{ display: "flex", height: "100vh" }}>
+      {/* LEFT PANEL */}
+      <div style={{ width: "30%", padding: 10, borderRight: "1px solid #333" }}>
+        <h3>Logs</h3>
+
+        <NamespaceSelector value={namespace} onChange={setNamespace} />
+
+        <Toolbar
+          regex={regex}
+          setRegex={setRegex}
+          live={live}
+          setLive={setLive}
+        />
+
+        <PodTree namespace={namespace} onSelect={setSelection} />
+      </div>
+
+      {/* RIGHT PANEL */}
+      <div style={{ width: "70%" }}>
+        <LogViewer
+          namespace={namespace}
+          selection={selection}
+          regex={regex}
+          live={live}
+        />
+      </div>
+    </div>
+  );
+}
\ No newline at end of file