Fix: Hotjar and broken links

Author: Nickyshe

docs/technical-writing-course/Information-gathering.mdx

@@ -30,7 +30,7 @@ The first step in information gathering is defining the scope of your document b
 
 Defining your audience involves determining who you are writing the technical document for and the knowledge gap you want to fill.
 You need to understand your audience's technical knowledge, background, and expectations to do this.
-You can check out [module 2](./Writing-for-Different-Audience) of this course to learn more about defining your audience.
+You can check out [module 2](./writing-for-different-audience) of this course to learn more about defining your audience.
 
 ### Determining The Purpose Of Your Document
 

docs/technical-writing-course/Managing-Technical-Writing-Projects.mdx

@@ -1,5 +1,5 @@
 ---
-slug: /Managing-Technical-Writing-Projects
+slug: /managing-technical-writing-projects
 title: Managing Technical Writing Projects
 description: "In this module, you will learn how to manage your technical writing projects, whether working as a team or solo."
 keywords: [technical writing, technical writing projects, tutorial ]
@@ -326,7 +326,7 @@ Steps to help you allocate information resources effectively:
 #### (a). Understand Project Requirements
 
 Have a clear understanding of your project's scope, objectives, and information needs. Identify the types of information required for the specific technical content you are creating.
-You can check out [this page](./Information-gathering) of this course to learn more about information gathering.
+You can check out [this page](./information-gathering) of this course to learn more about information gathering.
 
 
 #### (b). Identify Key Information Sources

src/pages/index.js

@@ -6,14 +6,20 @@ import HandsOnCourses from "../components/academyComponent/HandsOnCourses";
 import BlogSection from "../components/blogComponent/BlogSection";
 import TestimonialSection from "../components/TestimonialSection/testimonial";
 import Homepage from "../components/HomePage";
-import Hotjar from '@hotjar/browser';
+import Hotjar from "@hotjar/browser";
+import { useEffect } from 'react';
 
 export default function Home() {
   const { siteConfig } = useDocusaurusContext();
   const siteId = 6417587;
-const hotjarVersion = 6;
+  const hotjarVersion = 6;
 
-Hotjar.init(siteId, hotjarVersion);
+  useEffect(() => {
+    // This only runs client-side, after the component mounts
+    if (typeof window !== "undefined") {
+      Hotjar.init(siteId, hotjarVersion);
+    }
+  }, []);
   return (
     <Layout
       title={`${siteConfig.title}`}