diff --git a/app/src/components/Header.tsx b/app/src/components/Header.tsx
index 19a79c6..bf4fa59 100644
--- a/app/src/components/Header.tsx
+++ b/app/src/components/Header.tsx
@@ -1,11 +1,12 @@
+"use client";
 import { primaryFont } from "@/fonts";
 import { cn } from "@/lib/utils";
-import { FileIcon } from "lucide-react";
 import Image from "next/image";
 import Link from "next/link";
-import { Button, buttonVariants } from "./ui/button";
+import { usePathname } from "next/navigation";
 
 const Header = () => {
+  const pathName = usePathname();
   return (
     <div
       className={cn(
@@ -26,31 +27,23 @@ const Header = () => {
         />
       </div>
       <div className="flex gap-2 min-w-fit justify-end">
-      <Link
-        href={"/new"}
-        className="text-white hover:underline"
-        // className={cn(
-        //   buttonVariants({
-        //     className: "text-white text-xs w-full text-nowrap ",
-        //   })
-        // )}
-      >
-        Take A Demo
-      </Link>
-      <Link
-        href={"/transcriptions"}
-        className="text-white hover:underline"
-        // className={cn(
-        //   buttonVariants({
-        //     className: "text-white text-xs w-full text-nowrap ",
-        //   })
-        // )}
-      >
-              View Records
-
-      </Link>
+        {pathName !== "/" && pathName !== "/new" && (
+          <Link
+            href={"/new"}
+            className="text-white hover:underline"
+          >
+            Take A Demo
+          </Link>
+        )}
+        {pathName !== "/" && pathName !== "/transcriptions" && (
+          <Link
+            href={"/transcriptions"}
+            className="text-white hover:underline"
+          >
+            View Records
+          </Link>
+        )}
       </div>
-
     </div>
   );
 };