Adding docs route

Signed-off-by: aryan <[email protected]>

Author: aryan-bhokare

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

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 ➔

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:

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>;
+}

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"
             >