PS-10103 Remove the arrows from buttons and add cards (8.0) (#551)

* PS-10103 Remove the arrows from buttons and add cards
	modified:   docs/fips.md
	modified:   docs/index.md
	modified:   docs/install-pro.md
	modified:   docs/upgrade-pro.md

* Update index.md

Author: alina-derkach-oaza

docs/fips.md

@@ -71,11 +71,11 @@ To ensure that the FIPS mode is enabled, do the following:
 
 ## Next steps
 
-[Install Percona Server for MySQL Pro :material-arrow-right:](install-pro.md){.md-button}
+[Install Percona Server for MySQL Pro](install-pro.md){.md-button}
 
 If you already use Percona Server for MySQL, you can
 
-[Upgrade to Percona Server for MySQL Pro :material-arrow-right:](upgrade-pro.md){.md-button}
+[Upgrade to Percona Server for MySQL Pro](upgrade-pro.md){.md-button}
 
 
 

docs/index.md

@@ -8,14 +8,44 @@ Percona Server for MySQL is a freely available, fully compatible, enhanced, and
 
 Thousands of enterprises trust Percona Server for MySQL to provide better performance and concurrency for their most demanding workloads.
 
-Enjoy the [benefits of Percona Server for MySQL Pro](psmysql-pro.md).
-
-You can use the [Quickstart Guide] to use Percona Server for MySQL.
-
 ## For Monitoring and Management 
 
 Percona Monitoring and Management (PMM )monitors and provides actionable performance data for MySQL variants, including Percona Server for MySQL, Percona XtraDB Cluster, Oracle MySQL Community Edition, Oracle MySQL Enterprise Edition, and MariaDB. PMM captures metrics and data for the InnoDB, XtraDB, and MyRocks storage engines, and has specialized dashboards for specific engine details.
 
 [Install PMM and connect your MySQL instances to it](https://docs.percona.com/percona-monitoring-and-management/3/quickstart/quickstart.html#connect-database)
 
-[Quickstart Guide]: quickstart-overview.md
+<div data-grid markdown><div data-banner markdown>
+
+## :material-progress-download: Quickstart guide { .title }
+
+Get started quickly with our Quickstart guide.
+
+[Quickstart guide](quickstart-overview.md){ .md-button }
+
+</div><div data-banner markdown>
+
+### :material-progress-download: Installation guides { .title }
+
+Find the best installation solution with our step-by-step installation instructions.
+
+[Installation instructions](installation.md){ .md-button }
+
+</div><div data-banner markdown>
+
+### :material-backup-restore: Percona Server for MySQL Pro { .title }
+
+Enjoy the benefits of Percona Server for MySQL Pro build.
+
+[Percona Server for MySQL Pro](psmysql-pro.md){ .md-button }
+
+</div><div data-banner markdown>
+
+## :fontawesome-solid-gears: Audit Log Filter plugin { .title }
+
+Learn about the Audit Log Filter plugin that allows you to monitor, log, and block a connection or query actively executed on the selected server.
+
+[Audit Log Filter](audit-log-filter-overview.md){ .md-button}
+
+</div>
+</div>
+

docs/install-pro.md

@@ -4,7 +4,7 @@
 
 Review [Get more help](get-help.md) for ways that we can work with you.
 
-This document provides guidelines how to install Pro packages of Percona Server for MySQL from Percona repositories. [Check files in packages built for Percona Server for MySQL Pro :material-arrow-right:](pro-files.md){.md-button}
+This document provides guidelines how to install Pro packages of Percona Server for MySQL from Percona repositories. [Check files in packages built for Percona Server for MySQL Pro](pro-files.md){.md-button}
 
 ## Procedure
 
@@ -76,4 +76,4 @@ This document provides guidelines how to install Pro packages of Percona Server
 
 ## Next step
 
-[Enable FIPS mode :material-arrow-right:](fips.md){.md-button}
+[Enable FIPS mode](fips.md){.md-button}

docs/upgrade-pro.md

@@ -12,7 +12,7 @@ This document provides instructions on upgrading from Percona Server for MySQL t
 
 Request the access to the pro repository from Percona Support. You will receive the client ID and the access token which you use when downloading the packages.
 
-[Check files in packages built for Percona Server for MySQL Pro :material-arrow-right:](pro-files.md){.md-button}
+[Check files in packages built for Percona Server for MySQL Pro](pro-files.md){.md-button}
 
 ## Procedure
 
@@ -94,4 +94,4 @@ Request the access to the pro repository from Percona Support. You will receive
 
 
 
-[Downgrade from Percona Server for MySQL Pro :material-arrow-right:](downgrade-from-pro.md){.md-button}
+[Downgrade from Percona Server for MySQL Pro](downgrade-from-pro.md){.md-button}