Feature/ux improvements - This PR updates a line from PR #3091 causing wrong brand color. Apologies for the oversight!

docs/docusaurus.config.ts

@@ -84,10 +84,10 @@ const config: Config = {
           target: "_self",
         },
         {
+          to: "/docs",
+          activeBasePath: "docs",
           label: "API Guide",
           position: "left",
-          href: "/docs",
-          target: "_self",
         },
         {
           label: "Demo",
@@ -111,15 +111,6 @@ const config: Config = {
     footer: {
       style: "dark",
       links: [
-        {
-          title: "Docs",
-          items: [
-            {
-              label: "Docs",
-              to: "/docs",
-            },
-          ],
-        },
         {
           title: "Community",
           items: [
@@ -171,7 +162,7 @@ const config: Config = {
           ],
         },
       ],
-      copyright: `Copyright © ${new Date().getFullYear()} My Project, Inc. Built with Docusaurus.`,
+      copyright: `Copyright © ${new Date().getFullYear()} The Palisadoes Foundation, LLC. Built with Docusaurus.`,
     },
     prism: {
       theme: prismThemes.github,

docs/src/components/layout/HeaderHero.tsx

@@ -1,42 +1,19 @@
 import React from "react";
 import  Section  from "../../utils/Section";
-import  TwoColumns  from "../../utils/TwoColumns";
 import  HomeCallToAction  from "../../utils/HomeCallToAction";
-import useBaseUrl from "@docusaurus/useBaseUrl";
 
 
 function HeaderHero() {
   return (
     <Section background="light" className="HeaderHero">
-      <div className="socialLinks"></div>
-      <TwoColumns
-        reverse
-        columnOne={
-          <div className="image-container">
-            <img
-              className="custom-image bounce-animation"
-              src={useBaseUrl("img/image-01.png")}
-              alt="Talawa member management software interface showcase"
-              loading="lazy"
-              // srcSet={`${useBaseUrl("img/image-01.png")} 1x, ${useBaseUrl("img/[email protected]")} 2x`}
-            />
-          </div>
-        }
-        columnTwo={
-          <>
-           <h1 className="title" aria-label="Talawa - Member Management Software">
-            <span>Talawa</span>
-            <span className="tagline">Member Management Software</span>
-          </h1>
-          <p className="description" aria-label="Target audience description">
-            For open source projects, charities and other non-profits
-          </p>
-            <div className="buttons">
-              <HomeCallToAction />
-            </div>
-          </>
-        }
-      />
+      <h1 className="title">Talawa</h1>
+      <h2 className="tagline">API Docs</h2>
+      <p className="description">
+      API Backend for Talawa Admin and Talawa Mobile App
+      </p>
+      <div className="buttons">
+        <HomeCallToAction />
+      </div>
     </Section>
   );
 }