RHDHPAI-810: New home cards

modules/customizing-the-home-page/proc-customizing-the-home-page-cards.adoc

@@ -54,7 +54,7 @@ dynamicPlugins:
 * You have administrative access and can modify the `{my-app-config-file}` file for dynamic plugin configurations.
 
 .Procedure
-* Configure different cards for your Home page in {product} as follows:
+* Configure different cards for your Home page in {product} as shown in the following code:
 
 Search::
 +
@@ -264,3 +264,74 @@ dynamicPlugins:
           importName: FeaturedDocsCard
 ----
 --
+
+EntitySection::
++
+You can use the *EntitySection* card to create a visually engaging section that highlights catalog entities of various kinds, such as components, APIs, resources, and so on.
+--
+[source,yaml]
+----
+dynamicPlugins:
+  frontend:
+    red-hat-developer-hub.backstage-plugin-dynamic-home-page:
+      mountPoints:
+        - mountPoint: home.page/cards
+          importName: EntitySection
+          config:
+            layouts:
+              xl: { w: 12, h: 6 }
+              lg: { w: 12, h: 6 }
+              md: { w: 12, h: 6 }
+              sm: { w: 12, h: 6 }
+              xs: { w: 12, h: 6 }
+              xxs: { w: 12, h: 14.5 }
+
+----
+--
+
+OnboardingSection::
++
+You can use the *OnboardingSection* card to quickly discover learning resources within {product-very-short}.
+--
+[source,yaml]
+----
+dynamicPlugins:
+  frontend:
+    red-hat-developer-hub.backstage-plugin-dynamic-home-page:
+      mountPoints:
+        - mountPoint: home.page/cards
+          importName: OnboardingSection
+          config:
+            layouts:
+              xl: { w: 12, h: 5 }
+              lg: { w: 12, h: 5 }
+              md: { w: 12, h: 5 }
+              sm: { w: 12, h: 5 }
+              xs: { w: 12, h: 7 }
+              xxs: { w: 12, h: 12 }
+----
+--
+
+TemplateSection::
++
+You can use the *TemplateSection* card to quickly explore and initiate software templates in {product-very-short}.
+--
+[source,yaml]
+----
+dynamicPlugins:
+  frontend:
+    red-hat-developer-hub.backstage-plugin-dynamic-home-page:
+      mountPoints:
+        - mountPoint: home.page/cards
+          importName: TemplateSection
+          config:
+            layouts:
+              xl: { w: 12, h: 5 }
+              lg: { w: 12, h: 5 }
+              md: { w: 12, h: 5 }
+              sm: { w: 12, h: 5 }
+              xs: { w: 12, h: 5 }
+              xxs: { w: 12, h: 14 }
+
+----
+--