Update the customization section (#1502)

* Update the customization section

* Update the customization section

* Update the customization section

* Update the customization section

* Apply changes

---------

Co-authored-by: GitHub Actions <[email protected]>

Author: jmagak

assemblies/assembly-customizing-the-homepage.adoc

@@ -8,15 +8,11 @@ When using the `app-config`, you can do the following:
 
 * Customize and extend the default Home page layout with additional cards that appear based on the plugins you have installed and enabled.
 * Change quick access links.
-* Add, reorganize, and remove the following available cards:
-+
-** Search bar
-** Quick access
-** Headline
-** Markdown
-** Placeholder
-** Catalog starred entities
-** Featured docs
+* Add, reorganize, and remove the {customizing-book-link}#con-rhdh-available-cards[available cards].
+
+
+include::modules/customizing-the-home-page/con-rhdh-available-cards.adoc[leveloffset=+1]
+
 
 include::modules/customizing-the-home-page/proc-customizing-the-home-page-cards.adoc[leveloffset=+1]
 

modules/customizing-the-home-page/con-rhdh-available-cards.adoc

@@ -0,0 +1,21 @@
+:_mod-docs-content-type: CONCEPT
+
+[id="con-rhdh-available-cards_{context}"]
+= Available homepage cards
+
+As an administrative user, you can easily integrate custom features or content from any installed plugin into your Home page layout. You can use the additional cards available for configuration based on the frontend plugins you enable.
+
+The following is a list of the available homepage cards:
+
+** Search bar
+** Quick access
+** Headline
+** Markdown
+** Placeholder
+** Catalog starred entities
+** Featured docs
++
+[NOTE]
+====
+Each card can have a `layouts` definition and `props` that depend on the component you use.
+====

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

@@ -116,28 +116,6 @@ dynamicPlugins:
           importName: TopVisitedCard
 ----
 
-* You can add cards from a plugin. The plugin adds additional cards by exporting a React component. Each card can have a `layouts` definition and `props` that are depending on the used component as shown in the following example:
-+
-[source,yaml]
-----
-dynamicPlugins:
-  frontend:
-    red-hat-developer-hub.backstage-plugin-dynamic-home-page:
-      mountPoints:
-        - mountPoint: home.page/cards
-          importName: Headline
-          config:
-            layouts:
-              xl: { h: 1 }
-              lg: { h: 1 }
-              md: { h: 1 }
-              sm: { h: 1 }
-              xs: { h: 1 }
-              xxs: { h: 1 }
-            props:
-              title: Important info
-----
-
 * You can change the title by overriding the `title` property of the dynamic homepage plugin as shown in the following example:
 +
 [source,yaml]