diff --git a/src/renderer/components/Header.tsx b/src/renderer/components/Header.tsx
index 614562ef..04248fa1 100644
--- a/src/renderer/components/Header.tsx
+++ b/src/renderer/components/Header.tsx
@@ -27,6 +27,11 @@ export const Header: FC = () => {
       label: 'Victim',
       visible: true,
     },
+    {
+      to: '/marvin',
+      label: 'Marvin',
+      visible: true,
+    },
     {
       to: '/config',
       label: 'Config',
diff --git a/src/renderer/components/Router.tsx b/src/renderer/components/Router.tsx
index 29964531..0431e341 100644
--- a/src/renderer/components/Router.tsx
+++ b/src/renderer/components/Router.tsx
@@ -4,6 +4,7 @@ import { Teleop } from '@/renderer/components/pages/Teleop';
 import { Victim } from '@/renderer/components/pages/Victim';
 import { Debug } from '@/renderer/components/pages/Debug';
 import { ConfigPage } from '@/renderer/components/pages/Config/ConfigPage';
+import { Marvin } from '@/renderer/components/pages/Marvin';
 
 export const Router: FC = () => {
   return (
@@ -12,6 +13,7 @@ export const Router: FC = () => {
         <Route path="/" element={<Navigate to="/teleop" />} />
         <Route path="/teleop" element={<Teleop />} />
         <Route path="/victim" element={<Victim />} />
+        <Route path="/marvin" element={<Marvin />} />
         <Route path="/config/*" element={<ConfigPage />} />
         <Route path="/debug" element={<Debug />} />
       </Routes>
diff --git a/src/renderer/components/pages/Marvin.tsx b/src/renderer/components/pages/Marvin.tsx
new file mode 100644
index 00000000..a96beaaa
--- /dev/null
+++ b/src/renderer/components/pages/Marvin.tsx
@@ -0,0 +1,11 @@
+import React, { FC } from 'react';
+
+export const Marvin: FC = () => {
+  return (
+      <iframe
+        src="http://127.0.0.1:7860/"
+        title="Example Site"
+        style={{ width: '100%', height: '100%' }}
+      />
+  );
+};