diff --git a/_includes/TopNavbar.jsx b/_includes/TopNavbar.jsx
index 6f4f25c..5f4d6bb 100644
--- a/_includes/TopNavbar.jsx
+++ b/_includes/TopNavbar.jsx
@@ -21,6 +21,7 @@ import Image from "next/image"
 import Link from "next/link"
 import { useEffect, useState } from "react"
 import { RegularButton, TextLink } from "./CTA"
+import { Paragraph } from "./Texts"
 
 const TopNavbar = () => {
   const url = "https://api.github.com/repos/litmuschaos/litmus"
@@ -81,134 +82,216 @@ const TopNavbar = () => {
   }
 
   return (
-    <div
-      className={`${styles.navbarContFluid} ${
-        isNavbarScrolled
-          ? isNavbarOpened
-            ? ""
-            : styles.navbarContFluidScrolled
-          : ""
-      }`}
-    >
-      <Container className={styles.navbarCont}>
-        <nav className={styles.navbar}>
-          <div className={styles.logoCont}>
-            <Link href="/">
-              <a>
-                <Image
-                  src="/logo.png"
-                  alt="Litmus"
-                  height={51.26}
-                  width={134}
-                />
-              </a>
-            </Link>
-            <GitHubStars
-              icon={"github_star"}
-              name={"Star"}
-              count={gitHub.stars}
-              href={"https://github.com/litmuschaos/litmus"}
-            />
-          </div>
-          <div className="items-center hidden md:flex">
-            <ul className={styles.navLinks}>
-              <li>
-                <Link href="/enterprise">
-                  <a
-                    className={`text-hint hover:text-primary transition-all text-xs lg:text-sm font-medium ${styles.navLink}`}
+    <>
+      <div
+        className={`${styles.navbarContFluid} ${
+          isNavbarScrolled
+            ? isNavbarOpened
+              ? ""
+              : styles.navbarContFluidScrolled
+            : ""
+        }`}
+      >
+        <Container className={styles.navbarCont}>
+          <nav className={styles.navbar}>
+            <div className={styles.logoCont}>
+              <Link href="/">
+                <a>
+                  <Image
+                    src="/logo.png"
+                    alt="Litmus"
+                    height={51.26}
+                    width={134}
+                  />
+                </a>
+              </Link>
+              <GitHubStars
+                icon={"github_star"}
+                name={"Star"}
+                count={gitHub.stars}
+                href={"https://github.com/litmuschaos/litmus"}
+              />
+            </div>
+            <div className="items-center hidden md:flex">
+              <ul className={styles.navLinks}>
+                <li>
+                  <Link href="/enterprise">
+                    <a
+                      className={`text-hint hover:text-primary transition-all text-xs lg:text-sm font-medium ${styles.navLink}`}
+                    >
+                      Enterprise
+                    </a>
+                  </Link>
+                </li>
+                <li>
+                  <span
+                    className={`text-hint transition-all text-xs lg:text-sm font-medium cursor-pointer ${styles.navLink}`}
                   >
-                    Enterprise
-                  </a>
-                </Link>
-              </li>
-              <li>
-                <span
-                  className={`text-hint transition-all text-xs lg:text-sm font-medium cursor-pointer ${styles.navLink}`}
-                >
-                  Documentation
-                </span>
-                <div className={styles.dropDownDesktop}>
-                  <div className={styles.overHead}></div>
-                  <div className={styles.dropDownBody}>
-                    <div className={styles.mainMenuItemCont}>
-                      <Link href="https://docs.litmuschaos.io/">
-                        <a target="_blank" rel="noopener noreferrer">
-                          <div className={styles.primaryLink}>
-                            <DocumentationSVG />
-                            <div>
-                              <p
-                                className={`text-primary text-base font-medium ${styles.documentation}`}
-                              >
-                                Documentation
-                              </p>
-                              <p className="text-hint text-sm max-w-xs">
-                                Start Chaos Engineering with LitmusChaos
-                              </p>
+                    Documentation
+                  </span>
+                  <div className={styles.dropDownDesktop}>
+                    <div className={styles.overHead}></div>
+                    <div className={styles.dropDownBody}>
+                      <div className={styles.mainMenuItemCont}>
+                        <Link href="https://docs.litmuschaos.io/">
+                          <a target="_blank" rel="noopener noreferrer">
+                            <div className={styles.primaryLink}>
+                              <DocumentationSVG />
+                              <div>
+                                <p
+                                  className={`text-primary text-base font-medium ${styles.documentation}`}
+                                >
+                                  Documentation
+                                </p>
+                                <p className="text-hint text-sm max-w-xs">
+                                  Start Chaos Engineering with LitmusChaos
+                                </p>
+                              </div>
                             </div>
-                          </div>
-                        </a>
-                      </Link>
-                      <div
-                        className={`${styles.secondaryLinks} grid grid-cols-2 gap-4`}
-                      >
-                        <table className={styles.docsDropDown}>
-                          <tbody>
-                            <tr>
-                              <th
-                                className="text-disabled text-sm
+                          </a>
+                        </Link>
+                        <div
+                          className={`${styles.secondaryLinks} grid grid-cols-2 gap-4`}
+                        >
+                          <table className={styles.docsDropDown}>
+                            <tbody>
+                              <tr>
+                                <th
+                                  className="text-disabled text-sm
                                  font-normal"
-                              >
-                                GET STARTED
+                                >
+                                  GET STARTED
+                                </th>
+                              </tr>
+                              <tr>
+                                <td>
+                                  <Link href="https://docs.litmuschaos.io/docs/getting-started/installation/#prerequisites">
+                                    <a
+                                      className="text-hint text-sm hover:text-primary transition-all"
+                                      target="_blank"
+                                      rel="noopener noreferrer"
+                                    >
+                                      Pre-requisites
+                                    </a>
+                                  </Link>
+                                </td>
+                              </tr>
+                              <tr>
+                                <td>
+                                  <Link href="https://docs.litmuschaos.io/docs/getting-started/installation/">
+                                    <a
+                                      className="text-hint text-sm hover:text-primary transition-all"
+                                      target="_blank"
+                                      rel="noopener noreferrer"
+                                    >
+                                      Installation
+                                    </a>
+                                  </Link>
+                                </td>
+                              </tr>
+                              <tr>
+                                <td>
+                                  <Link href="https://docs.litmuschaos.io/docs/getting-started/run-your-first-workflow/">
+                                    <a
+                                      className="text-hint text-sm hover:text-primary transition-all"
+                                      target="_blank"
+                                      rel="noopener noreferrer"
+                                    >
+                                      Create Experiments
+                                    </a>
+                                  </Link>
+                                </td>
+                              </tr>
+                              <tr>
+                                <td>
+                                  <Link href="https://docs.litmuschaos.io/docs/user-guides/observability-set-up/">
+                                    <a
+                                      className="text-hint text-sm hover:text-primary transition-all"
+                                      target="_blank"
+                                      rel="noopener noreferrer"
+                                    >
+                                      Observe Experiments
+                                    </a>
+                                  </Link>
+                                </td>
+                              </tr>
+                            </tbody>
+                          </table>
+                          <table className={styles.docsDropDown}>
+                            <tr>
+                              <th className="text-disabled text-sm font-normal">
+                                POPULAR TOPICS
                               </th>
                             </tr>
                             <tr>
                               <td>
-                                <Link href="https://docs.litmuschaos.io/docs/getting-started/installation/#prerequisites">
+                                <Link href="https://docs.litmuschaos.io/docs/concepts/gitops/">
                                   <a
-                                    className="text-hint text-sm hover:text-primary transition-all"
+                                    className="text-hint text-sm flex items-center hover:text-primary transition-all"
                                     target="_blank"
                                     rel="noopener noreferrer"
                                   >
-                                    Pre-requisites
+                                    <GitOPS />
+                                    GitOps
                                   </a>
                                 </Link>
                               </td>
                             </tr>
                             <tr>
                               <td>
-                                <Link href="https://docs.litmuschaos.io/docs/getting-started/installation/">
+                                <Link href="https://docs.litmuschaos.io/docs/user-guides/overview/">
                                   <a
-                                    className="text-hint text-sm hover:text-primary transition-all"
+                                    className="text-hint text-sm flex items-center hover:text-primary transition-all"
                                     target="_blank"
                                     rel="noopener noreferrer"
                                   >
-                                    Installation
+                                    <UserGuideSVG />
+                                    Advanced User Guides
                                   </a>
                                 </Link>
                               </td>
                             </tr>
                             <tr>
                               <td>
-                                <Link href="https://docs.litmuschaos.io/docs/getting-started/run-your-first-workflow/">
+                                {/* <Link href="https://docs.litmuschaos.io/docs/concepts/litmus"> */}
+                                <Link href="https://docs.litmuschaos.io/docs/architecture/overview/">
                                   <a
-                                    className="text-hint text-sm hover:text-primary transition-all"
+                                    className="text-hint text-sm flex items-center hover:text-primary transition-all"
                                     target="_blank"
                                     rel="noopener noreferrer"
                                   >
-                                    Create Experiments
+                                    <ArchitectureSVg />
+                                    Design & Architecture
                                   </a>
                                 </Link>
                               </td>
                             </tr>
+                          </table>
+                        </div>
+                      </div>
+                      <div
+                        className={`${styles.subMenuItemCont} flex-col justify-between`}
+                      >
+                        <table className={styles.docsDropDown}>
+                          <tbody>
+                            <tr>
+                              <th
+                                className="text-disabled text-sm
+                                 font-normal"
+                              >
+                                LEARN
+                              </th>
+                            </tr>
                             <tr>
                               <td>
-                                <Link href="https://docs.litmuschaos.io/docs/user-guides/observability-set-up/">
+                                <Link href="https://docs.litmuschaos.io/docs/introduction/other-links/">
                                   <a
-                                    className="text-hint text-sm hover:text-primary transition-all"
+                                    className="text-hint text-sm flex items-center hover:text-primary transition-all"
                                     target="_blank"
                                     rel="noopener noreferrer"
                                   >
-                                    Observe Experiments
+                                    <ResourcesSVG />
+                                    Resources
                                   </a>
                                 </Link>
                               </td>
@@ -216,595 +299,542 @@ const TopNavbar = () => {
                           </tbody>
                         </table>
                         <table className={styles.docsDropDown}>
+                          <tbody>
+                            <tr>
+                              <th
+                                className="text-disabled text-sm
+                                 font-normal"
+                              >
+                                API
+                              </th>
+                            </tr>
+                            <tr>
+                              <td>
+                                <Link href="https://litmuschaos.github.io/litmus/graphql/v2.0.0/api.html">
+                                  <a
+                                    className="text-hint text-sm flex items-center hover:text-primary transition-all"
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                  >
+                                    <ApiSVG />
+                                    Full API reference
+                                  </a>
+                                </Link>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td>
+                                <Link href="https://github.com/litmuschaos/litmus-go">
+                                  <a
+                                    className="text-hint text-sm flex items-center hover:text-primary transition-all"
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                  >
+                                    <SdkSVG />
+                                    SDK
+                                  </a>
+                                </Link>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </div>
+                    </div>
+                  </div>
+                </li>
+                <li>
+                  <Link href="https://hub.litmuschaos.io/">
+                    <a
+                      className={`text-hint hover:text-primary transition-all text-xs lg:text-sm font-medium ${styles.navLink}`}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
+                      ChaosHub
+                    </a>
+                  </Link>
+                </li>
+
+                <li>
+                  <span
+                    className={`text-hint transition-all text-xs lg:text-sm font-medium cursor-pointer ${styles.navLink}`}
+                  >
+                    Community
+                  </span>
+                  <div className={styles.dropDownDesktop}>
+                    <div className={styles.overHead}></div>
+                    <div className={styles.dropDownBody}>
+                      <div className={styles.mainMenuItemCont}>
+                        <div>
+                          <Link href="/community">
+                            <a>
+                              <div className={styles.primaryLink}>
+                                <InvolvedSVG />
+                                <div>
+                                  <p
+                                    className={`text-primary text-base font-medium ${styles.involved}`}
+                                  >
+                                    Get involved
+                                  </p>
+                                  <p className="text-hint text-sm max-w-xs">
+                                    Know how to involve with Litmus Community
+                                  </p>
+                                </div>
+                              </div>
+                            </a>
+                          </Link>
+                        </div>
+                        <div>
+                          <Link href="/adopters">
+                            <a>
+                              <div className={`${styles.primaryLink} mt-4`}>
+                                <AdoptersSVG />
+                                <div>
+                                  <p
+                                    className={`text-primary text-base font-medium ${styles.adopters}`}
+                                  >
+                                    End User Adopters
+                                  </p>
+                                  <p className="text-hint text-sm max-w-xs">
+                                    Learn how innovative companies are using
+                                    LitmusChaos
+                                  </p>
+                                </div>
+                              </div>
+                            </a>
+                          </Link>
+                        </div>
+                      </div>
+                      <div className={styles.subMenuItemCont}>
+                        <div>
+                          <div className="relative mb-2">
+                            <Image
+                              src="/navbar/community-cta.png"
+                              alt="Litmus Incubation"
+                              width={300}
+                              height={190}
+                            />
+                          </div>
+                          <TextLink
+                            href="https://www.cncf.io/blog/2022/01/11/litmuschaos-becomes-a-cncf-incubating-project/"
+                            external
+                          >
+                            Read Announcement
+                          </TextLink>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </li>
+                <li>
+                  <Link href="/blog">
+                    <a
+                      className={`text-hint hover:text-primary transition-all text-xs lg:text-sm font-medium ${styles.navLink}`}
+                    >
+                      Blog
+                    </a>
+                  </Link>
+                </li>
+              </ul>
+              <RegularButton
+                external
+                href="https://github.com/litmuschaos/litmus"
+                className="z-10 ml-4 lg:ml-6"
+              >
+                <span className="flex items-center text-xs lg:text-sm">
+                  <GithubButton />
+                  Get Started
+                </span>
+              </RegularButton>
+            </div>
+            <div
+              className={`${styles.hamMenu} ${
+                isNavbarOpened ? styles.hamOpen : ""
+              }`}
+              onClick={OpenNavbar}
+            >
+              <span></span>
+              <span></span>
+            </div>
+          </nav>
+        </Container>
+        {isNavbarOpened ? (
+          <ContainerFluid className={styles.navbarMobileContFluid}>
+            <Container className={styles.navbarMobileCont}>
+              <div className={styles.linkMainCont}>
+                <ul className={styles.mobileNavbarUL}>
+                  <li>
+                    <Link href="/enterprise">
+                      <a>
+                        <span>
+                          Enterprise
+                          <MobileArrows />
+                        </span>
+                      </a>
+                    </Link>
+                  </li>
+                  <li onClick={SetDocs}>
+                    <span>
+                      Documentation
+                      <MobileArrows />
+                    </span>
+                  </li>
+                  <li>
+                    <Link href="https://hub.litmuschaos.io/">
+                      <a target="_blank" rel="noopener noreferrer">
+                        <span>
+                          ChaosHub
+                          <MobileArrows />
+                        </span>
+                      </a>
+                    </Link>
+                  </li>
+                  <li onClick={SetCommunity}>
+                    <span>
+                      Community
+                      <MobileArrows />
+                    </span>
+                  </li>
+                  <li onClick={() => openNavbar(false)}>
+                    <Link href="/blog">
+                      <a>
+                        <span>
+                          Blog
+                          <MobileArrows />
+                        </span>
+                      </a>
+                    </Link>
+                  </li>
+                </ul>
+                {docsOpen ? (
+                  <div className={styles.openMobileMenuCont}>
+                    <span className={styles.backToggle} onClick={SetDocs}>
+                      <MobileArrowBack />
+                      Documentation
+                    </span>
+                    <div className={styles.dropDownContMobile}>
+                      <Link href="https://docs.litmuschaos.io/">
+                        <a target="_blank" rel="noopener noreferrer">
+                          <div className={`flex py-4 items-center`}>
+                            <DocumentationSVG />
+                            <div className="ml-2">
+                              <p
+                                className={`text-primary text-base font-medium ${styles.documentation}`}
+                              >
+                                Documentation
+                              </p>
+                              <p className="text-hint text-sm max-w-xs">
+                                Start Chaos Engineering with LitmusChaos
+                              </p>
+                            </div>
+                          </div>
+                        </a>
+                      </Link>
+                      <table className="w-full mt-4">
+                        <thead>
                           <tr>
-                            <th className="text-disabled text-sm font-normal">
-                              POPULAR TOPICS
-                            </th>
+                            <tr>
+                              <th className="text-sm text-disabled font-medium">
+                                GET STARTED
+                              </th>
+                            </tr>
                           </tr>
+                        </thead>
+                        <tbody>
                           <tr>
                             <td>
-                              <Link href="https://docs.litmuschaos.io/docs/concepts/gitops/">
+                              <Link href="https://docs.litmuschaos.io/docs/getting-started/installation/#prerequisites">
                                 <a
-                                  className="text-hint text-sm flex items-center hover:text-primary transition-all"
+                                  className="w-full block py-1 text-sm text-hint"
                                   target="_blank"
                                   rel="noopener noreferrer"
                                 >
-                                  <GitOPS />
-                                  GitOps
+                                  Pre-requisites
                                 </a>
                               </Link>
                             </td>
                           </tr>
                           <tr>
                             <td>
-                              <Link href="https://docs.litmuschaos.io/docs/user-guides/overview/">
+                              <Link href="https://docs.litmuschaos.io/docs/getting-started/installation/">
                                 <a
-                                  className="text-hint text-sm flex items-center hover:text-primary transition-all"
+                                  className="w-full block py-1 text-sm text-hint"
                                   target="_blank"
                                   rel="noopener noreferrer"
                                 >
-                                  <UserGuideSVG />
-                                  Advanced User Guides
+                                  Installation
                                 </a>
                               </Link>
                             </td>
                           </tr>
                           <tr>
                             <td>
-                              {/* <Link href="https://docs.litmuschaos.io/docs/concepts/litmus"> */}
-                              <Link href="https://docs.litmuschaos.io/docs/architecture/overview/">
+                              <Link href="https://docs.litmuschaos.io/docs/getting-started/run-your-first-workflow/">
                                 <a
-                                  className="text-hint text-sm flex items-center hover:text-primary transition-all"
+                                  className="w-full block py-1 text-sm text-hint"
                                   target="_blank"
                                   rel="noopener noreferrer"
                                 >
-                                  <ArchitectureSVg />
-                                  Design & Architecture
+                                  Create Experiments
                                 </a>
                               </Link>
                             </td>
                           </tr>
-                        </table>
-                      </div>
-                    </div>
-                    <div
-                      className={`${styles.subMenuItemCont} flex-col justify-between`}
-                    >
-                      <table className={styles.docsDropDown}>
-                        <tbody>
-                          <tr>
-                            <th
-                              className="text-disabled text-sm
-                                 font-normal"
-                            >
-                              LEARN
-                            </th>
-                          </tr>
                           <tr>
                             <td>
-                              <Link href="https://docs.litmuschaos.io/docs/introduction/other-links/">
+                              <Link href="https://docs.litmuschaos.io/docs/user-guides/observability-set-up/">
                                 <a
-                                  className="text-hint text-sm flex items-center hover:text-primary transition-all"
+                                  className="w-full block py-1 text-sm text-hint"
                                   target="_blank"
                                   rel="noopener noreferrer"
                                 >
-                                  <ResourcesSVG />
-                                  Resources
+                                  Observe Experiments
                                 </a>
                               </Link>
                             </td>
                           </tr>
                         </tbody>
                       </table>
-                      <table className={styles.docsDropDown}>
-                        <tbody>
-                          <tr>
-                            <th
-                              className="text-disabled text-sm
-                                 font-normal"
-                            >
-                              API
-                            </th>
-                          </tr>
+                      <table className="w-full mt-4">
+                        <thead>
                           <tr>
-                            <td>
-                              <Link href="https://litmuschaos.github.io/litmus/graphql/v2.0.0/api.html">
-                                <a
-                                  className="text-hint text-sm flex items-center hover:text-primary transition-all"
-                                  target="_blank"
-                                  rel="noopener noreferrer"
-                                >
-                                  <ApiSVG />
-                                  Full API reference
-                                </a>
-                              </Link>
-                            </td>
+                            <tr>
+                              <th className="text-sm text-disabled font-medium">
+                                POPULAR TOPICS
+                              </th>
+                            </tr>
                           </tr>
+                        </thead>
+                        <tbody>
                           <tr>
                             <td>
-                              <Link href="https://github.com/litmuschaos/litmus-go">
+                              <Link href="https://docs.litmuschaos.io/docs/concepts/gitops/">
                                 <a
-                                  className="text-hint text-sm flex items-center hover:text-primary transition-all"
+                                  className="w-full flex py-1 text-sm text-hint"
                                   target="_blank"
                                   rel="noopener noreferrer"
                                 >
-                                  <SdkSVG />
-                                  SDK
+                                  <GitOPS /> GitOps
                                 </a>
                               </Link>
                             </td>
                           </tr>
-                        </tbody>
-                      </table>
-                    </div>
-                  </div>
-                </div>
-              </li>
-              <li>
-                <Link href="https://hub.litmuschaos.io/">
-                  <a
-                    className={`text-hint hover:text-primary transition-all text-xs lg:text-sm font-medium ${styles.navLink}`}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    ChaosHub
-                  </a>
-                </Link>
-              </li>
-
-              <li>
-                <span
-                  className={`text-hint transition-all text-xs lg:text-sm font-medium cursor-pointer ${styles.navLink}`}
-                >
-                  Community
-                </span>
-                <div className={styles.dropDownDesktop}>
-                  <div className={styles.overHead}></div>
-                  <div className={styles.dropDownBody}>
-                    <div className={styles.mainMenuItemCont}>
-                      <div>
-                        <Link href="/community">
-                          <a>
-                            <div className={styles.primaryLink}>
-                              <InvolvedSVG />
-                              <div>
-                                <p
-                                  className={`text-primary text-base font-medium ${styles.involved}`}
-                                >
-                                  Get involved
-                                </p>
-                                <p className="text-hint text-sm max-w-xs">
-                                  Know how to involve with Litmus Community
-                                </p>
-                              </div>
-                            </div>
-                          </a>
-                        </Link>
-                      </div>
-                      <div>
-                        <Link href="/adopters">
-                          <a>
-                            <div className={`${styles.primaryLink} mt-4`}>
-                              <AdoptersSVG />
-                              <div>
-                                <p
-                                  className={`text-primary text-base font-medium ${styles.adopters}`}
-                                >
-                                  End User Adopters
-                                </p>
-                                <p className="text-hint text-sm max-w-xs">
-                                  Learn how innovative companies are using
-                                  LitmusChaos
-                                </p>
-                              </div>
-                            </div>
-                          </a>
-                        </Link>
-                      </div>
-                    </div>
-                    <div className={styles.subMenuItemCont}>
-                      <div>
-                        <div className="relative mb-2">
-                          <Image
-                            src="/navbar/community-cta.png"
-                            alt="Litmus Incubation"
-                            width={300}
-                            height={190}
-                          />
-                        </div>
-                        <TextLink
-                          href="https://www.cncf.io/blog/2022/01/11/litmuschaos-becomes-a-cncf-incubating-project/"
-                          external
-                        >
-                          Read Announcement
-                        </TextLink>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </li>
-              <li>
-                <Link href="/blog">
-                  <a
-                    className={`text-hint hover:text-primary transition-all text-xs lg:text-sm font-medium ${styles.navLink}`}
-                  >
-                    Blog
-                  </a>
-                </Link>
-              </li>
-            </ul>
-            <RegularButton
-              external
-              href="https://github.com/litmuschaos/litmus"
-              className="z-10 ml-4 lg:ml-6"
-            >
-              <span className="flex items-center text-xs lg:text-sm">
-                <GithubButton />
-                Get Started
-              </span>
-            </RegularButton>
-          </div>
-          <div
-            className={`${styles.hamMenu} ${
-              isNavbarOpened ? styles.hamOpen : ""
-            }`}
-            onClick={OpenNavbar}
-          >
-            <span></span>
-            <span></span>
-          </div>
-        </nav>
-      </Container>
-      {isNavbarOpened ? (
-        <ContainerFluid className={styles.navbarMobileContFluid}>
-          <Container className={styles.navbarMobileCont}>
-            <div className={styles.linkMainCont}>
-              <ul className={styles.mobileNavbarUL}>
-                <li>
-                  <Link href="/enterprise">
-                    <a>
-                      <span>
-                        Enterprise
-                        <MobileArrows />
-                      </span>
-                    </a>
-                  </Link>
-                </li>
-                <li onClick={SetDocs}>
-                  <span>
-                    Documentation
-                    <MobileArrows />
-                  </span>
-                </li>
-                <li>
-                  <Link href="https://hub.litmuschaos.io/">
-                    <a target="_blank" rel="noopener noreferrer">
-                      <span>
-                        ChaosHub
-                        <MobileArrows />
-                      </span>
-                    </a>
-                  </Link>
-                </li>
-                <li onClick={SetCommunity}>
-                  <span>
-                    Community
-                    <MobileArrows />
-                  </span>
-                </li>
-                <li onClick={() => openNavbar(false)}>
-                  <Link href="/blog">
-                    <a>
-                      <span>
-                        Blog
-                        <MobileArrows />
-                      </span>
-                    </a>
-                  </Link>
-                </li>
-              </ul>
-              {docsOpen ? (
-                <div className={styles.openMobileMenuCont}>
-                  <span className={styles.backToggle} onClick={SetDocs}>
-                    <MobileArrowBack />
-                    Documentation
-                  </span>
-                  <div className={styles.dropDownContMobile}>
-                    <Link href="https://docs.litmuschaos.io/">
-                      <a target="_blank" rel="noopener noreferrer">
-                        <div className={`flex py-4 items-center`}>
-                          <DocumentationSVG />
-                          <div className="ml-2">
-                            <p
-                              className={`text-primary text-base font-medium ${styles.documentation}`}
-                            >
-                              Documentation
-                            </p>
-                            <p className="text-hint text-sm max-w-xs">
-                              Start Chaos Engineering with LitmusChaos
-                            </p>
-                          </div>
-                        </div>
-                      </a>
-                    </Link>
-                    <table className="w-full mt-4">
-                      <thead>
-                        <tr>
-                          <tr>
-                            <th className="text-sm text-disabled font-medium">
-                              GET STARTED
-                            </th>
-                          </tr>
-                        </tr>
-                      </thead>
-                      <tbody>
-                        <tr>
-                          <td>
-                            <Link href="https://docs.litmuschaos.io/docs/getting-started/installation/#prerequisites">
-                              <a
-                                className="w-full block py-1 text-sm text-hint"
-                                target="_blank"
-                                rel="noopener noreferrer"
-                              >
-                                Pre-requisites
-                              </a>
-                            </Link>
-                          </td>
-                        </tr>
-                        <tr>
-                          <td>
-                            <Link href="https://docs.litmuschaos.io/docs/getting-started/installation/">
-                              <a
-                                className="w-full block py-1 text-sm text-hint"
-                                target="_blank"
-                                rel="noopener noreferrer"
-                              >
-                                Installation
-                              </a>
-                            </Link>
-                          </td>
-                        </tr>
-                        <tr>
-                          <td>
-                            <Link href="https://docs.litmuschaos.io/docs/getting-started/run-your-first-workflow/">
-                              <a
-                                className="w-full block py-1 text-sm text-hint"
-                                target="_blank"
-                                rel="noopener noreferrer"
-                              >
-                                Create Experiments
-                              </a>
-                            </Link>
-                          </td>
-                        </tr>
-                        <tr>
-                          <td>
-                            <Link href="https://docs.litmuschaos.io/docs/user-guides/observability-set-up/">
-                              <a
-                                className="w-full block py-1 text-sm text-hint"
-                                target="_blank"
-                                rel="noopener noreferrer"
-                              >
-                                Observe Experiments
-                              </a>
-                            </Link>
-                          </td>
-                        </tr>
-                      </tbody>
-                    </table>
-                    <table className="w-full mt-4">
-                      <thead>
-                        <tr>
-                          <tr>
-                            <th className="text-sm text-disabled font-medium">
-                              POPULAR TOPICS
-                            </th>
-                          </tr>
-                        </tr>
-                      </thead>
-                      <tbody>
-                        <tr>
-                          <td>
-                            <Link href="https://docs.litmuschaos.io/docs/concepts/gitops/">
-                              <a
-                                className="w-full flex py-1 text-sm text-hint"
-                                target="_blank"
-                                rel="noopener noreferrer"
-                              >
-                                <GitOPS /> GitOps
-                              </a>
-                            </Link>
-                          </td>
-                        </tr>
-                        <tr>
-                          <td>
-                            <Link href="https://docs.litmuschaos.io/docs/user-guides/overview/">
-                              <a
-                                className="w-full flex py-1 text-sm text-hint"
-                                target="_blank"
-                                rel="noopener noreferrer"
-                              >
-                                <UserGuideSVG /> Advanced User Guides
-                              </a>
-                            </Link>
-                          </td>
-                        </tr>
-                        <tr>
-                          <td>
-                            {/* <Link href="https://docs.litmuschaos.io/docs/concepts/litmus/"> */}
-                            <Link href="https://docs.litmuschaos.io/docs/architecture/overview/">
-                              <a
-                                className="w-full flex py-1 text-sm text-hint"
-                                target="_blank"
-                                rel="noopener noreferrer"
-                              >
-                                <ArchitectureSVg /> Design & Architecture
-                              </a>
-                            </Link>
-                          </td>
-                        </tr>
-                        <tr>
-                          <td>
-                            <Link href="https://docs.litmuschaos.io/docs/concepts/workflow-statistics/">
-                              <a
-                                className="w-full flex py-1 text-sm text-hint"
-                                target="_blank"
-                                rel="noopener noreferrer"
-                              >
-                                <ObservablitySVG /> Observability
-                              </a>
-                            </Link>
-                          </td>
-                        </tr>
-                      </tbody>
-                    </table>
-                    <div className={styles.secondaryLinks}>
-                      <table className="w-full">
-                        <thead>
-                          <tr>
-                            <tr>
-                              <th className="text-sm text-disabled font-medium">
-                                LEARN
-                              </th>
-                            </tr>
-                          </tr>
-                        </thead>
-                        <tbody>
                           <tr>
                             <td>
-                              <Link href="https://docs.litmuschaos.io/docs/introduction/other-links/">
+                              <Link href="https://docs.litmuschaos.io/docs/user-guides/overview/">
                                 <a
                                   className="w-full flex py-1 text-sm text-hint"
                                   target="_blank"
                                   rel="noopener noreferrer"
                                 >
-                                  <ResourcesSVG /> Resources
+                                  <UserGuideSVG /> Advanced User Guides
                                 </a>
                               </Link>
                             </td>
                           </tr>
-                        </tbody>
-                      </table>
-                      <table className="w-full mt-4">
-                        <thead>
-                          <tr>
-                            <tr>
-                              <th className="text-sm text-disabled font-medium">
-                                API
-                              </th>
-                            </tr>
-                          </tr>
-                        </thead>
-                        <tbody>
                           <tr>
                             <td>
-                              <Link href="https://litmuschaos.github.io/litmus/graphql/v2.0.0/api.html">
+                              {/* <Link href="https://docs.litmuschaos.io/docs/concepts/litmus/"> */}
+                              <Link href="https://docs.litmuschaos.io/docs/architecture/overview/">
                                 <a
                                   className="w-full flex py-1 text-sm text-hint"
                                   target="_blank"
                                   rel="noopener noreferrer"
                                 >
-                                  <ApiSVG /> Full API reference
+                                  <ArchitectureSVg /> Design & Architecture
                                 </a>
                               </Link>
                             </td>
                           </tr>
                           <tr>
                             <td>
-                              <Link href="https://github.com/litmuschaos/litmus-go">
+                              <Link href="https://docs.litmuschaos.io/docs/concepts/workflow-statistics/">
                                 <a
                                   className="w-full flex py-1 text-sm text-hint"
                                   target="_blank"
                                   rel="noopener noreferrer"
                                 >
-                                  <SdkSVG /> SDK
+                                  <ObservablitySVG /> Observability
                                 </a>
                               </Link>
                             </td>
                           </tr>
                         </tbody>
                       </table>
+                      <div className={styles.secondaryLinks}>
+                        <table className="w-full">
+                          <thead>
+                            <tr>
+                              <tr>
+                                <th className="text-sm text-disabled font-medium">
+                                  LEARN
+                                </th>
+                              </tr>
+                            </tr>
+                          </thead>
+                          <tbody>
+                            <tr>
+                              <td>
+                                <Link href="https://docs.litmuschaos.io/docs/introduction/other-links/">
+                                  <a
+                                    className="w-full flex py-1 text-sm text-hint"
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                  >
+                                    <ResourcesSVG /> Resources
+                                  </a>
+                                </Link>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                        <table className="w-full mt-4">
+                          <thead>
+                            <tr>
+                              <tr>
+                                <th className="text-sm text-disabled font-medium">
+                                  API
+                                </th>
+                              </tr>
+                            </tr>
+                          </thead>
+                          <tbody>
+                            <tr>
+                              <td>
+                                <Link href="https://litmuschaos.github.io/litmus/graphql/v2.0.0/api.html">
+                                  <a
+                                    className="w-full flex py-1 text-sm text-hint"
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                  >
+                                    <ApiSVG /> Full API reference
+                                  </a>
+                                </Link>
+                              </td>
+                            </tr>
+                            <tr>
+                              <td>
+                                <Link href="https://github.com/litmuschaos/litmus-go">
+                                  <a
+                                    className="w-full flex py-1 text-sm text-hint"
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                  >
+                                    <SdkSVG /> SDK
+                                  </a>
+                                </Link>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </div>
                     </div>
                   </div>
-                </div>
-              ) : (
-                ""
-              )}
+                ) : (
+                  ""
+                )}
 
-              {communityOpen ? (
-                <div className={styles.openMobileMenuCont}>
-                  <span className={styles.backToggle} onClick={SetCommunity}>
-                    <MobileArrowBack />
-                    Community
-                  </span>
-                  <div className={styles.dropDownContMobile}>
-                    <Link href="/community">
-                      <a>
-                        <div className={`flex py-4 items-center`}>
-                          <InvolvedSVG />
-                          <div className="ml-2">
-                            <p
-                              className={`text-primary text-base font-medium ${styles.documentation}`}
-                            >
-                              Get involved
-                            </p>
-                            <p className="text-hint text-sm max-w-xs">
-                              Know how to involve with Litmus Community
-                            </p>
+                {communityOpen ? (
+                  <div className={styles.openMobileMenuCont}>
+                    <span className={styles.backToggle} onClick={SetCommunity}>
+                      <MobileArrowBack />
+                      Community
+                    </span>
+                    <div className={styles.dropDownContMobile}>
+                      <Link href="/community">
+                        <a>
+                          <div className={`flex py-4 items-center`}>
+                            <InvolvedSVG />
+                            <div className="ml-2">
+                              <p
+                                className={`text-primary text-base font-medium ${styles.documentation}`}
+                              >
+                                Get involved
+                              </p>
+                              <p className="text-hint text-sm max-w-xs">
+                                Know how to involve with Litmus Community
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </a>
-                    </Link>
-                    <Link href="/adopters">
-                      <a>
-                        <div className={`flex py-4 items-center`}>
-                          <AdoptersSVG />
-                          <div className="ml-2">
-                            <p
-                              className={`text-primary text-base font-medium ${styles.documentation}`}
-                            >
-                              End User Adopters
-                            </p>
-                            <p className="text-hint text-sm max-w-xs">
-                              Learn how innovative companies are using
-                              LitmusChaos
-                            </p>
+                        </a>
+                      </Link>
+                      <Link href="/adopters">
+                        <a>
+                          <div className={`flex py-4 items-center`}>
+                            <AdoptersSVG />
+                            <div className="ml-2">
+                              <p
+                                className={`text-primary text-base font-medium ${styles.documentation}`}
+                              >
+                                End User Adopters
+                              </p>
+                              <p className="text-hint text-sm max-w-xs">
+                                Learn how innovative companies are using
+                                LitmusChaos
+                              </p>
+                            </div>
                           </div>
+                        </a>
+                      </Link>
+                      <div className={styles.secondaryLinks}>
+                        <span className="text-sm text-disabled font-medium block mb-4">
+                          COMMUNITY UPDATES
+                        </span>
+                        <div className={styles.mobileSecondaryLinkCont}>
+                          <Image
+                            src="/navbar/community-cta.png"
+                            alt="Litmus Incubation"
+                            width={300}
+                            height={190}
+                          />
                         </div>
-                      </a>
-                    </Link>
-                    <div className={styles.secondaryLinks}>
-                      <span className="text-sm text-disabled font-medium block mb-4">
-                        COMMUNITY UPDATES
-                      </span>
-                      <div className={styles.mobileSecondaryLinkCont}>
-                        <Image
-                          src="/navbar/community-cta.png"
-                          alt="Litmus Incubation"
-                          width={300}
-                          height={190}
-                        />
+                        <TextLink
+                          href="https://www.cncf.io/blog/2022/01/11/litmuschaos-becomes-a-cncf-incubating-project/"
+                          external
+                          className="mt-3 block"
+                        >
+                          Read Announcement
+                        </TextLink>
                       </div>
-                      <TextLink
-                        href="https://www.cncf.io/blog/2022/01/11/litmuschaos-becomes-a-cncf-incubating-project/"
-                        external
-                        className="mt-3 block"
-                      >
-                        Read Announcement
-                      </TextLink>
                     </div>
                   </div>
-                </div>
-              ) : (
-                ""
-              )}
-            </div>
-          </Container>
-        </ContainerFluid>
-      ) : (
-        ""
-      )}
-    </div>
+                ) : (
+                  ""
+                )}
+              </div>
+            </Container>
+          </ContainerFluid>
+        ) : (
+          ""
+        )}
+      </div>
+      <div className="sticky top-[70px] z-40 py-4 px-2 bg-[#979cd9]">
+        <Container className="flex items-center justify-center">
+          <p className="text-white font-semibold text-xs md:text-sm text-center">
+            LitmusChaosCon 2024 on September 12th!{" "}
+            <Link href="https://community.cncf.io/events/details/cncf-virtual-project-events-2024-hosted-by-cncf-presents-litmuschaoscon-virtual/">
+              <a
+                target="_blank"
+                rel="noopener noreferrer"
+                className="underline"
+              >
+                Register now(Free)
+              </a>
+            </Link>{" "}
+            or{" "}
+            <Link href="https://sessionize.com/litmuschaoscon/">
+              <a
+                target="_blank"
+                rel="noopener noreferrer"
+                className="underline"
+              >
+                submit a talk proposal
+              </a>
+            </Link>{" "}
+            submit a talk proposal(last date: June 24th)
+          </p>
+        </Container>
+      </div>
+    </>
   )
 }
 
diff --git a/components/homepage/Community.jsx b/components/homepage/Community.jsx
index b8c2c56..a40a08a 100644
--- a/components/homepage/Community.jsx
+++ b/components/homepage/Community.jsx
@@ -1,3 +1,4 @@
+import React from "react"
 import { eventUtils } from "@components/homepage/utils/eventUtils"
 import { TextLink } from "@includes/CTA"
 import styles from "@includes/scss/Hero.module.scss"
@@ -132,7 +133,7 @@ const Community = () => {
   const [curr, setCurr] = useState(0)
   const delay = 4500
 
-  // useEffect(() => {
+  // React.useEffect(() => {
   //   setTimeout(
   //     () =>
   //       setCurr(prevIndex =>
diff --git a/components/homepage/UpcomingEvent.jsx b/components/homepage/UpcomingEvent.jsx
index bd48fc0..b7c4855 100644
--- a/components/homepage/UpcomingEvent.jsx
+++ b/components/homepage/UpcomingEvent.jsx
@@ -22,17 +22,22 @@ const UpcomingEvent = () => {
             <div className={styles.topText}>
               <p className={styles.gradText}>UPCOMING COMMUNITY EVENT</p>
               <h3 className="text-xl sm:text-2xl md:text-3xl font-medium mt-2 text-primary">
-                KubeCon EU
+                LitmusChaosCon
               </h3>
               <h4 className="text-base sm:text-lg md:text-xl font-medium text-primary mt-1 md:mt-4">
-                {GetLocalTime("19 Mar 2024 00:00:00 +0530").dateString} -{" "}
-                {GetLocalTime("22 Mar 2024 00:00:00 +0530").dateString}
+                {GetLocalTime("12 Sep 2024 00:00:00 +0530").dateString}
               </h4>
-              <Paragraph>Project Booth No. PP2-A</Paragraph>
+              <Paragraph>
+                LitmusChaos Con is an event surrounding all things LitmusChaos
+                and Chaos Engineering. It is a platform for SREs, QA Engineers,
+                Developers, Performance Engineers and Students to exchange their
+                ideas, experience, contribution stories and usage of
+                LitmusChaos.
+              </Paragraph>
             </div>
             <TextLink
               external
-              href="https://events.linuxfoundation.org/kubecon-cloudnativecon-europe/"
+              href="https://community.cncf.io/events/details/cncf-virtual-project-events-2024-hosted-by-cncf-presents-litmuschaoscon-virtual/"
             >
               See Event Details
             </TextLink>
diff --git a/components/homepage/utils/eventUtils.js b/components/homepage/utils/eventUtils.js
index baa0a49..4be39ce 100644
--- a/components/homepage/utils/eventUtils.js
+++ b/components/homepage/utils/eventUtils.js
@@ -1,12 +1,11 @@
 export const eventUtils = [
   {
-    type: "Featured Blog",
-    title: "Unveiling LitmusChaos 3.0",
-    content:
-      "We are thrilled to announce the release of LitmusChaos 3.0, signifying a remarkable advancement in the field of Chaos Engineering.",
+    type: "Featured Video",
+    title: "Getting Started With LitmusChaos 3.x",
+    content: "This video will help you get started with LitmusChaos 3.x.",
     img_url: "litmus.png",
-    link_text: "Read Blog",
-    link: "https://www.cncf.io/blog/2023/10/05/unveiling-litmuschaos-3-0-embracing-evolution-in-chaos-engineering/"
+    link_text: "Checkout Video",
+    link: "https://www.youtube.com/watch?v=wnEYugH7kW0"
   },
   {
     type: "Featured Blog",
@@ -18,13 +17,13 @@ export const eventUtils = [
     link: "https://www.cncf.io/blog/2023/07/19/building-resilience-with-chaos-engineering-and-litmus/"
   },
   {
-    type: "KubeCon Europe, 2023",
-    title: "Security Controls for Safe Chaos Experimentation",
+    type: "Featured Video",
+    title: "Fostering a Chaos First Mindset in Platform Engineering",
     content:
-      "An increasingly popular discipline that has added newer personas to its practitioner base in recent times, chaos engineering comes with its own security challenges.",
+      "Don't miss out! Join us at our next Flagship Conference: KubeCon + CloudNativeCon North America in Salt Lake City",
     img_url: "video.png",
     link_text: "Checkout Video",
-    link: "https://www.youtube.com/watch?v=whCkvLKAw74"
+    link: "https://youtu.be/WUXFKxgZRsk?si=lDao5xmJapERyjKz"
   },
   {
     type: "Get involved",
diff --git a/public/landing_images/community/litmus.png b/public/landing_images/community/litmus.png
index 96bfafc..bbf27c4 100644
Binary files a/public/landing_images/community/litmus.png and b/public/landing_images/community/litmus.png differ
diff --git a/public/landing_images/community/video.png b/public/landing_images/community/video.png
index ce94167..c070934 100644
Binary files a/public/landing_images/community/video.png and b/public/landing_images/community/video.png differ
diff --git a/public/landing_images/nextEvent.png b/public/landing_images/nextEvent.png
index c65938c..9971d29 100644
Binary files a/public/landing_images/nextEvent.png and b/public/landing_images/nextEvent.png differ