diff --git a/src/assets/images/recognition-program/recognition-program.png b/src/assets/images/recognition-program/recognition-program.png
new file mode 100644
index 000000000000..2e8ab7878d87
Binary files /dev/null and b/src/assets/images/recognition-program/recognition-program.png differ
diff --git a/src/collections/blog/2021/2021-09-01-announcing-fall-interns/index.mdx b/src/collections/blog/2021/2021-09-01-announcing-fall-interns/index.mdx
index b5ff223781b0..5494dcf4fd7f 100644
--- a/src/collections/blog/2021/2021-09-01-announcing-fall-interns/index.mdx
+++ b/src/collections/blog/2021/2021-09-01-announcing-fall-interns/index.mdx
@@ -22,13 +22,11 @@ import { BlogWrapper } from "../../Blog.style.js";
 
 <BlogWrapper>
 
-{" "}
 
 <div className="intro">
   <p>
     Layer5 participates in many
     <Link className="blog" to="/careers/programs">
-      {" "}
       open source internship programs
     </Link>. We seek out existing contributors who actively reflect the culture and
     principles of Layer5 to participate in these programs. Here are the Fall of 2021's
@@ -102,7 +100,6 @@ So, I started working on myself. After I got the fundamentals clear, I wanted to
 
 Some of my seniors, who had the best interest in me, encouraged me to get into open source, but I did not take it seriously because I felt intimidated by the idea. I instead thought I would look for some open source internships that way I would have someone mentoring me and that would help me in starting my open source journey. I went through many programs but most of them were closed at that time, except, Meshery in LFX. I thought, this is the only choice I have, let's do it, I had nothing to lose. I applied for that program and as a prerequisite, I had to engage with the community. I looked at the community calendar and I saw that there was a newcomer's call that day and I attended it. I have never had such a warm welcome in any other communities.
 
-{" "}
 
 </p>
 <p>
diff --git a/src/collections/members/harkirat/index.mdx b/src/collections/members/harkirat/index.mdx
index 7f4060b23d16..3be1f0a6c818 100644
--- a/src/collections/members/harkirat/index.mdx
+++ b/src/collections/members/harkirat/index.mdx
@@ -13,6 +13,6 @@ He is Open to collaborate on Projects and Believes in Learning By Doing."
 badges:
 - meshery
 - meshmap
-status: Active
+status: Inactive
 published: true
----
\ No newline at end of file
+---
diff --git a/src/collections/service-mesh-books/the-enterprise-path-to-service-mesh-architectures-2nd-Edition/index.mdx b/src/collections/service-mesh-books/the-enterprise-path-to-service-mesh-architectures-2nd-Edition/index.mdx
index 38e24cd17048..7bb3f6aea2be 100644
--- a/src/collections/service-mesh-books/the-enterprise-path-to-service-mesh-architectures-2nd-Edition/index.mdx
+++ b/src/collections/service-mesh-books/the-enterprise-path-to-service-mesh-architectures-2nd-Edition/index.mdx
@@ -48,7 +48,7 @@ This updated edition discusses several service meshes available and the tools yo
     <span
       dangerouslySetInnerHTML={{
         __html:
-          'While waiting for your copy to arrive, take a free <a href="https://layer5.io/learn/learning-path">learning path</a>.',
+          'While waiting for your copy to arrive, take a free <a href="https://layer5.io/learn/learning-paths">learning path</a>.',
       }}
     />
   }
diff --git a/src/collections/service-mesh-books/the-enterprise-path-to-service-mesh-architectures/index.mdx b/src/collections/service-mesh-books/the-enterprise-path-to-service-mesh-architectures/index.mdx
index 61df6e1c0161..a82036cc9e7d 100644
--- a/src/collections/service-mesh-books/the-enterprise-path-to-service-mesh-architectures/index.mdx
+++ b/src/collections/service-mesh-books/the-enterprise-path-to-service-mesh-architectures/index.mdx
@@ -49,7 +49,7 @@ Three most important things readers will learn from this book:
     <span
       dangerouslySetInnerHTML={{
         __html:
-          'While waiting for your copy to arrive, take a free <a href="https://layer5.io/learn/learning-path">learning path</a>.',
+          'While waiting for your copy to arrive, take a free <a href="https://layer5.io/learn/learning-paths">learning path</a>.',
       }}
     />
   }
diff --git a/src/components/Contact-Modal/index.js b/src/components/Contact-Modal/index.js
index daccf222d9ff..2be99b2479e3 100644
--- a/src/components/Contact-Modal/index.js
+++ b/src/components/Contact-Modal/index.js
@@ -21,7 +21,7 @@ const ContactFormModal = (props) => {
 
   return (
     <ContactFormModalWrapper>
-      <Button primary className="open-modal-btn" onClick={openModal} title={props.callout_text} />
+      <Button secondary className="open-modal-btn" onClick={openModal} title={props.callout_text} />
       <Modal
         isOpen={modalIsOpen}
         onRequestClose={closeModal}
diff --git a/src/sections/Community/Handbook/repo-data.js b/src/sections/Community/Handbook/repo-data.js
index e473285c8d39..6ca74ed1b9bf 100644
--- a/src/sections/Community/Handbook/repo-data.js
+++ b/src/sections/Community/Handbook/repo-data.js
@@ -18,6 +18,7 @@ import smiLogo from "../../../assets/images/service-mesh-icons/service-mesh-inte
 import appmeshLogo from "../../../assets/images/service-mesh-icons/aws-app-mesh.svg";
 import ciliumLogo from "../../../assets/images/service-mesh-icons/cilium.svg";
 import wasm from "../../../assets/images/webassembly/webssembly_icon.svg";
+import recognitionLogo from "../../../assets/images/recognition-program/recognition-program.png";
 
 export const repo_data = [
   {
@@ -126,6 +127,15 @@ export const repo_data = [
         link: ["https://layer5.io/community/members/pranav-singh"],
         repository: "https://github.com/layer5io/meshery-cloud",
         accessRequired: "*program participation required"
+      },
+      {
+        project: "Recognition Program",
+        image: recognitionLogo,
+        site: "https://badges.layer5.io/",
+        language: "Gatsby",
+        maintainers_name: ["Vacant"],
+        link: ["https://badges.layer5.io"],
+        repository: "https://github.com/layer5labs/meshery-extensions-packages/"
       }
     ],
   },
diff --git a/src/sections/Company/Brand/Brand-components/stickfigures.js b/src/sections/Company/Brand/Brand-components/stickfigures.js
index d59d799ff072..847ae204b202 100644
--- a/src/sections/Company/Brand/Brand-components/stickfigures.js
+++ b/src/sections/Company/Brand/Brand-components/stickfigures.js
@@ -10,7 +10,7 @@ const StickFigures = () => {
       <Row className="brand-section">
         <Col xs={12} sm={6}>
           <h1 className="layerH3">
-            <strong> Stick Figures </strong>
+            <strong> Five, our mascot </strong>
           </h1>
         </Col>
         <Col xs={12} sm={6} className="download-button">
@@ -22,8 +22,8 @@ const StickFigures = () => {
         </Col>
         <Col>
           <p>
-            Introducing stick figures, a playful and dynamic visual language
-            that captures the essence of Layer5.io. These charming and
+            Introducing Five, a playful and dynamic visual language
+            that captures the essence of Layer5. These charming and
             minimalist illustrations serve as the perfect embodiment of
             our brand's values and offerings.
           </p>
@@ -36,7 +36,7 @@ const StickFigures = () => {
         </Col>
         <Row Vcenter className="ImgDiv">
           <Col xs={12} className="stick-figure">
-            <img src={SFL} alt="Stick figures" />
+            <img src={SFL} alt="Layer5 Mascot, Five" />
           </Col>
         </Row>
       </Row>
diff --git a/src/sections/Company/Brand/index.js b/src/sections/Company/Brand/index.js
index ec59a7a9b154..90924e91c4fc 100644
--- a/src/sections/Company/Brand/index.js
+++ b/src/sections/Company/Brand/index.js
@@ -118,7 +118,7 @@ const Brand = () => {
     { section: "MeshMate", ref: meshmateRef },
     { section: "MeshMaster", ref: meshMasterRef },
     { section: "MeshMap", ref: meshmapRef },
-    { section: "StickFigures", ref: stickfiguresRef }
+    { section: "Five", ref: stickfiguresRef }
   ];
 
   useEffect(() => {
@@ -334,13 +334,13 @@ const Brand = () => {
             </p>
             <p
               className={`header_link ${
-                visibleSection === "StickFigures" ? "selected" : ""
+                visibleSection === "Five" ? "selected" : ""
               }`}
               onClick={() => {
                 scrollTo(stickfiguresRef.current);
               }}
             >
-              <span> Stick Figures </span>
+              <span> Five, our mascot </span>
             </p>
           </nav>
         </Col>
diff --git a/src/sections/Meshery/Meshery-integrations/Integration.style.js b/src/sections/Meshery/Meshery-integrations/Integration.style.js
index bd7e0965118c..07d9b3c26db9 100755
--- a/src/sections/Meshery/Meshery-integrations/Integration.style.js
+++ b/src/sections/Meshery/Meshery-integrations/Integration.style.js
@@ -195,13 +195,13 @@ export const IntegrationCard = styled.div`
     }
   }
 
-  .open-modal-btn {
-    background-color: #00b39f;
-    color: white;
-    :hover {
-      color: black;
-    }
-  }
+  // . {
+  //   background-color: #00b39f;
+  //   color: white;
+  //   :hover {
+  //     color: black;
+  //   }
+  // }
 `;
 
 export const IntegrationSlider = styled(Slider)`
diff --git a/src/sections/app.style.js b/src/sections/app.style.js
index 65dd39ae072b..b851f38f6c5a 100644
--- a/src/sections/app.style.js
+++ b/src/sections/app.style.js
@@ -212,7 +212,7 @@ section{
 .Overlay {
     position: fixed;
     inset: 0px;
-    background-color: rgba(255, 255, 255, 0.75);
+    background-color: rgba(0, 0, 0, 0.75);
     z-index: 9999;
     overflowY: auto;
 }