diff --git a/apps/site/public/og/og-query-insights.png b/apps/site/public/og/og-query-insights.png
new file mode 100644
index 0000000000..a049cb1f39
Binary files /dev/null and b/apps/site/public/og/og-query-insights.png differ
diff --git a/apps/site/src/app/query-insights/page.tsx b/apps/site/src/app/query-insights/page.tsx
index 119eaa1e24..891a7aa290 100644
--- a/apps/site/src/app/query-insights/page.tsx
+++ b/apps/site/src/app/query-insights/page.tsx
@@ -1,13 +1,6 @@
-import React from "react";
-
 import { CardSection } from "@/components/homepage/card-section/card-section";
 import { Metadata } from "next";
-import { Badge, Button, Card } from "@prisma/eclipse";
-import {
-  QueryInsightsBars,
-  QueryInsightsLine,
-  QueryInsightsTable,
-} from "../../components/query-insights";
+import { Button } from "@prisma/eclipse";
 
 export async function generateMetadata(): Promise<Metadata> {
   return {
@@ -23,7 +16,7 @@ export async function generateMetadata(): Promise<Metadata> {
       siteName: "Prisma",
       images: [
         {
-          url: "/og-images/og-query-insights.png",
+          url: "/og/og-query-insights.png",
           width: 1200,
           height: 630,
           alt: "Prisma Query Insights",
@@ -84,6 +77,8 @@ export default async function Page() {
           </i>
         </div>
       </div>
+      {/*
+
       <div className="relative my-12!">
         <div className="section-latency max-w-253 px-4 w-full mx-auto! relative">
           <div className="grid md:grid-cols-2 gap-2">
@@ -125,6 +120,7 @@ export default async function Page() {
           </div>
         </div>
       </div>
+       */}
       <div className="relative my-12!">
         <div className="section-features max-w-308 px-4 mx-auto! w-full">
           <CardSection