update fink readme

Author: samuelstroschein

packages/fink/README.md

@@ -1,20 +1,18 @@
 ---
 imports:
-  - https://cdn.jsdelivr.net/npm/@opral/markdown-wc-doc-elements/dist/doc-hero.js
-  - https://cdn.jsdelivr.net/npm/@opral/markdown-wc-doc-elements/dist/doc-features.js
-  - https://cdn.jsdelivr.net/npm/@opral/markdown-wc-doc-elements/dist/doc-pricing.js
-  - https://cdn.jsdelivr.net/npm/@opral/markdown-wc-doc-elements/dist/doc-feature.js
-  - https://cdn.jsdelivr.net/npm/@opral/markdown-wc-doc-elements/dist/doc-callout.js
+  - https://cdn.jsdelivr.net/npm/@opral/markdown-wc-doc-elements/dist/doc-columns.js
+  - https://cdn.jsdelivr.net/npm/@opral/markdown-wc-doc-elements/dist/doc-card.js
 ---
 
-<doc-callout type="info">Upvote issue [#72](https://github.com/opral/inlang-fink/issues/72) to prioritize a full release of Fink on the inlang sdk v2.</doc-callout>
+> [!NOTE]
+> Upvote issue [#72](https://github.com/opral/inlang-fink/issues/72) to prioritize a full release of Fink on the inlang sdk v2.
 
 ![editor banner image](https://cdn.jsdelivr.net/gh/opral/inlang/packages/fink/assets/fink-image.png)
 
 ## Why use Fink?
 
-<doc-features>
-  <doc-feature text-color="#0F172A" color="#E1EFF7" title="Edit messages visually" image="https://cdn.jsdelivr.net/gh/opral/inlang/packages/fink/assets/editor01.png"></doc-feature>
-  <doc-feature text-color="#0F172A" color="#E1EFF7" title="Collaborate using version control" image="https://cdn.jsdelivr.net/gh/opral/inlang/packages/fink/assets/editor02.png"></doc-feature>
-  <doc-feature text-color="#0F172A" color="#E1EFF7" title="Ensure quality with lint rules" image="https://cdn.jsdelivr.net/gh/opral/inlang/packages/fink/assets/editor03.png"></doc-feature>
-</doc-features>
+<doc-columns cols="3">
+  <doc-card title="Edit messages visually" img="https://cdn.jsdelivr.net/gh/opral/inlang/packages/fink/assets/editor01.png"></doc-card>
+  <doc-card title="Collaborate using version control" img="https://cdn.jsdelivr.net/gh/opral/inlang/packages/fink/assets/editor02.png"></doc-card>
+  <doc-card title="Ensure quality with lint rules" img="https://cdn.jsdelivr.net/gh/opral/inlang/packages/fink/assets/editor03.png"></doc-card>
+</doc-columns>