diff --git a/app/qg/page.tsx b/app/qg/page.tsx
new file mode 100644
index 00000000..92c628c6
--- /dev/null
+++ b/app/qg/page.tsx
@@ -0,0 +1,23 @@
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/app/api/auth/[...nextauth]/route";
+import { redirect } from "next/navigation";
+import { ResponsiveIframe } from "@/app/components/responsive-iframe";
+
+export default async function Page() {
+  const session = await getServerSession(authOptions);
+
+  if (!session) {
+    redirect("/signin");
+  }
+
+  return (
+    <main className="w-full h-screen bg-black">
+      <div className="w-full h-full px-4 pt-12 pb-4">
+        <ResponsiveIframe 
+          src={process.env.NEXT_PUBLIC_IFRAME_MISSIONVIEW_URL || ''}
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        />
+      </div>
+    </main>
+  );
+} 
\ No newline at end of file
diff --git a/components/main-nav.tsx b/components/main-nav.tsx
index 2ec94931..007413f1 100644
--- a/components/main-nav.tsx
+++ b/components/main-nav.tsx
@@ -185,7 +185,13 @@ export function MainNav() {
     icon: any;
     href: string;
     requiredRoles?: string[];
-  }[] = [];
+  }[] = [
+    {
+      title: "QG",
+      icon: Target,
+      href: '/qg',
+    },
+  ];
 
   // Role-specific menu items
   const roleSpecificItems = [