PS-10103-84 Remove the arrows from buttons and add cards (#552)

modified:   docs/fips.md
	modified:   docs/index.md
	modified:   docs/install-pro.md
	modified:   docs/installation.md
	modified:   docs/keyring-components-plugins-overview.md
	modified:   docs/upgrade-pro.md

Author: alina-derkach-oaza

docs/fips.md

@@ -68,8 +68,8 @@ 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

@@ -15,3 +15,38 @@ Percona Monitoring and Management (PMM )monitors and provides actionable perform
 [Install PMM and connect your MySQL instances to it](https://docs.percona.com/percona-monitoring-and-management/3/quickstart/quickstart.html#connect-database).
 
 --8<--- "get-help-snip.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}
 
 ## Version changes
 
@@ -80,4 +80,4 @@ Percona Server for MySQL 8.4.4-4 Pro build is available for the Amazon Linux 202
 
 ## Next step
 
-[Enable the FIPS mode :material-arrow-right:](fips.md){.md-button}
+[Enable the FIPS mode](fips.md){.md-button}

docs/installation.md

@@ -10,7 +10,7 @@ Percona provides repositories for yum (`RPM` packages for Red Hat, CentOS and Am
 
 The following guides describe the installation process for using the official Percona repositories for the `.deb` and `.rpm` packages.
 
-[Install Percona Server for MySQL on Debian and Ubuntu :material-arrow-right:](apt-repo.md){.md-button}        [Install Percona Server for MySQL on Red Hat Enterprise Linux and CentOS :material-arrow-right:](yum-repo.md){.md-button}
+[Install Percona Server for MySQL on Debian and Ubuntu](apt-repo.md){.md-button}        [Install Percona Server for MySQL on Red Hat Enterprise Linux and CentOS](yum-repo.md){.md-button}
 
 ## Other Installation Methods
 

docs/keyring-components-plugins-overview.md

@@ -8,10 +8,10 @@ Percona Server supports a keyring that enables internal server components to sto
 
 Percona Server supports the following keyring components:
 
-[Use the keyring file component :material-arrow-right:](use-keyring-file.md){.md-button}
+[Use the keyring file component](use-keyring-file.md){.md-button}
 
-[Use the keyring vault component :material-arrow-right:](use-keyring-vault-component.md){.md-button}
+[Use the keyring vault component](use-keyring-vault-component.md){.md-button}
 
-[Use the Key Management Interoperability Protocol (KMIP) :material-arrow-right:](using-amz-kms.md){.md-button}
+[Use the Key Management Interoperability Protocol (KMIP)](using-amz-kms.md){.md-button}
 
-[Use the Amazon Key Management Service (AWS KMS) :material-arrow-right:](using-kmip.md){.md-button}
+[Use the Amazon Key Management Service (AWS KMS)](using-kmip.md){.md-button}

docs/upgrade-pro.md

@@ -10,7 +10,7 @@ To begin, please contact [Percona Support](https://www.percona.com/services/supp
 
 For additional assistance during your upgrade process, our [Percona Support team](https://www.percona.com/services/support) is available to help ensure a smooth transition.
 
-[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
 
@@ -88,4 +88,4 @@ For additional assistance during your upgrade process, our [Percona Support team
     $ sudo systemctl daemon-reload
     ```
 
-[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}