diff --git a/components/Header.tsx b/components/Header.tsx
index 907d51b..5832ebe 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -38,7 +38,7 @@ export function Header(props: Headerprops) {
               Features
             </Link>
             <Link
-              href="https://intelowlproject.github.io/docs/"
+              href="/docs/"
               className="text-white font-SpaceGrotesk font-light text-center invisible md:visible"
             >
               Docs
@@ -104,7 +104,7 @@ export function Header(props: Headerprops) {
               Features
             </Link>
             <Link
-              href="https://intelowlproject.github.io/docs/"
+              href="/docs/"
               className="text-white font-SpaceGrotesk font-light text-center hidden md:flex md:justify-center md:flex-row"
             >
               Docs
diff --git a/components/sections/HeroSection.tsx b/components/sections/HeroSection.tsx
index 46cb9bf..aaffbdb 100644
--- a/components/sections/HeroSection.tsx
+++ b/components/sections/HeroSection.tsx
@@ -49,7 +49,7 @@ export default function HeroSection(props: HeroSectionProps) {
               <span className="text-[#00ADEF]">single API request.</span>
             </h2>
             <Link
-              href={"https://intelowlproject.github.io/docs//Installation.html"}
+              href={"/docs/IntelOwl/installation/"}
               className=" transform transition-transform duration-3 hover:scale-110 btn bg-[#00ADEE] hover:bg-blue-700 text-white py-2 mb-12 px-4 text-sm rounded w-32 h-10 mt-8 font-SpaceGrotesk text-center"
             >
               get started ➔
@@ -97,7 +97,7 @@ export default function HeroSection(props: HeroSectionProps) {
               </span>
             </h2>
             <Link
-              href={"https://intelowlproject.github.io/docs//Installation.html"}
+              href={"/docs/"}
               className="transform transition-transform duration-3 hover:scale-110 btn bg-[#00ADEE] hover:bg-blue-700 text-white py-2 px-4 rounded w-36 h-10 mt-16 font-SpaceGrotesk text-center"
             >
               get started ➔
diff --git a/constants/faqdata.ts b/constants/faqdata.ts
index 0cad750..6242047 100644
--- a/constants/faqdata.ts
+++ b/constants/faqdata.ts
@@ -2,7 +2,7 @@ export const FAQData = [
   {
     question: "How can I install IntelOwl?",
     answer:
-      'That is super fast and straightforward: follow the guide <a href="https://intelowlproject.github.io/docs//Installation.html" target="_blank">here</a>',
+      'That is super fast and straightforward: follow the guide <a href="/docs/IntelOwl/installation/" target="_blank">here</a>',
   },
   {
     question:
diff --git a/src/app/docs/page.tsx b/src/app/docs/page.tsx
new file mode 100644
index 0000000..34a4381
--- /dev/null
+++ b/src/app/docs/page.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+export default function DocsPage() {
+  const [isReloaded, setIsReloaded] = useState(false);
+  useEffect(() => {
+    if (!isReloaded) {
+      setIsReloaded(true);
+      window.location.reload();
+    }
+    console.log("ji");
+  }, []);
+
+  return <div>Loading</div>;
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b07d919..bcc4f0e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -64,7 +64,7 @@ export default function Home() {
               </span>
             </a>
             <a
-              href="https://intelowlproject.github.io/docs//Usage.html#analyzers"
+              href="/docs/IntelOwl/usage/#analyzers"
               className="transform transition-transform duration-3 hover:scale-105 inline-flex justify-between items-center py-1 px-1 pr-4 mb-7 text-sm text-gray-700 bg-gray-100 rounded-full dark:bg-gray-800 dark:text-white hover:bg-gray-200 dark:hover:bg-gray-700"
               role="alert"
             >