GitBook: [#24] Improve hint example

Author: Petros Amoiridis

Diff for: SUMMARY.md

@@ -9,7 +9,7 @@
 * [Code block](code-block.md)
 * [Quote](quote.md)
 * [Tables](tables.md)
-* [Hints](hints.md)
+* [Hint](hints.md)
 * [Page link](page-link.md)
 * [Tabs](tabs.md)
 * [Embeds](embeds.md)

Diff for: hints.md

@@ -1,26 +1,31 @@
-# Hints
+---
+description: Hint content block
+---
+
+# Hint
 
 {% hint style="info" %}
-This is info
+**Info hints** are great for showing general information, or providing tips and tricks.
 {% endhint %}
 
-{% hint style="warning" %}
-This is a warning
+{% hint style="success" %}
+**Success hints** are good for showing positive actions or achievements.
 {% endhint %}
 
-{% hint style="danger" %}
-This is danger
+{% hint style="warning" %}
+**Warning hints** are good for showing important information or non-critical warnings.
 {% endhint %}
 
-{% hint style="success" %}
-This is success
+{% hint style="danger" %}
+**Danger hints** are good for highlighting destructive actions or raising attention to critical information.
 {% endhint %}
 
 {% hint style="info" %}
-### This is a heading
+#### This is a heading
 
 This is a line
 
-This is a second line
-{% endhint %}
+This is an inline <img src=".gitbook/assets/sofianna-customer-avatar.png" alt="" data-size="line"> image
 
+This is a second <mark style="color:orange;background-color:purple;">line</mark>
+{% endhint %}