Add Material icons to all pages, rewrite examples page as step-by-step guide

docs/index.md

@@ -26,11 +26,11 @@ You set your heirs and a delivery date. The plugin builds a time-locked transact
 
 <div class="grid cards" markdown>
 
-- **New here?** → [Installation](getting-started/installation.md), then [create your first will](getting-started/quick-start.md).
-- **Want the details?** → [Heirs and shares](user-guide/heirs.md), [Delivery time](user-guide/delivery-time.md), [The WILL tab](user-guide/will-tab.md).
-- **Curious about the servers?** → [What Will-Executors are](will-executors/what-they-are.md).
-- **Want to run one?** → [Running a Will-Executor](will-executors/running-a-server.md).
-- **Just have a question?** → [**FAQ**](faq.md) — costs, hardware wallets, what happens if a server disappears, and more.
+- :material-rocket-launch:{ .card-ico } **New here?** → [Installation](getting-started/installation.md), then [create your first will](getting-started/quick-start.md).
+- :material-book-open-variant:{ .card-ico } **Want the details?** → [Heirs and shares](user-guide/heirs.md), [Delivery time](user-guide/delivery-time.md), [The WILL tab](user-guide/will-tab.md).
+- :material-server-network:{ .card-ico } **Curious about the servers?** → [What Will-Executors are](will-executors/what-they-are.md).
+- :material-server:{ .card-ico } **Want to run one?** → [Running a Will-Executor](will-executors/running-a-server.md).
+- :material-help-circle:{ .card-ico } **Just have a question?** → [**FAQ**](faq.md) — costs, hardware wallets, what happens if a server disappears, and more.
 
 </div>