diff --git a/content/farm/index.md b/content/farm/index.md
index 9bdf807eb..3ea54eaab 100644
--- a/content/farm/index.md
+++ b/content/farm/index.md
@@ -121,6 +121,7 @@ Start providing capacity to others and join our Farmers community
 </div>
 </div>
 
+
 <!----------------------------------------------------------------------------------------->
 
 <!-- section 5 (The Evolution of Farming) -->
@@ -132,10 +133,10 @@ Start providing capacity to others and join our Farmers community
 
 The upcoming ThreeFold Marketplace (expected late Summer 2025) introduces a new chapter for farmers in the ecosystem, making it easier to share resources and earn through a transparent, peer-to-peer platform.
 
-<br>
 
+{{ horizontal_roadmap() }}
 
-<div class="w-full h-12 my-4 gradient-bar rounded-sm"></div>
+<!-- <div class="w-full h-12 my-4 gradient-bar rounded-sm"></div>
 
 <br>
 
@@ -150,9 +151,9 @@ The upcoming ThreeFold Marketplace (expected late Summer 2025) introduces a new
        
 <p class="text-base">Contribute to a growing <br>ecosystem of decentralized services</p>
 
-</div>
+</div> -->
 
-<br>
+<!-- <br> -->
 
 This evolution introduces clearer commercial opportunities and a more accessible path for farmers to support and benefit from the growth of the decentralized internet.
 
diff --git a/templates/shortcodes/horizontal_roadmap.html b/templates/shortcodes/horizontal_roadmap.html
new file mode 100644
index 000000000..4119871c1
--- /dev/null
+++ b/templates/shortcodes/horizontal_roadmap.html
@@ -0,0 +1,102 @@
+<div class="mx-auto max-w-7xl">
+        <ul class="mx-auto px-0 my-6 grid grid-cols-1 gap-8  lg:my-16 lg:grid-cols-4">
+            <li class="flex-start group relative flex lg:flex-col">
+                <span
+                    class="absolute left-[18px] top-14 h-[calc(100%_-_32px)] w-px bg-gray-300 lg:right-0 lg:left-auto lg:top-[18px] lg:h-px lg:w-[calc(100%_-_72px)]"
+                    aria-hidden="true"></span>
+                <div
+                    class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-xl border border-gray-300 bg-gray-50">
+                    {# <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="12" height="10">
+                        <path fill-rule="nonzero" d="M10.422 1.257 4.655 7.025 2.553 4.923A.916.916 0 0 0 1.257 6.22l2.75 2.75a.916.916 0 0 0 1.296 0l6.415-6.416a.916.916 0 0 0-1.296-1.296Z" />
+                    </svg> #}
+                    <svg lass="fill-current" height="24" width="24" version="1.1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  viewBox="0 0 24 24" xml:space="preserve">
+                      <g id="active"><path d="M8.6,20.1l-7.8-8l1.4-1.4l6.4,6.5L21.8,3.9l1.4,1.4L8.6,20.1z"/>
+                      </g>
+                    </svg>
+                </div>
+                <div class="ml-6 lg:ml-0 lg:mt-4">
+                    <h3
+                        class="text-lg font-normal text-gray-200 before:mb-2 before:block before:font-mono before:text-sm before:text-gray-500">
+                        List and manage<br> their 3Nodes
+                    </h3>
+                </div>
+            </li>
+            <li class="flex-start group relative flex lg:flex-col">
+                <span
+                    class="absolute left-[18px] top-14 h-[calc(100%_-_32px)] w-px bg-gray-300 lg:right-0 lg:left-auto lg:top-[18px] lg:h-px lg:w-[calc(100%_-_72px)]"
+                    aria-hidden="true"></span>
+                <div
+                    class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-xl border border-gray-300 bg-gray-50">
+                    <svg class="fill-current" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4,12a1,1,0,0,1-2,0A9.983,9.983,0,0,1,18.242,4.206V2.758a1,1,0,1,1,2,0v4a1,1,0,0,1-1,1h-4a1,1,0,0,1,0-2h1.743A7.986,7.986,0,0,0,4,12Zm17-1a1,1,0,0,0-1,1A7.986,7.986,0,0,1,7.015,18.242H8.757a1,1,0,1,0,0-2h-4a1,1,0,0,0-1,1v4a1,1,0,0,0,2,0V19.794A9.984,9.984,0,0,0,22,12,1,1,0,0,0,21,11Z"/>
+                    </svg>
+                </div>
+                <div class="ml-6 lg:ml-0 lg:mt-4">
+                    <h3
+                        class="text-lg font-normal text-gray-200 before:mb-2 before:block before:font-mono before:text-sm before:text-gray-500">
+                        Offer available capacity <br>  directly to users and developers
+                    </h3>
+                </div>
+            </li>
+            <li class="flex-start group relative flex lg:flex-col">
+                <span
+                    class="absolute left-[18px] top-14 h-[calc(100%_-_32px)] w-px bg-gray-300 lg:right-0 lg:left-auto lg:top-[18px] lg:h-px lg:w-[calc(100%_-_72px)]"
+                    aria-hidden="true"></span>
+                <div
+                    class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-xl border border-gray-300 bg-gray-50">
+                    {# <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="12" height="10">
+                        <path fill-rule="nonzero" d="M10.422 1.257 4.655 7.025 2.553 4.923A.916.916 0 0 0 1.257 6.22l2.75 2.75a.916.916 0 0 0 1.296 0l6.415-6.416a.916.916 0 0 0-1.296-1.296Z" />
+                    </svg> #}
+                    <svg class="fill-current" width="24" height="24" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    
+                        <title>present</title>
+                        <desc>Created with Sketch Beta.</desc>
+                        <defs>
+                    
+                    </defs>
+                        <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+                            <g id="Icon-Set" sketch:type="MSLayerGroup" transform="translate(-100.000000, -775.000000)" fill="#000000">
+                                <path d="M129,785 L103,785 C102.448,785 102,784.553 102,784 C102,783.448 102.448,783 103,783 L129,783 C129.552,783 130,783.448 130,784 C130,784.553 129.552,785 129,785 L129,785 Z M117,787 L128,787 L128,795 L117,795 L117,787 Z M128,803 C128,804.104 127.104,805 126,805 L117,805 L117,797 L128,797 L128,803 L128,803 Z M104,787 L115,787 L115,795 L104,795 L104,787 Z M115,805 L106,805 C104.896,805 104,804.104 104,803 L104,797 L115,797 L115,805 L115,805 Z M113,777 C114.104,777 115,777.896 115,779 C115,780.104 114.104,781 113,781 C111.896,781 111,780.104 111,779 C111,777.896 111.896,777 113,777 L113,777 Z M119,777 C120.104,777 121,777.896 121,779 C121,780.104 120.104,781 119,781 C117.896,781 117,780.104 117,779 C117,777.896 117.896,777 119,777 L119,777 Z M130,781 L122.445,781 C122.789,780.41 123,779.732 123,779 C123,776.791 121.209,775 119,775 C117.798,775 116.733,775.541 116,776.38 C115.267,775.541 114.202,775 113,775 C110.791,775 109,776.791 109,779 C109,779.732 109.211,780.41 109.555,781 L102,781 C100.896,781 100,781.896 100,783 L100,785 C100,786.104 100.896,787 102,787 L102,803 C102,805.209 103.791,807 106,807 L126,807 C128.209,807 130,805.209 130,803 L130,787 C131.104,787 132,786.104 132,785 L132,783 C132,781.896 131.104,781 130,781 L130,781 Z" id="present" sketch:type="MSShapeGroup">
+                    
+                    </path>
+                            </g>
+                        </g>
+                    </svg>
+                </div>
+                <div class="ml-6 lg:ml-0 lg:mt-4">
+                    <h3
+                        class="text-lg font-normal text-gray-200 before:mb-2 before:block before:font-mono before:text-sm before:text-gray-500">
+                        Earn rewards based on<br>  real resource usage
+                    </h3>
+                </div>
+            </li>
+            <li class="flex-start group relative flex lg:flex-col">
+                <div
+                    class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-xl border border-gray-300 bg-gray-50">
+                    {# <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
+                        <path d="M12 10v2H7V8.496a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5V12H0V4.496a.5.5 0 0 1 .206-.4l5.5-4a.5.5 0 0 1 .588 0l5.5 4a.5.5 0 0 1 .206.4V10Z" />
+                    </svg> #}
+                    <svg class="fill-current" width="24" height="24" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    
+                        <title>globe</title>
+                        <desc>Created with Sketch Beta.</desc>
+                        <defs>
+                    
+                    </defs>
+                        <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+                            <g id="Icon-Set" sketch:type="MSLayerGroup" transform="translate(-204.000000, -671.000000)" fill="#000000">
+                                <path d="M231.596,694.829 C229.681,694.192 227.622,693.716 225.455,693.408 C225.75,691.675 225.907,689.859 225.957,688 L233.962,688 C233.783,690.521 232.936,692.854 231.596,694.829 L231.596,694.829 Z M223.434,700.559 C224.1,698.95 224.645,697.211 225.064,695.379 C226.862,695.645 228.586,696.038 230.219,696.554 C228.415,698.477 226.073,699.892 223.434,700.559 L223.434,700.559 Z M220.971,700.951 C220.649,700.974 220.328,701 220,701 C219.672,701 219.352,700.974 219.029,700.951 C218.178,699.179 217.489,697.207 216.979,695.114 C217.973,695.027 218.98,694.976 220,694.976 C221.02,694.976 222.027,695.027 223.022,695.114 C222.511,697.207 221.822,699.179 220.971,700.951 L220.971,700.951 Z M209.781,696.554 C211.414,696.038 213.138,695.645 214.936,695.379 C215.355,697.211 215.9,698.95 216.566,700.559 C213.927,699.892 211.586,698.477 209.781,696.554 L209.781,696.554 Z M208.404,694.829 C207.064,692.854 206.217,690.521 206.038,688 L214.043,688 C214.093,689.859 214.25,691.675 214.545,693.408 C212.378,693.716 210.319,694.192 208.404,694.829 L208.404,694.829 Z M208.404,679.171 C210.319,679.808 212.378,680.285 214.545,680.592 C214.25,682.325 214.093,684.141 214.043,686 L206.038,686 C206.217,683.479 207.064,681.146 208.404,679.171 L208.404,679.171 Z M216.566,673.441 C215.9,675.05 215.355,676.789 214.936,678.621 C213.138,678.356 211.414,677.962 209.781,677.446 C211.586,675.523 213.927,674.108 216.566,673.441 L216.566,673.441 Z M219.029,673.049 C219.352,673.027 219.672,673 220,673 C220.328,673 220.649,673.027 220.971,673.049 C221.822,674.821 222.511,676.794 223.022,678.886 C222.027,678.973 221.02,679.024 220,679.024 C218.98,679.024 217.973,678.973 216.979,678.886 C217.489,676.794 218.178,674.821 219.029,673.049 L219.029,673.049 Z M223.954,688 C223.9,689.761 223.74,691.493 223.439,693.156 C222.313,693.058 221.168,693 220,693 C218.832,693 217.687,693.058 216.562,693.156 C216.26,691.493 216.1,689.761 216.047,688 L223.954,688 L223.954,688 Z M216.047,686 C216.1,684.239 216.26,682.507 216.562,680.844 C217.687,680.942 218.832,681 220,681 C221.168,681 222.313,680.942 223.438,680.844 C223.74,682.507 223.9,684.239 223.954,686 L216.047,686 L216.047,686 Z M230.219,677.446 C228.586,677.962 226.862,678.356 225.064,678.621 C224.645,676.789 224.1,675.05 223.434,673.441 C226.073,674.108 228.415,675.523 230.219,677.446 L230.219,677.446 Z M231.596,679.171 C232.936,681.146 233.783,683.479 233.962,686 L225.957,686 C225.907,684.141 225.75,682.325 225.455,680.592 C227.622,680.285 229.681,679.808 231.596,679.171 L231.596,679.171 Z M220,671 C211.164,671 204,678.163 204,687 C204,695.837 211.164,703 220,703 C228.836,703 236,695.837 236,687 C236,678.163 228.836,671 220,671 L220,671 Z" id="globe" sketch:type="MSShapeGroup">
+                    
+                    </path>
+                            </g>
+                        </g>
+                    </svg>
+                </div>
+                <div class="ml-6 lg:ml-0 lg:mt-4">
+                    <h3
+                        class="text-lg font-normal text-white before:mb-2 before:block before:font-mono before:text-sm ">
+                        Contribute to a growing ecosystem of decentralized services
+                    </h3>
+                </div>
+            </li>
+        </ul>
+</div>
\ No newline at end of file