diff --git a/src/sections/Community/Members-grid/index.js b/src/sections/Community/Members-grid/index.js
index 300fc0444639..2ed1db12c627 100644
--- a/src/sections/Community/Members-grid/index.js
+++ b/src/sections/Community/Members-grid/index.js
@@ -12,8 +12,10 @@ import VintageBox from "../../../reusecore/VintageBox";
 // Assets
 import { MembersGridWrapper } from "./membersGrid.style";
 import communityImg from "../../../assets/images/community/community-green.svg";
+import badgeImg from "../../../assets/images/recognition-program/recognition-program.png";
 import { FaBook } from "@react-icons/all-files/fa/FaBook";
 import { FaUsers } from "@react-icons/all-files/fa/FaUsers";
+import { FaCertificate } from "@react-icons/all-files/fa/FaCertificate";
 
 const MembersGrid = (props) => {
   return (
@@ -32,6 +34,7 @@ const MembersGrid = (props) => {
               ))}
             </Row>
           </div>
+          
           <div className="AboutCommunity">
             <div>
               <h3 className="sectionTitle">Community Membership</h3>
@@ -108,6 +111,67 @@ const MembersGrid = (props) => {
               </div>
             </div>
           </div>
+          <div className="AboutCommunity">
+            <div>
+              <h3 className="sectionTitle">Recognition Program</h3>
+                <img className="Badge_img" src={badgeImg} alt="Layer5 Community" style={{
+                    marginLeft: "3rem",
+                    width: "20.75rem",
+                    height: "auto",
+                    marginTop: 0
+              }}/>
+            </div>
+            <div className="detailsCommunity">
+              <p>
+              Layer5 badges are one of the many ways that we recognize the efforts
+              of our contributors and uplift our users. Layer5 badges represent milestones
+              that you achieve both in using and in contributing to Layer5-supported
+              open source projects. As a contributor, this is how you demonstrate your ownership,
+              dedication, skills and loyalty to Layer5. As a user,
+              this is how you demonstrate your prowess.
+              </p>
+              <p>
+                Whether as a user or a contributor,
+                community members are awarded badges as and when they
+                achieve any number of different milestones throughout
+                their journey whether that accomplishment lie within a
+                community activity or an aspect of using or contributing to a project.
+                Every community member, whether contributing with code or not,
+                has the opportunity to obtain any number of badges in
+                recognition of your achievements.
+              </p>
+              <p>
+              See what badges you can earn by visiting the Layer5 badges site. Collect the whole set!
+              </p>
+
+              {/* <p className="text-gray">Would you like to participate?</p> */}
+              <div className="">
+                <VintageBox right={true} vintageOne={true}>
+                  <Button
+                    primary
+                    className="banner-btn memberProfileBtn"
+                    title="Collect Badges"
+                    url="https://badges.layer5.io/"
+                    external={true}
+                    style={{
+                      marginLeft: 0,
+                    }}
+                  >
+                    <FaCertificate size={21} className="icon-left" />
+                  </Button>
+                  <Button
+                    secondary
+                    className="banner-btn two memberProfileBtn"
+                    title="Join the Community"
+                    url="https://slack.layer5.io"
+                  >
+                    <FaUsers size={21} className="icon-left" />
+                  </Button>
+                </VintageBox>
+              </div>
+            </div>
+            
+          </div>
         </Container>
       </div>
     </MembersGridWrapper>
diff --git a/src/sections/Community/Members-grid/membersGrid.style.js b/src/sections/Community/Members-grid/membersGrid.style.js
index 6c483d73c775..2252c6b67c4f 100644
--- a/src/sections/Community/Members-grid/membersGrid.style.js
+++ b/src/sections/Community/Members-grid/membersGrid.style.js
@@ -17,7 +17,6 @@ const img = (icon) => ({
   paddingLeft: 8,
   width: "auto",
 });
-
 export const selectStyles = {
   menu: (styles) => ({
     ...styles,
@@ -159,11 +158,15 @@ export const MembersGridWrapper = styled.div`
   .members-profile-cards {
     z-index: -1 !important;
   }
+
   @media only screen and (max-width: 990px) and (min-width: 580px) {
     .members-profile-cards {
       max-width: 550px;
       margin: auto;
     }
+    .Badge_img {
+      margin-left: 0 !important;
+    }
   }
   @media only screen and (min-width: 991px) and (max-width: 1200px) {
     .members-profile-cards {
@@ -182,9 +185,10 @@ export const MembersGridWrapper = styled.div`
   }
   .AboutCommunity {
     display: flex;
-    text-align: center;
+    text-align: center !important;
     margin: auto auto 4rem;
     align-items: center;
+    margin-top: 10rem;
 
     .sectionTitle {
       width: 100%;
@@ -196,8 +200,9 @@ export const MembersGridWrapper = styled.div`
       padding-right: 3rem;
       padding-left: 3rem;
       margin-right: 3rem;
-      margin-top: 3rem;
+      margin-top: 2rem;
     }
+
     .detailsCommunity {
       width: 60%;
       flex-grow: 1;
@@ -217,9 +222,13 @@ export const MembersGridWrapper = styled.div`
         display: inline-block;
         width: 90%;
         font-size: 2.25rem;
-        margin: 1rem auto 1.5rem;
+        margin: 3rem auto 1.5rem;
         align-items: center;
-        text-align: center;
+        text-align: center !important;
+      }
+      .Badge_img {
+        margin-left: 0 !important;
+        width:15rem;
       }
 
       img {
@@ -237,6 +246,7 @@ export const MembersGridWrapper = styled.div`
     }
     .memberProfileBtn {
       margin: 1rem;
+      margin-left: 0;
     }
   }
 `;
diff --git a/src/sections/Community/Newcomers-guide/NewcomersPageWrapper.style.js b/src/sections/Community/Newcomers-guide/NewcomersPageWrapper.style.js
index 96cdb1bf4265..a049329297b2 100644
--- a/src/sections/Community/Newcomers-guide/NewcomersPageWrapper.style.js
+++ b/src/sections/Community/Newcomers-guide/NewcomersPageWrapper.style.js
@@ -116,7 +116,7 @@ export const NewcomersGuideWrapper = styled.section`
         margin: 0 auto;
         width: 21.875rem;
         text-align: center; 
-        margin-top:1rem;
+        margin-top:0;
       }
     }
     .community-collage {
@@ -130,6 +130,7 @@ export const NewcomersGuideWrapper = styled.section`
     .table-wrapper{
       text-align: center;
       margin-bottom: 4rem;
+      margin-top: 5rem;
     }
     @media only screen and (max-width: 991px) {
       .heading-start {
diff --git a/src/sections/Community/Newcomers-guide/index.js b/src/sections/Community/Newcomers-guide/index.js
index db17fc53ddd6..ceb1e07bc6d0 100644
--- a/src/sections/Community/Newcomers-guide/index.js
+++ b/src/sections/Community/Newcomers-guide/index.js
@@ -13,6 +13,7 @@ import longArrow from "./long-arrow.svg";
 import { StaticImage } from "gatsby-plugin-image";
 
 const CommunityImage2 = "../../../assets/images/newcomers-page-images/community-image3.webp";
+const BadgeImage = "../../../assets/images/recognition-program/recognition-program.png";
 const CommunityImage3 = "../../../assets/images/newcomers-page-images/community-collage.webp";
 
 const NewcomersGuide = () => {
@@ -216,6 +217,31 @@ const NewcomersGuide = () => {
               </p>
             </Col>
           </Row>
+          <Row>
+            <Col sm={12} lg={6} style={{marginTop:"3rem"}}>
+              <h3>Recognizing Community Members</h3>
+              <ol type="i">
+                <li>
+                Whether as a user or a contributor, community members are awarded badges as and when they achieve any number of different milestones throughout their journey whether that accomplishment lie within a community activity or an aspect of using or contributing to a project.
+                </li>
+                <li>
+                Every community member, whether contributing with code or not, has the opportunity to obtain any number of badges in recognition of your achievements.{" "}
+                </li>
+                <li>See what badges you can earn by visiting the {" "}
+                  <a
+                    href="https://badges.layer5.io"
+                    target="_blank" rel="noreferrer"
+                  >
+                    Layer5 badges site
+                  </a>{" "}
+                Collect the whole set!
+                </li>
+              </ol>
+            </Col>
+            <Col sm={12} lg={6} className="community-img">
+              <StaticImage src={BadgeImage} alt="Layer5 Community Badge"  />
+            </Col>
+          </Row>
         </div>
         <div className="table-wrapper">
           <h2>Tutorials</h2>