adding context for pipelines

.gitattributes

@@ -26,3 +26,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zstandard filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+*.png filter=lfs diff=lfs merge=lfs -text

README.md

@@ -14,11 +14,16 @@ pinned: false
      <div class="w-full h-40 object-cover mb-2 rounded-lg flex items-center justify-center">
          <img alt="" src="https://huggingface.co/spaces/deepset/README/resolve/main/haystack-logo-colored.svg" class="w-40"/>
      </div>
-    <p class="lg:col-span-2"><a href="https://deepset.ai">deepset.ai</a> is the company behind <strong><a href="https://haystack.deepset.ai/">Haystack</a></strong>, an open source NLP framework to help you develop production ready applications powered by various NLP tasks such as Question Answering. We host our models and datasets we create on Hugging Face 🤗! For more info on Haystack, visit our <strong><a href="https://github.com/deepset-ai/haystack">GitHub</a></strong> repo and <strong><a href="https://haystack.deepset.ai">Documentation</a></strong> 
+    <p class="lg:col-span-2"><strong><a href="https://deepset.ai">deepset</a></strong> is the company behind <strong><a href="https://haystack.deepset.ai/">Haystack</a></strong>, an open-source NLP framework to help you build production ready search systems or applications powered by various NLP tasks such as Question Answering. We host our models and datasets we create on Hugging Face 🤗! For more info on Haystack, visit our <strong><a href="https://github.com/deepset-ai/haystack">GitHub</a></strong> repo and <strong><a href="https://haystack.deepset.ai">Documentation</a></strong> 
     </p>
     <a class="lg:col-span-2" href="https://haystack.deepset.ai/community/join" >
         <div class="w-full rounded-lg flex justify-center items-center">
             <img class="h-20" alt="" src="https://huggingface.co/spaces/deepset/README/resolve/main/join-slack.png"/>
         </div>
-    </a>   
+    </a>
+    <p class="lg:col-span-2"> Haystack is designed to help you to build systems that work intelligently over large document collections. It achieves this with the concept of <strong>Pipelines</strong> consisting of various <strong>Nodes</strong> such as a <strong>DocumetnStore</strong>, a <strong>Retriever</strong> and a <strong>Reader</strong>:  
+    </p>   
+    <div class="lg:col-span-2 w-full rounded-lg flex justify-center items-center">
+            <img class="h-40" alt="" src="https://huggingface.co/spaces/deepset/README/resolve/main/pipeline.png"/>
+        </div>
 </div>