Merge pull request #12137 from Expensify/marco-addFreArticleButtons

docs/_includes/send-money-lhn.html

@@ -12,6 +12,17 @@
             <!-- Add content below, more instructions in the README.md file
                 https://github.com/Expensify/App/blob/main/docs/README.md#add-a-new-entry-in-the-lhn-page
             -->
+
+            <!-- Stage title anchor -->
+            <li><a href="#workspaces">Workspaces</a>
+                <ul>
+                    <!-- Article links -->
+                    <li><a href="/articles/send-money/The-Free-Plan">The Free Plan</a></li>
+                    <!-- More Article links here (if required)... -->
+                </ul>
+            </li>
+
+            <!-- More Stage title anchors here... -->
         </ul>
     </li>
     <li>

docs/hubs/send-money.html

@@ -8,7 +8,28 @@ <h1 class="title">
     Send Money page
 </h1>
 
-<!-- TODO: remove the following text, added just for testing -->
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur hendrerit euismod dui, nec fermentum urna porta ultrices. Nullam sed vestibulum purus, in auctor libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas dolor metus,
-
 <!-- Add content below, more instructions here https://github.com/Expensify/App/blob/main/docs/README.md#add-a-new-entry-in-the-hub-page -->
+
+
+<!-- Stage title -->
+<h2 id="workspaces">
+    Workspaces
+</h2>
+
+<!-- Group of Card buttons -->
+<div class="cards-group">
+
+    <!-- Card buttons -->
+
+    <a class="card" href="/articles/send-money/The-Free-Plan">
+        <div class="body">
+            <h3 class="title">The Free Plan</h3>
+        </div>
+        <div class="right-icon">
+            <i class="fa-solid fa-angle-right icon"></i>
+        </div>
+    </a>
+
+    <!-- More Card buttons here... -->
+
+</div>