diff --git a/website/.eleventy.js b/website/.eleventy.js
index c70bf9a789..a3332958c3 100644
--- a/website/.eleventy.js
+++ b/website/.eleventy.js
@@ -20,6 +20,11 @@ module.exports = function (ty) {
   ty.addCollection('blogs', function (collection) {
     return collection.getFilteredByGlob('src/blog/*.md').reverse()
   })
+  ty.addCollection('whySimplexIsUnique', function (collection) {
+    return collection.getFilteredByGlob('src/data/why_simplex_is_unique/*.md')
+  })
+
+  
 
   ty.addWatchTarget("src/css")
   ty.addWatchTarget("markdown/")
diff --git a/website/src/_data/why_simplex_is_unique.json b/website/src/_data/why_simplex_is_unique.json
deleted file mode 100644
index b2a67dc3d7..0000000000
--- a/website/src/_data/why_simplex_is_unique.json
+++ /dev/null
@@ -1,61 +0,0 @@
-{
-    "sections": [
-        {
-            "id": 1,
-            "title": "Complete privacy of your identity, profile, contacts and metadata",
-            "desc": "Unlike any other existing messaging platform, SimpleX has no identifiers assigned to the users –- not even random numbers. This protects the privacy of who you are communicating with, hiding it from SimpleX platform servers and from any observers.",
-            "imgLight": "/img/new/unique-section-1.png",
-            "imgDark": "/img/new/unique-section-1-dark.png",
-            "overlayContent": {
-                "overlayId": "why-simplex-is-unique-1",
-                "title": "Complete privacy of your identity, profile, contacts and metadata",
-                "linkText": "Learn how it improves privacy",
-                "showImage": true,
-                "paras": [
-                    "Unlike any other existing messaging platform, SimpleX has no identifiers assigned to the users –- not even random numbers. This protects the privacy of who you are communicating with, hiding it from SimpleX platform servers and from any observers. Unlike any other existing messaging platform, SimpleX has no identifiers assigned to the users –- not even random numbers.",
-                    "Privacy of who you are communicating with, hiding it from SimpleX platform servers and from any observers. Unlike any other existing messaging platform, SimpleX has no identifiers assigned to the users –- not even random numbers.",
-                    "This protects the privacy of who you are communicating with, hiding it from SimpleX platform servers and from any observers."
-                ]
-            }
-        },
-        {
-            "id": 2,
-            "title": "The best protection against spam and abuse",
-            "desc": "Because you have no identifier on the SimpleX platform, you cannot be contacted unless you share a one-time “burner” or temporary user address.",
-            "imgLight": "/img/new/unique-section-2.png",
-            "imgDark": "/img/new/unique-section-2-dark.png",
-            "overlayContent": {
-                "overlayId": "why-simplex-is-unique-2",
-                "title": "The best protection against spam and abuse",
-                "linkText": "Learn how it improves privacy",
-                "showImage": true,
-                "paras": [
-                    "Because you have no identifier on the SimpleX platform, you cannot be contacted unless you share a one-time “burner” or temporary user address."
-                ]
-            }
-        },
-        {
-            "id": 3,
-            "title": "Ownership, control and security of your data",
-            "desc": "SimpleX stores all user data on client devices in a portable database format. The messages are held temporarily on SimpleX relay servers until they are received, then they are permanently deleted.",
-            "imgLight": "/img/new/unique-section-3.png",
-            "imgDark": "/img/new/unique-section-3-dark.png",
-            "overlayContent": {
-                "overlayId": "why-simplex-is-unique-3",
-                "title": "Ownership, control and security of your data",
-                "linkText": "Learn how it improves privacy",
-                "showImage": true,
-                "paras": [
-                    "SimpleX stores all user data on client devices in a portable database format. The messages are held temporarily on SimpleX relay servers until they are received, then they are permanently deleted."
-                ]
-            }
-        },
-        {
-            "id": 4,
-            "title": "Fully decentralised – users own the SimpleX network",
-            "desc": "You can use SimpleX with your own servers and still communicate with people using the servers that are pre-configured in the apps or any other SimpleX servers. The SimpleX network is independent of any crypto currency or any other platform, other than the Internet.",
-            "imgLight": "/img/new/unique-section-4.png",
-            "imgDark": "/img/new/unique-section-4-dark.png"
-        }
-    ]
-}
\ No newline at end of file
diff --git a/website/src/_includes/components/macro.njk b/website/src/_includes/components/macro.njk
index 2964e34e1f..52286affc1 100644
--- a/website/src/_includes/components/macro.njk
+++ b/website/src/_includes/components/macro.njk
@@ -1,21 +1,21 @@
-{% macro overlay(section) %}
+{% macro overlay(card) %}
     {# Overlay is either hidder or flex #}
-    <div id="{{ section.overlayContent.overlayId }}" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light before:opacity-90 items-center justify-center p-10 z-[10000]">
+    <div id="{{ card.overlayContent.overlayId }}" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light before:opacity-90 items-center justify-center p-10 z-[10000]">
         <div class="overlay-card max-w-[1276px] bg-white opacity-100 max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-14 overflow-auto scale-100">
-            <h1 class="text-3xl font-bold text-active-blue mb-6">{{ section.overlayContent.title }}</h1>
+            <h1 class="text-3xl font-bold text-active-blue mb-6">{{ card.overlayContent.overlayTitle }}</h1>
             <div class="flex gap-10 justify-between">
                 <div class="max-w-md">
                     <div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
-                        {% for para in section.overlayContent.paras %}
+                        {% for para in card.overlayContent.paras %}
                             <p>{{ para }}</p>
                         {% endfor %}
                     </div>
                 </div>
 
-                {% if section.overlayContent.showImage %}
+                {% if card.overlayContent.showImage %}
                     <div class="max-w-md">
                         <div class="flex items-center justify-center">
-                            <img class="w-full max-w-md min-w-[300px]" src="{{ section.imgLight }}" alt="">
+                            <img class="w-full max-w-md min-w-[300px]" src="{{ card.imgLight }}" alt="">
                         </div>
                     </div>
                 {% endif %}
diff --git a/website/src/_includes/sections/simplex_unique.html b/website/src/_includes/sections/simplex_unique.html
index ffedad95c2..8a646a99d7 100644
--- a/website/src/_includes/sections/simplex_unique.html
+++ b/website/src/_includes/sections/simplex_unique.html
@@ -5,7 +5,7 @@
         <div class="swiper unique-swiper px-4 py-2">
             <div class="swiper-wrapper mb-16">
 
-                {% for section in why_simplex_is_unique.sections %}
+                {% for card in collections.whySimplexIsUnique %}
                     <div class="swiper-slide flex items-center md:items-start flex-col-reverse xl:flex-row xl:items-center px-4 md:px-10 lg:px-[50px] py-12 lg:py-[70px] rounded-[12px] shadow-[0px_3px_12px_rgba(0,0,0,0.2)] dark:shadow-none border-gradient relative scale-100 simplex-unique-card">
                         <a href="javascript:void(0);" class="flex items-center gap-2 md:hidden open-card-btn fixed z-10">
                             <span class="underline text-[16px] tracking-[0.02em] underline-offset-4 text-primary-light dark:text-primary-dark">More info</span>
@@ -27,21 +27,21 @@
                         {# hover:absolute hover:w-full hover:h-full hover:bg-primary-bg-light hover:dark:bg-primary-bg-dark hover:p-[inherit] #}
                         <div class="pt-14 md:pt-0 card-content pb-[60px]">
                             <div class="content-head">
-                                <p class="text-[35px] lg:text-[65px] font-bold tracking-[0.06em] text-active-blue text-center md:text-left">#{{ section.id }}</p>
-                                <p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left font-bold text-grey-black dark:text-white">{{ section.title }}</p>
+                                <p class="text-[35px] lg:text-[65px] font-bold tracking-[0.06em] text-active-blue text-center md:text-left">#{{ card.data.id }}</p>
+                                <p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left font-bold text-grey-black dark:text-white">{{ card.data.title }}</p>
                             </div>
 
                             <div class="content-body hidden md:block">
-                                <p class="w-full max-w-[541px] text-[16px] leading-[24px] tracking-[0.02em] mb-[36px] text-grey-black dark:text-white text-center md:text-left">{{ section.desc }}</p>
-                                {% if section.overlayContent %}
-                                    <a href="javascript:void(0)" data-show-overlay="{{ section.overlayContent.overlayId }}" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">{{ section.overlayContent.linkText }}</a>
+                                <p class="w-full max-w-[541px] text-[16px] leading-[24px] tracking-[0.02em] mb-[36px] text-grey-black dark:text-white text-center md:text-left">{{ card.data.desc }}</p>
+                                {% if card.data.overlayContent %}
+                                    <a href="javascript:void(0)" data-show-overlay="{{ card.data.overlayContent.overlayId }}" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">{{ card.data.overlayContent.linkText }}</a>
                                 {% endif %}
                             </div>
                         </div>
 
                         <div class="flex-1 flex items-center justify-center w-full card-image">
-                            <img class="w-full max-w-[400px] dark:hidden" src="{{ section.imgLight }}" alt="">
-                            <img class="w-full max-w-[400px] hidden dark:block" src="{{ section.imgDark }}" alt="">
+                            <img class="w-full max-w-[400px] dark:hidden" src="{{ card.data.imgLight }}" alt="">
+                            <img class="w-full max-w-[400px] hidden dark:block" src="{{ card.data.imgDark }}" alt="">
                         </div>
                     </div>
                 {% endfor %}
@@ -59,8 +59,8 @@
     </div>
 </section>
 
-{% for section in why_simplex_is_unique.sections %}
-    {% if section.overlayContent %}
-        {{ overlay(section) }}
+{% for card in collections.whySimplexIsUnique %}
+    {% if card.data.overlayContent %}
+        {{ overlay(card.data) }}
     {% endif %}
 {% endfor %}
\ No newline at end of file
diff --git a/website/src/data/why_simplex_is_unique/card_1.md b/website/src/data/why_simplex_is_unique/card_1.md
new file mode 100644
index 0000000000..4284a38f00
--- /dev/null
+++ b/website/src/data/why_simplex_is_unique/card_1.md
@@ -0,0 +1,16 @@
+---
+id: 1
+title: "Complete privacy of your identity, profile, contacts and metadata"
+desc: "Unlike any other existing messaging platform, SimpleX has no identifiers assigned to the users –- not even random numbers. This protects the privacy of who you are communicating with, hiding it from SimpleX platform servers and from any observers."
+imgLight: "/img/new/unique-section-1.png"
+imgDark: "/img/new/unique-section-1-dark.png"
+overlayContent:
+    overlayId: "why-simplex-is-unique-1"
+    overlayTitle: "Complete privacy of your identity, profile, contacts and metadata"
+    linkText: "Learn how it improves privacy"
+    showImage: true
+    paras:
+        - "Unlike any other existing messaging platform, SimpleX has no identifiers assigned to the users –- not even random numbers. This protects the privacy of who you are communicating with, hiding it from SimpleX platform servers and from any observers. Unlike any other existing messaging platform, SimpleX has no identifiers assigned to the users –- not even random numbers."
+        - "Privacy of who you are communicating with, hiding it from SimpleX platform servers and from any observers. Unlike any other existing messaging platform, SimpleX has no identifiers assigned to the users –- not even random numbers."
+        - "This protects the privacy of who you are communicating with, hiding it from SimpleX platform servers and from any observers."
+---
diff --git a/website/src/data/why_simplex_is_unique/card_2.md b/website/src/data/why_simplex_is_unique/card_2.md
new file mode 100644
index 0000000000..8fefe24b36
--- /dev/null
+++ b/website/src/data/why_simplex_is_unique/card_2.md
@@ -0,0 +1,14 @@
+---
+id: 2
+title: "The best protection against spam and abuse"
+desc: "Because you have no identifier on the SimpleX platform, you cannot be contacted unless you share a one-time “burner” or temporary user address."
+imgLight: "/img/new/unique-section-2.png"
+imgDark: "/img/new/unique-section-2-dark.png"
+overlayContent:
+    overlayId: "why-simplex-is-unique-2"
+    overlayTitle: "The best protection against spam and abuse"
+    linkText: "Learn how it improves privacy"
+    showImage: true
+    paras:
+        - "Because you have no identifier on the SimpleX platform, you cannot be contacted unless you share a one-time “burner” or temporary user address."
+---
diff --git a/website/src/data/why_simplex_is_unique/card_3.md b/website/src/data/why_simplex_is_unique/card_3.md
new file mode 100644
index 0000000000..647b01f1fd
--- /dev/null
+++ b/website/src/data/why_simplex_is_unique/card_3.md
@@ -0,0 +1,14 @@
+---
+id: 3
+title: "Ownership, control and security of your data"
+desc: "SimpleX stores all user data on client devices in a portable database format. The messages are held temporarily on SimpleX relay servers until they are received, then they are permanently deleted."
+imgLight: "/img/new/unique-section-3.png"
+imgDark: "/img/new/unique-section-3-dark.png"
+overlayContent:
+    overlayId: "why-simplex-is-unique-3"
+    overlayTitle: "Ownership, control and security of your data"
+    linkText: "Learn how it improves privacy"
+    showImage: true
+    paras:
+        - "SimpleX stores all user data on client devices in a portable database format. The messages are held temporarily on SimpleX relay servers until they are received, then they are permanently deleted."
+---
diff --git a/website/src/data/why_simplex_is_unique/card_4.md b/website/src/data/why_simplex_is_unique/card_4.md
new file mode 100644
index 0000000000..5cedc4b7de
--- /dev/null
+++ b/website/src/data/why_simplex_is_unique/card_4.md
@@ -0,0 +1,7 @@
+---
+id: 4
+title: "Fully decentralised – users own the SimpleX network"
+desc: "You can use SimpleX with your own servers and still communicate with people using the servers that are pre-configured in the apps or any other SimpleX servers. The SimpleX network is independent of any crypto currency or any other platform, other than the Internet."
+imgLight: "/img/new/unique-section-4.png"
+imgDark: "/img/new/unique-section-4-dark.png"
+---