diff --git a/README.md b/README.md
index e50a3160..78cd2c12 100644
--- a/README.md
+++ b/README.md
@@ -17,7 +17,7 @@ Open Source Observability for LLM applications
 
 Langtrace is an open source observability software which lets you capture, debug and analyze traces and metrics from all your applications that leverages LLM APIs, Vector Databases and LLM based Frameworks.
 
-![image](https://github.com/Scale3-Labs/langtrace/assets/105607645/6825158c-39bb-4270-b1f9-446c36c066ee)
+![image](/public/langtrace-tracing-ss.png)
 
 ## 📊 Open Telemetry Support
 
diff --git a/components/apiKey/api-dialog.tsx b/components/apiKey/api-dialog.tsx
deleted file mode 100644
index 818fe3d6..00000000
--- a/components/apiKey/api-dialog.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@/components/ui/dialog";
-import { PlusIcon } from "@radix-ui/react-icons";
-import { ClipboardIcon } from "lucide-react";
-import { useState } from "react";
-import { toast } from "sonner";
-
-export function ApiKeyDialog({
-  project_id,
-  variant = "default",
-  className = "",
-}: {
-  project_id: string;
-  variant?: string;
-  className?: string;
-}) {
-  const [busy, setBusy] = useState<boolean>(false);
-  const [apiKey, setApiKey] = useState<string>("");
-  const [open, setOpen] = useState<boolean>(false);
-
-  return (
-    <Dialog open={open} onOpenChange={setOpen}>
-      <DialogTrigger asChild>
-        <Button variant={variant} className={className}>
-          Generate API Key <PlusIcon className="ml-2" />
-        </Button>
-      </DialogTrigger>
-      <DialogContent className="sm:max-w-[580px]">
-        <DialogHeader>
-          <DialogTitle>Generate API Key</DialogTitle>
-          <DialogDescription className="text-red-600 font-bold">
-            Note: Click to copy this API key as it will NOT be shown again. If
-            you already have an API key, it will be replaced.
-          </DialogDescription>
-          {apiKey && (
-            <div className="flex items-center bg-muted p-2 rounded-md justify-between">
-              <p
-                onClick={() => {
-                  navigator.clipboard.writeText(apiKey);
-                  toast.success("Copied to clipboard");
-                }}
-                className="text-sm select-all selection:bg-blue-200"
-              >
-                {apiKey}
-              </p>
-              <button
-                aria-label="Copy API Key"
-                className="bg-primary-foreground rounded-md"
-                onClick={() => {
-                  navigator.clipboard.writeText(apiKey);
-                  toast.success("Copied to clipboard");
-                }}
-              >
-                <ClipboardIcon className="h-4 w-4 cursor-pointer text-muted-foreground" />
-              </button>
-            </div>
-          )}
-        </DialogHeader>
-        <DialogFooter>
-          <Button
-            onClick={async () => {
-              try {
-                setBusy(true);
-                const response = await fetch(
-                  `/api/api-key?project_id=${project_id}`,
-                  {
-                    method: "POST",
-                    headers: {
-                      "Content-Type": "application/json",
-                    },
-                  }
-                );
-                if (!response.ok) {
-                  throw new Error("Failed to generate API key");
-                }
-                const result = await response.json();
-                setApiKey(result.data.apiKey);
-                toast("Copy your API Key!", {
-                  description:
-                    "Please copy your API key. It will not be shown again.",
-                });
-              } catch (error: any) {
-                toast("Error generating API Key!", {
-                  description: `There was an error generating your API Key: ${error.message}`,
-                });
-              } finally {
-                setBusy(false);
-              }
-            }}
-            disabled={busy}
-          >
-            {busy ? "Generating..." : "Generate API Key"}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/public/langtrace-tracing-ss.png b/public/langtrace-tracing-ss.png
new file mode 100644
index 00000000..e7598f7b
Binary files /dev/null and b/public/langtrace-tracing-ss.png differ