From c0f7a89a1eaef21ecb6810350d0a76f74520070f Mon Sep 17 00:00:00 2001
From: Nigel Breslaw <nigel.breslaw@slint.dev>
Date: Fri, 27 Jun 2025 14:09:46 +0300
Subject: [PATCH] material: Improve android download
 (https://github.com/slint-ui/material-components/issues/56)

Imported from https://github.com/slint-ui/material-components/commit/1f17335a355d25dc525bc0259aba171b226bc9d0
---
 .../material/docs/src/pages/index.astro       | 39 ++++++++++++++++---
 1 file changed, 33 insertions(+), 6 deletions(-)

diff --git a/ui-libraries/material/docs/src/pages/index.astro b/ui-libraries/material/docs/src/pages/index.astro
index 27dfd3950..19f28d6b4 100644
--- a/ui-libraries/material/docs/src/pages/index.astro
+++ b/ui-libraries/material/docs/src/pages/index.astro
@@ -21,10 +21,6 @@ const metadata = {
   <!-- Hero Widget ******************* -->
 
   <Hero
-    actions={[
-      { text: 'Get Started', href: '/overview/' },
-      { text: 'Demo', href: '/wasm/index.html' },
-    ]}
     image={{ src: '~/assets/images/phone-dark.webp', alt: 'Material Components Hero Image' }}
   >
     <Fragment slot="title">
@@ -53,9 +49,11 @@ const metadata = {
     </Fragment>
   </Hero>
 
-  <!-- Note Widget ******************* -->
 
-  <Note title="Android user?" description="Test out the Slint Material Design components on your phone!" href="https://material.slint.dev/apk/slint_material.apk" />
+   <!-- Note Widget ******************* -->
+
+
+
 
   <!-- Features Widget *************** -->
 
@@ -105,6 +103,35 @@ const metadata = {
     ]}
   />
 
+  <CallToAction
+  actions={[
+    {
+      variant: 'primary',
+      text: 'Download APK',
+      href: 'https://material.slint.dev/apk/slint_material.apk',
+      target: '_blank',
+      icon: 'tabler:download',
+    },
+    {
+      variant: 'secondary',
+      text: 'Web Gallery',
+      href: 'https://material.slint.dev/wasm/',
+      target: '_blank',
+      icon: 'tabler:browser',
+    },
+  ]}
+>
+  <Fragment slot="title">
+    <a>
+      Try Slint + Material Now!
+    </a>
+  </Fragment>
+
+  <Fragment slot="subtitle">
+    Android user? Download the APK and try the gallery on your phone. Otherwise try out the browser version.
+  </Fragment>
+</CallToAction>
+
   <!-- Steps Widget ****************** -->
 
   <Steps