Added plugins to Falco description in home page and diagram

Signed-off-by: Vicente J. Jiménez Miras <vjjmiras@gmail.com>

i18n/en.yaml

@@ -19,7 +19,7 @@ version_banner_warning:
 latest_version:
   other: "latest version"
 cloud-native-runtime-security:
-  other: Cloud-Native runtime security
+  other: Cloud-Native Runtime Security
 home_falco_description:
   other: |
     <b>Falco</b>, the cloud-native runtime security project, is the de facto <b>Kubernetes threat detection engine</b><br /><br />
@@ -28,3 +28,13 @@ home_falco_description:
         in real time.</small>
 home_featured_videos:
   other: Featured Videos
+home_falco_intro_title:
+  other: <b>Falco</b>, the cloud-native runtime security project, is the de facto <b>Kubernetes threat detection engine</b>
+home_falco_intro_main:
+  other: Detect threats at runtime by observing the behavior of your applications and containers.
+home_falco_intro_plugins:
+  other: Extend threat detection across cloud environments with Falco Plugins.
+home_falco_intro_cncf:
+  other: Falco is the first runtime security project to join CNCF as an incubation-level project.
+home_falco_intro_camera:
+  other: Falco acts as a security camera detecting unexpected behavior, intrusions, and data theft in real time.

layouts/index.html

@@ -19,19 +19,35 @@ <h1 class="display-1 mt-0 mt-md-5 pb-4">The Falco Project</h1>
     </div>
 </section>
 
-<section class="row relative td-box--gradient td-box--height-auto">
+<section id="desc" class="row relative td-box--gradient td-box--height-auto">
     <div class="container">
-        <div class="row">
-            <div class="h4 mb-0 col-md-6">
-                {{ T "home_falco_description" | markdownify }}
-                <div class="row mt-4 mb-4 pb-4">
-                    <div class="mx-auto d-block">
-                        <a href="https://sysdig.com/"><img width="200px" src="/img/created-by-sysdig.png" /></a>
-                    </div>
-                </div>
+        <div class="row justify-content-center mb-4">
+            <div class="col-md-6 align-self-center h4">
+                {{ T "home_falco_intro_title" | markdownify }}
+            </div>
+        </div>
+        <div class="row justify-content-center">
+            <div class="col-md-4 align-self-end h5">
+                <div class="pb-4">{{ T "home_falco_intro_main" | markdownify }}</div>
+                <div class="pb-4">{{ T "home_falco_intro_plugins" | markdownify }}</div>
             </div>
             <div class="col-md-6">
-                <img width="100%" src="/img/diagram-home.png" />
+                <img width="100%" src="/img/falco-events-flow-simplified.png" />
+            </div>
+        </div>
+        <div class="row justify-content-center mt-5">
+            <div class="col-md-6 align-self-center h6 ">
+                <div class="text-justify">
+                    {{ T "home_falco_intro_cncf" | markdownify }}
+                    {{ T "home_falco_intro_camera" | markdownify }}
+                </div>
+            </div>
+        </div>
+        <div class="row justify-content-center">
+            <div class="col-md-3 align-self-center">
+                <div class="mt-5">
+                    <a href="https://sysdig.com/"><img width="200px" src="/img/created-by-sysdig.png" /></a>
+                </div>
             </div>
         </div>
     </div>