DISTMYSQL-538-8.4 Add cards to the index page (#221)

modified:   docs/index.md

Author: alina-derkach-oaza

docs/index.md

@@ -10,7 +10,7 @@ Percona Distribution for MySQL is a single solution with the best and most criti
 
 - **Reduced costs** - save on purchasing software licensing by using the distribution - the open-source enterprise-grade solution.
 
-- **Easy-to-integrate with PMM** - benefit from all the features of [PMM](https://docs.percona.com/percona-monitoring-and-management/index.html) for monitoring and managing the health of your database.
+- **Easy-to-integrate with PMM** - benefit from all the features of [PMM](https://docs.percona.com/percona-monitoring-and-management/3/) for monitoring and managing the health of your database.
 
 Percona Distribution for MySQL comes in two [deployment variants](deployment-variants.md): one is based on Percona Server for MySQL and another one - on Percona XtraDB Cluster. They differ in the set of components and how you can use them. 
 
@@ -20,15 +20,37 @@ Percona Distribution for MySQL comes in two [deployment variants](deployment-var
 
     ProxySQL contains counters that have not been updated to use the new terminology. Unexpected results may occur. In an 8.4.x environment, the binlog reader errors out during initialization due to the use of old terminology, such as the SHOW MASTER STATUS command.
 
-## Get started
+<div data-grid markdown><div data-banner markdown>
 
-Follow the [installation instructions](installing.md) to get started with Percona Distribution for MySQL.
+### :material-progress-download: Installation guides { .title }
 
-Read more about solutions you can deploy with Percona Distribution for MySQL in [High availability solution with Group Replication](pdps-group-replication.md).
+Find the best installation solution with our step-by-step installation instructions.
 
-Learn more about what's new in Percona Distribution for MySQL in the [release notes](release-notes.md).
+[Installation instructions](installing.md){ .md-button }
 
-## Read more
+</div><div data-banner markdown>
 
-* [Deployment variants](deployment-variants.md)
-* [Percona Distribution for MySQL components](components.md)
+## :material-progress-download: Solutions { .title }
+
+Learn about solutions you can deploy with Percona Distribution for MySQL.
+
+[Solutions](pdps-group-replication.md){ .md-button }
+
+</div><div data-banner markdown>
+
+### :material-backup-restore: Deployment variants { .title }
+
+Learn about the deployment variants.
+
+[Deployment variants](deployment-variants.md){ .md-button }
+
+</div><div data-banner markdown>
+
+## :fontawesome-solid-gears: Percona Distribution for MySQL components { .title }
+
+Learn about the Percona Distribution for MySQL components.
+
+[Components](components.md){ .md-button}
+
+</div>
+</div>