diff --git a/src/images/civicsabha.jpg b/src/images/civicsabha.jpg
new file mode 100644
index 00000000..3b7e25a0
Binary files /dev/null and b/src/images/civicsabha.jpg differ
diff --git a/src/pages/index.js b/src/pages/index.js
index 47602f66..43998b10 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -18,6 +18,8 @@ import OurPartners from '../components/OurPartners';
 import Seo from '../components/Seo/Seo';
 import BlogStrip from '../components/BlogStrip';
 import StandardGrid from '../styles/StandardGrid';
+import { Link } from 'gatsby';
+import Image from 'gatsby-image';
 
 export const Section = styled.section`
   padding: 0;
@@ -141,6 +143,12 @@ const Sectors = styled.section`
   }
 `;
 
+const ImageBox = styled(Link)`
+  display: block;
+  margin-top:12px;
+  margin-bottom: 12px;
+`;
+
 const Index = ({ data }) => {
   // const image = data?.landingBackground?.childImageSharp?.fluid;
 
@@ -164,6 +172,10 @@ const Index = ({ data }) => {
             </MainContainer>
           </HeroSection>
         </>
+
+       <ImageBox to={'https://civicsabha.civicdatalab.in/'}>
+         <Image fluid={data?.civicsabha?.childImageSharp?.fluid} />
+       </ImageBox>
         {/* <Fade bottom> */}
         <Sectors>
           <MainContainer>
@@ -206,6 +218,13 @@ export const pageQuery = graphql`
         }
       }
     }
+    civicsabha: file(relativePath: { eq: "civicsabha.jpg" }) {
+      childImageSharp {
+        fluid(maxHeight: 400, quality: 100) {
+          ...GatsbyImageSharpFluid
+        }
+      }
+    }
     partners: allFile(
       filter: { relativePath: { regex: "/partners/" }, extension: { in: ["jpg", "jpeg", "png"] } }
       sort: { fields: name }