diff --git a/content/faq.md b/content/about/faq.md
similarity index 100%
rename from content/faq.md
rename to content/about/faq.md
diff --git a/content/history.page.tsx b/content/about/history.page.tsx
similarity index 98%
rename from content/history.page.tsx
rename to content/about/history.page.tsx
index bd2575d30f..c368e20097 100644
--- a/content/history.page.tsx
+++ b/content/about/history.page.tsx
@@ -18,7 +18,7 @@ export default function History() {
         <div className="position-relative">
           <img
             alt="default-alt-text"
-            src={require("./img/backgrounds/history-orange.svg")}
+            src={require("../img/backgrounds/history-orange.svg")}
             className="landing-bg"
             id="history-orange"
           />
@@ -55,7 +55,7 @@ export default function History() {
         <div className="position-relative d-none-sm">
           <img
             alt="default-alt-text"
-            src={require("./img/backgrounds/history-purple.svg")}
+            src={require("../img/backgrounds/history-purple.svg")}
             id="history-purple"
           />
         </div>
diff --git a/content/impact.page.tsx b/content/about/impact.page.tsx
similarity index 95%
rename from content/impact.page.tsx
rename to content/about/impact.page.tsx
index 0d35a67411..3217be5647 100644
--- a/content/impact.page.tsx
+++ b/content/about/impact.page.tsx
@@ -1,9 +1,9 @@
 import * as React from "react";
 import { useTranslate } from "@portal/hooks";
-import mapDark from "./static/js/impact/mapDark.json"
-import mapLight from "./static/js/impact/mapLight.json"
+import mapDark from "../static/js/impact/mapDark.json";
+import mapLight from "../static/js/impact/mapLight.json";
 import { useLottie } from "lottie-react";
-import { useThemeFromClassList } from "./@theme/helpers";
+import { useThemeFromClassList } from "../@theme/helpers";
 
 export default function Impact() {
   const theme = useThemeFromClassList(['dark', 'light'])
@@ -21,7 +21,7 @@ export default function Impact() {
         <div className="position-relative d-none-sm">
           <img
             alt="default-alt-text"
-            src={require("./img/backgrounds/community-purple.svg")}
+            src={require("../img/backgrounds/community-purple.svg")}
             className="landing-bg"
             id="impact-purple"
           />
@@ -41,7 +41,7 @@ export default function Impact() {
         <div className="position-relative d-none-sm">
           <img
             alt="default-alt-text"
-            src={require("./img/backgrounds/home-green.svg")}
+            src={require("../img/backgrounds/home-green.svg")}
             id="impact-green"
           />
         </div>
@@ -94,7 +94,7 @@ export default function Impact() {
               <a href="#" id="playvideo">
                 <img
                   alt="Preview of man speaking with a play button"
-                  src={require("./static/img/impact/video_sustainable@2x.png")}
+                  src={require("../static/img/impact/video_sustainable@2x.png")}
                   id="xrpl-overview-video-intro"
                   className="w-100 video-image"
                 />
@@ -125,12 +125,12 @@ export default function Impact() {
           <div className="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
             <img
               alt="default-alt-text"
-              src={require("./img/backgrounds/cta-community-purple.svg")}
+              src={require("../img/backgrounds/cta-community-purple.svg")}
               className="cta cta-top-left"
             />
             <img
               alt="default-alt-text"
-              src={require("./img/backgrounds/cta-calculator-green.svg")}
+              src={require("../img/backgrounds/cta-calculator-green.svg")}
               className="cta cta-bottom-right"
             />
             <div className="z-index-1 position-relative">
diff --git a/content/xrp-ledger-overview.page.tsx b/content/about/index.page.tsx
similarity index 96%
rename from content/xrp-ledger-overview.page.tsx
rename to content/about/index.page.tsx
index b185c15994..5b67179b71 100644
--- a/content/xrp-ledger-overview.page.tsx
+++ b/content/about/index.page.tsx
@@ -72,7 +72,7 @@ export default function XrplOverview() {
         <div className="position-relative">
           <img
             alt="default-alt-text"
-            src={require("./img/backgrounds/xrpl-overview-purple.svg")}
+            src={require("../img/backgrounds/xrpl-overview-purple.svg")}
             className="landing-bg"
             id="xrpl-overview-purple"
           />
@@ -94,7 +94,7 @@ export default function XrplOverview() {
         <div className="position-relative d-none-sm">
           <img
             alt="default-alt-text"
-            src={require("./img/backgrounds/xrpl-overview-orange.svg")}
+            src={require("../img/backgrounds/xrpl-overview-orange.svg")}
             id="xrpl-overview-orange"
           />
         </div>
@@ -148,7 +148,7 @@ export default function XrplOverview() {
                 <a onClick={() => setVideoOne(!videoOne)} id="playvideo">
                   <img
                     alt="XRPL logo with play button surrounded with image bubbles of various people"
-                    src={require("./static/img/overview/video_explainer_intro@2x.png")}
+                    src={require("../static/img/overview/video_explainer_intro@2x.png")}
                     id="xrpl-overview-video-intro"
                     className="w-100 video-image"
                   />
@@ -212,7 +212,7 @@ export default function XrplOverview() {
           <div className="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
             <img
               alt="default-alt-text"
-              src={require("./img/backgrounds/cta-xrpl-overview-green.svg")}
+              src={require("../img/backgrounds/cta-xrpl-overview-green.svg")}
               className="cta cta-bottom-right"
             />
             <div className="z-index-1 position-relative">
@@ -296,7 +296,7 @@ export default function XrplOverview() {
               >
                 <img
                   alt="Two Monitors with person image bubbles inside, facing each other with a play button in between"
-                  src={require("./static/img/overview/video_explainer_consensus@2x.png")}
+                  src={require("../static/img/overview/video_explainer_consensus@2x.png")}
                   id="xrpl-overview-video-consensus"
                   className="w-100 video-image"
                 />
@@ -318,7 +318,7 @@ export default function XrplOverview() {
               >
                 <img
                   alt="graphlike background with play button in center"
-                  src={require("./static/img/overview/video_explainer_nodes@2x.png")}
+                  src={require("../static/img/overview/video_explainer_nodes@2x.png")}
                   id="xrpl-overview-video-nodes"
                   className="w-100 video-image"
                 />
@@ -340,7 +340,7 @@ export default function XrplOverview() {
               >
                 <img
                   alt="A globe graph with a play button in center"
-                  src={require("./static/img/overview/video_explainer_sustainability@2x.png")}
+                  src={require("../static/img/overview/video_explainer_sustainability@2x.png")}
                   id="xrpl-overview-video-sustainability"
                   className="w-100 video-image"
                 />
@@ -366,7 +366,7 @@ export default function XrplOverview() {
           <div className="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
             <img
               alt="default-alt-text"
-              src={require("./img/backgrounds/cta-xrpl-overview-orange.svg")}
+              src={require("../img/backgrounds/cta-xrpl-overview-orange.svg")}
               className="cta cta-bottom-right"
             />
             <div className="z-index-1 position-relative">
diff --git a/content/privacy-policy.md b/content/about/privacy-policy.md
similarity index 100%
rename from content/privacy-policy.md
rename to content/about/privacy-policy.md
diff --git a/content/uses.page.tsx b/content/about/uses.page.tsx
similarity index 98%
rename from content/uses.page.tsx
rename to content/about/uses.page.tsx
index ed6e64a03f..5346a4c478 100644
--- a/content/uses.page.tsx
+++ b/content/about/uses.page.tsx
@@ -1,11 +1,11 @@
 import * as React from "react";
 import { useTranslate } from "@portal/hooks";
-import numLight from "./static/js/ecosystem/numbers-animation-light.json";
-import numDark from "./static/js/ecosystem/numbers-animation.json";
-import arrow from "./static/js/ecosystem/arrow-animation.json";
+import numLight from "../static/js/ecosystem/numbers-animation-light.json";
+import numDark from "../static/js/ecosystem/numbers-animation.json";
+import arrow from "../static/js/ecosystem/arrow-animation.json";
 
 import { useLottie } from "lottie-react";
-import { useThemeFromClassList } from "./@theme/helpers";
+import { useThemeFromClassList } from "../@theme/helpers";
 
 const logos = {
   infrastructure: [
@@ -798,7 +798,7 @@ export default function Uses() {
             >
               <span className="mr-3">
                 <img
-                  src={require("./static/img/uses/usecase-filter.svg")}
+                  src={require("../static/img/uses/usecase-filter.svg")}
                   alt="Filter button"
                 />
               </span>
diff --git a/content/xrp-overview.page.tsx b/content/about/xrp.page.tsx
similarity index 98%
rename from content/xrp-overview.page.tsx
rename to content/about/xrp.page.tsx
index 8d417d3ba7..0d0656b46d 100644
--- a/content/xrp-overview.page.tsx
+++ b/content/about/xrp.page.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import { useTranslate } from "@portal/hooks";
-import briefcaseIcon from "./static/img/icons/briefcase.svg";
-import userIcon from "./static/img/icons/user.svg";
+import briefcaseIcon from "../static/img/icons/briefcase.svg";
+import userIcon from "../static/img/icons/user.svg";
 
 const links = [
   { hash: "#about-xrp", text: "About XRP" },
@@ -109,7 +109,7 @@ export default function XrpOverview() {
         <div className="position-relative">
           <img
             alt="default-alt-text"
-            src={require("./img/backgrounds/xrp-overview-blue.svg")}
+            src={require("../img/backgrounds/xrp-overview-blue.svg")}
             className="landing-bg"
             id="xrp-overview-blue"
           />
@@ -253,7 +253,7 @@ export default function XrpOverview() {
                 <div className="mt-10 p-10 br-8 cta-card position-relative">
                   <img
                     alt="default-alt-text"
-                    src={require("./img/backgrounds/cta-xrp-overview-magenta.svg")}
+                    src={require("../img/backgrounds/cta-xrp-overview-magenta.svg")}
                     className="cta cta-bottom-right"
                   />
                   <div className="z-index-1 position-relative">
@@ -326,7 +326,7 @@ export default function XrpOverview() {
                 <div className="mt-10 p-10 br-8 cta-card position-relative">
                   <img
                     alt="default-alt-text"
-                    src={require("./img/backgrounds/cta-xrp-overview-green-2.svg")}
+                    src={require("../img/backgrounds/cta-xrp-overview-green-2.svg")}
                     className="landing-bg cta cta-bottom-right"
                   />
                   <div className="z-index-1 position-relative">
@@ -340,7 +340,7 @@ export default function XrpOverview() {
                         <img
                           id="xrp-mark-overview"
                           className="mw-100 invertible-img mr-2"
-                          src={require("./img/logos/xrp-mark.svg")}
+                          src={require("../img/logos/xrp-mark.svg")}
                           alt="XRP Logo Mark"
                         />
                         <span
diff --git a/content/ambassadors.page.tsx b/content/community/ambassadors.page.tsx
similarity index 90%
rename from content/ambassadors.page.tsx
rename to content/community/ambassadors.page.tsx
index b4a926997f..dd895afb41 100644
--- a/content/ambassadors.page.tsx
+++ b/content/community/ambassadors.page.tsx
@@ -12,7 +12,7 @@ export default function Ambassadors() {
     <div className="landing page-ambassadors">
       <div>
     <div className="position-relative d-none-sm">
-        <img alt="background purple waves" src={require("./img/backgrounds/ambassador-purple.svg")} className="position-absolute" style={{top: 0, right: 0}} />
+        <img alt="background purple waves" src={require("../img/backgrounds/ambassador-purple.svg")} className="position-absolute" style={{top: 0, right: 0}} />
     </div>
     <section className="container-new py-26 text-lg-center">
         <div className="p-0 col-lg-8 mx-lg-auto">
@@ -39,7 +39,7 @@ export default function Ambassadors() {
             </div>
             <div className="order-lg-1 col-lg-6 px-0 mr-lg-4">
                 <div className="row m-0">
-                    <img alt="Person speaking and person taking photo" src={require("./static/img/ambassadors/developer-hero@2x.png")} className="w-100" />
+                    <img alt="Person speaking and person taking photo" src={require("../static/img/ambassadors/developer-hero@2x.png")} className="w-100" />
                 </div>
             </div>
             <div className="d-lg-none order-3 mt-4 pt-3 p-lg-3">
@@ -221,8 +221,8 @@ export default function Ambassadors() {
                 <div className="carousel-item active">
                     <div className="p-0">
                         <div className="mb-4 p-lg-3">
-                            <img alt="I have learned so much through creating programs and connecting with the XRPL community. Im truly grateful for everyone's support along the way and for the opportunity to gain so much knowledge from this expierence" src={require("./static/img/ambassadors/quote1-small.svg")} className="h-100 d-lg-none mb-4" />
-                            <img alt="I have learned so much through creating programs and connecting with the XRPL community. Im truly grateful for everyone's support along the way and for the opportunity to gain so much knowledge from this expierence" src={require("./static/img/ambassadors/quote1.svg")} className="h-100 d-none d-lg-block" />
+                            <img alt="I have learned so much through creating programs and connecting with the XRPL community. Im truly grateful for everyone's support along the way and for the opportunity to gain so much knowledge from this expierence" src={require("../static/img/ambassadors/quote1-small.svg")} className="h-100 d-lg-none mb-4" />
+                            <img alt="I have learned so much through creating programs and connecting with the XRPL community. Im truly grateful for everyone's support along the way and for the opportunity to gain so much knowledge from this expierence" src={require("../static/img/ambassadors/quote1.svg")} className="h-100 d-none d-lg-block" />
                             <div className="p-0 col-lg-7 mx-lg-auto">
                                 <p className="p-lg-3 mb-2"><strong>Derrick N.</strong><br />
                                     Toronto Metropolitan University<br />
@@ -234,8 +234,8 @@ export default function Ambassadors() {
                 <div className="carousel-item mb-20">
                     <div className="p-0">
                         <div className="mb-4 p-lg-3">
-                            <img alt="The XRPL Campus Ambassador program really helped broaden my view of the blockchain industry with their learning resource and virtual community. Being an ambassador allowed me to meet industry professionals and likeminded peers which have given me invaluable experiences and insights." src={require("./static/img/ambassadors/quote2-small.svg")} className="h-150 d-lg-none  mb-4" />
-                            <img alt="The XRPL Campus Ambassador program really helped broaden my view of the blockchain industry with their learning resource and virtual community. Being an ambassador allowed me to meet industry professionals and likeminded peers which have given me invaluable experiences and insights." src={require("./static/img/ambassadors/quote2.svg")} className="h-100 d-none d-lg-block" />
+                            <img alt="The XRPL Campus Ambassador program really helped broaden my view of the blockchain industry with their learning resource and virtual community. Being an ambassador allowed me to meet industry professionals and likeminded peers which have given me invaluable experiences and insights." src={require("../static/img/ambassadors/quote2-small.svg")} className="h-150 d-lg-none  mb-4" />
+                            <img alt="The XRPL Campus Ambassador program really helped broaden my view of the blockchain industry with their learning resource and virtual community. Being an ambassador allowed me to meet industry professionals and likeminded peers which have given me invaluable experiences and insights." src={require("../static/img/ambassadors/quote2.svg")} className="h-100 d-none d-lg-block" />
                             <div className="p-0 col-lg-7 mx-lg-auto">
                                 <p className="p-lg-3 mb-2"><strong>Sally Z.</strong><br />
                                     Toronto Metropolitan University<br />
@@ -247,8 +247,8 @@ export default function Ambassadors() {
                 <div className="carousel-item mb-40">
                     <div className="p-0">
                         <div className="mb-4 p-lg-3">
-                            <img alt="Ive had the pleasure over the course of this program to speak with amazing individuals, I encourage you all to reach out to other people in this program and make as many connections as you can. You will quickly find out that by speaking with other people in this cohort you can learn just about anything if you ask the right people." src={require("./static/img/ambassadors/quote3-small.svg")} className="h-150 d-lg-none  mb-4" />
-                            <img alt="Ive had the pleasure over the course of this program to speak with amazing individuals, I encourage you all to reach out to other people in this program and make as many connections as you can. You will quickly find out that by speaking with other people in this cohort you can learn just about anything if you ask the right people." src={require("./static/img/ambassadors/quote3.svg")} className="h-100 d-none d-lg-block" />
+                            <img alt="Ive had the pleasure over the course of this program to speak with amazing individuals, I encourage you all to reach out to other people in this program and make as many connections as you can. You will quickly find out that by speaking with other people in this cohort you can learn just about anything if you ask the right people." src={require("../static/img/ambassadors/quote3-small.svg")} className="h-150 d-lg-none  mb-4" />
+                            <img alt="Ive had the pleasure over the course of this program to speak with amazing individuals, I encourage you all to reach out to other people in this program and make as many connections as you can. You will quickly find out that by speaking with other people in this cohort you can learn just about anything if you ask the right people." src={require("../static/img/ambassadors/quote3.svg")} className="h-100 d-none d-lg-block" />
                             <div className="p-0 col-lg-7 mx-lg-auto">
                                 <p className="p-lg-3 mb-2"><strong>Nick D.</strong><br />
                                     Miami University<br />
@@ -278,7 +278,7 @@ export default function Ambassadors() {
                 <div className="row m-0">
                     <div className="col-12 col-lg-6 p-0 pr-lg-4">
                         <div className="px-lg-3 pb-3">
-                            <img  src={require("./static/img/ambassadors/01.svg")} className="pl-lg-3" />
+                            <img  src={require("../static/img/ambassadors/01.svg")} className="pl-lg-3" />
                             <div className="p-lg-3 pt-3">
                                 <h6 className="mb-3">{translate("Apply")}</h6>
                                 <p>{translate("Submit an application to be considered for the Campus Ambassador program.")}</p>
@@ -286,14 +286,14 @@ export default function Ambassadors() {
                         </div>
                         {/* Hide on large */}
                         <div className="px-lg-3 pb-3 d-lg-none ">
-                            <img  src={require("./static/img/ambassadors/02.svg")} className="pl-lg-3" />
+                            <img  src={require("../static/img/ambassadors/02.svg")} className="pl-lg-3" />
                             <div className="p-lg-3 pt-3">
                                 <h6 className="mb-3">{translate("Interview")}</h6>
                                 <p>{translate("Tell the XRPL community-led panel more about yourself and your interest in the program during an interview.")}</p>
                             </div>
                         </div>
                         <div className="px-lg-3 pb-3">
-                            <img  src={require("./static/img/ambassadors/03.svg")} className="pl-lg-3" />
+                            <img  src={require("../static/img/ambassadors/03.svg")} className="pl-lg-3" />
                             <div className="p-lg-3 pt-3">
                                 <h6 className="mb-3">{translate("Join")}</h6>
                                 <p>{translate("Congrats on your new role! Join the global cohort of Ambassadors and meet with community participants during onboarding.")}</p>
@@ -301,7 +301,7 @@ export default function Ambassadors() {
                         </div>
                         {/* Hide on large */}
                         <div className="p-lg-3 pb-3 d-lg-none">
-                            <img  src={require("./static/img/ambassadors/04.svg")} className="pl-lg-3" />
+                            <img  src={require("../static/img/ambassadors/04.svg")} className="pl-lg-3" />
                             <div className="p-lg-3 pt-3">
                                 <h6 className="mb-3">{translate("Learn")}</h6>
                                 <p> {translate("Participate in personalized learning and training sessions for Ambassadors on the XRPL and blockchain technology.")}</p>
@@ -312,14 +312,14 @@ export default function Ambassadors() {
                     {/* Show on large */}
                     <div className="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block mt-5">
                         <div className="px-lg-3 pb-3 mt-5">
-                            <img  src={require("./static/img/ambassadors/02.svg")} className="pl-lg-3" />
+                            <img  src={require("../static/img/ambassadors/02.svg")} className="pl-lg-3" />
                             <div className="p-lg-3 pt-3">
                                 <h6 className="mb-3">{translate("Interview")}</h6>
                                 <p>{translate("Tell the XRPL community-led panel more about yourself and your interest in the program during an interview.")}</p>
                             </div>
                         </div>
                         <div className="p-lg-3 pb-3 ">
-                            <img  src={require("./static/img/ambassadors/04.svg")} className="pl-lg-3" />
+                            <img  src={require("../static/img/ambassadors/04.svg")} className="pl-lg-3" />
                             <div className="p-lg-3 pt-3 pb-lg-0">
                                 <h6 className="mb-3">{translate("Learn")}</h6>
                                 <p className="pb-lg-0">{translate("Participate in personalized learning and training sessions for Ambassadors on the XRPL and blockchain technology.")}</p>
@@ -336,7 +336,7 @@ export default function Ambassadors() {
     </section>
     {/* Image Block */}
     <div>
-        <img alt="Ripple Conferences and two people Sitting" src={require("./static/img/ambassadors/students-large.png")} className="w-100" />
+        <img alt="Ripple Conferences and two people Sitting" src={require("../static/img/ambassadors/students-large.png")} className="w-100" />
     </div>
     {/* Global Community Carousel */}
     <section className="container-new pt-26">
@@ -349,14 +349,14 @@ export default function Ambassadors() {
     </section>
     <div id="container-scroll">
         <div className="photobanner">
-            <img src={require("./static/img/ambassadors/locations-row-1.png")} alt="Ambassador locations" height="48px" className="px-5" />
-            <img src={require("./static/img/ambassadors/locations-row-1.png")} alt="Ambassador locations" height="48px" className="px-5" />
-            <img src={require("./static/img/ambassadors/locations-row-1.png")} alt="Ambassador locations" height="48px" className="px-5" />
+            <img src={require("../static/img/ambassadors/locations-row-1.png")} alt="Ambassador locations" height="48px" className="px-5" />
+            <img src={require("../static/img/ambassadors/locations-row-1.png")} alt="Ambassador locations" height="48px" className="px-5" />
+            <img src={require("../static/img/ambassadors/locations-row-1.png")} alt="Ambassador locations" height="48px" className="px-5" />
         </div>
         <div className="photobanner photobanner-bottom">
-            <img src={require("./static/img/ambassadors/locations-row-2.png")} alt="Ambassador locations" height="48px" className="px-5" />
-            <img src={require("./static/img/ambassadors/locations-row-2.png")} alt="Ambassador locations" height="48px" className="px-5" />
-            <img src={require("./static/img/ambassadors/locations-row-2.png")} alt="Ambassador locations" height="48px" className="px-5" />
+            <img src={require("../static/img/ambassadors/locations-row-2.png")} alt="Ambassador locations" height="48px" className="px-5" />
+            <img src={require("../static/img/ambassadors/locations-row-2.png")} alt="Ambassador locations" height="48px" className="px-5" />
+            <img src={require("../static/img/ambassadors/locations-row-2.png")} alt="Ambassador locations" height="48px" className="px-5" />
         </div>
     </div>
     {/* Connect */}
@@ -377,14 +377,14 @@ export default function Ambassadors() {
                 <div className="row align-items-center m-0">
                     <div className="col-12 col-lg-6 p-0 pr-lg-4">
                         <div className="p-lg-3 mb-3 pb-3">
-                            <img alt="meetup" src={require("./static/img/ambassadors/icon_meetup.svg")} className="mb-3" />
+                            <img alt="meetup" src={require("../static/img/ambassadors/icon_meetup.svg")} className="mb-3" />
                             <div>
                                 <h6 className="mb-3"><a className="btn-arrow" href="https://www.meetup.com/pro/xrpl-community/">{translate("MeetUp")}</a></h6>
                                 <p>{translate("Attend an XRPL Meetup in your local area")}</p>
                             </div>
                         </div>
                         <div className="p-lg-3 mb-3 pb-3">
-                            <img alt="devto" src={require("./static/img/ambassadors/icon_devto.svg")} className="mb-3" />
+                            <img alt="devto" src={require("../static/img/ambassadors/icon_devto.svg")} className="mb-3" />
                             <div>
                                 <h6 className="mb-3"><a className="btn-arrow" href="https://dev.to/t/xrpl">{translate("Dev.to Blog")}</a></h6>
                                 <p>{translate("Read more about the activity of the XRPL Ambassadors")}</p>
@@ -393,7 +393,7 @@ export default function Ambassadors() {
                     </div>
                     <div className="col-12 col-lg-6 p-0 pl-lg-4">
                         <div className="p-lg-3 mb-3 pb-3 ">
-                            <img alt="discord" src={require("./static/img/ambassadors/icon_discord.svg")} className="mb-3" />
+                            <img alt="discord" src={require("../static/img/ambassadors/icon_discord.svg")} className="mb-3" />
                             <div>
                                 <h6 className="mb-3"><a className="btn-arrow" href="https://xrpldevs.org">{translate("Discord")}</a></h6>
                                 <p>{translate("Join the conversation on the XRPL Developer Discord")}</p>
diff --git a/content/developer-funding.page.tsx b/content/community/developer-funding.page.tsx
similarity index 99%
rename from content/developer-funding.page.tsx
rename to content/community/developer-funding.page.tsx
index 018f89eb44..4982fb4c9d 100644
--- a/content/developer-funding.page.tsx
+++ b/content/community/developer-funding.page.tsx
@@ -14,7 +14,7 @@ export default function Funding() {
         <div className="position-relative d-none-sm">
           <img
             alt="default-alt-text"
-            src={require("./img/backgrounds/funding-purple.svg")}
+            src={require("../img/backgrounds/funding-purple.svg")}
             className="position-absolute"
             style={{ top: 0, right: 0 }}
           />
@@ -404,7 +404,7 @@ export default function Funding() {
         <div className="position-relative d-none-sm">
           <img
             alt="default-alt-text"
-            src={require("./img/backgrounds/funding-orange.svg")}
+            src={require("../img/backgrounds/funding-orange.svg")}
             id="funding-orange"
           />
         </div>
diff --git a/content/events.page.tsx b/content/community/events.page.tsx
similarity index 99%
rename from content/events.page.tsx
rename to content/community/events.page.tsx
index 6c73195e31..ad827dc050 100644
--- a/content/events.page.tsx
+++ b/content/community/events.page.tsx
@@ -555,7 +555,7 @@ export default function Events() {
         <div className="position-relative d-none-sm">
           <img
             alt="default-alt-text"
-            src={require("./img/backgrounds/events-orange.svg")}
+            src={require("../img/backgrounds/events-orange.svg")}
             id="events-orange"
           />
         </div>
@@ -574,7 +574,7 @@ export default function Events() {
             <div className="pr-2 col">
               <img
                 alt="default-alt-text"
-                src={require("./static/img/events/event-hero3@2x.png")}
+                src={require("../static/img/events/event-hero3@2x.png")}
                 className="w-100"
               />
             </div>
@@ -719,7 +719,7 @@ export default function Events() {
                 <div
                   className="event-card-header"
                   style={{
-                    background: `no-repeat url(./img/events/${event.image})`,
+                    background: `no-repeat url(../img/events/${event.image})`,
                   }}
                 >
                   <div className="event-card-title">{event.name}</div>
@@ -844,7 +844,7 @@ export default function Events() {
                 <div
                   className="event-card-header"
                   style={{
-                    background: `no-repeat url(./img/events/${event.image})`,
+                    background: `no-repeat url(../img/events/${event.image})`,
                   }}
                 >
                   <div className="event-card-title">{event.name}</div>
diff --git a/content/contribute.page.tsx b/content/community/index.page.tsx
similarity index 90%
rename from content/contribute.page.tsx
rename to content/community/index.page.tsx
index 5ddec569b3..b797de977e 100644
--- a/content/contribute.page.tsx
+++ b/content/community/index.page.tsx
@@ -1,8 +1,8 @@
 import * as React from "react";
 import { useTranslate } from "@portal/hooks";
-import NetworkNodeLight from "./static/js/community/NetworkNodeLight.json";
-import GrantsDark from "./static/js/community/XRPLGrantsDark.json";
-import CareersDark from "./static/js/community/CareersDark.json";
+import NetworkNodeLight from "../static/js/community/NetworkNodeLight.json";
+import GrantsDark from "../static/js/community/XRPLGrantsDark.json";
+import CareersDark from "../static/js/community/CareersDark.json";
 import { useLottie } from "lottie-react";
 import { useThemeFromClassList } from "./@theme/helpers";
 
@@ -95,35 +95,35 @@ export default function Contribute() {
               className="parallax one"
               width="220px"
               height="160px"
-              src={require("./static/img/community/community-one.png")}
+              src={require("../static/img/community/community-one.png")}
             />
             <img
               alt="Person speaking at a conference"
               className="parallax two"
               width="120px"
               height="160px"
-              src={require("./static/img/community/community-two.png")}
+              src={require("../static/img/community/community-two.png")}
             />
             <img
               alt="Person sitting and speaking"
               className="parallax three"
               width="102px"
               height="102px"
-              src={require("./static/img/community/community-three.png")}
+              src={require("../static/img/community/community-three.png")}
             />
             <img
               alt="People chatting"
               className="parallax four"
               width="120px"
               height="160px"
-              src={require("./static/img/community/community-four@2x.png")}
+              src={require("../static/img/community/community-four@2x.png")}
             />
             <img
               alt="Person speaking at Apex"
               className="parallax five"
               width="216px"
               height="160px"
-              src={require("./static/img/community/community-five@2x.png")}
+              src={require("../static/img/community/community-five@2x.png")}
             />
           </div>
           <div className="col-lg-6 mx-auto text-left text-md-center">
@@ -229,7 +229,7 @@ export default function Contribute() {
                 </h6>
                 <img
                   alt="$10K - $200K"
-                  src={require("./static/img/community/community-grants-1.svg")}
+                  src={require("../static/img/community/community-grants-1.svg")}
                 />
               </div>
               <div className="mb-4 pb-3 mb-lg-3 pb-lg-5">
@@ -238,7 +238,7 @@ export default function Contribute() {
                 </h6>
                 <img
                   alt="$6.0M"
-                  src={require("./static/img/community/community-grants-2.svg")}
+                  src={require("../static/img/community/community-grants-2.svg")}
                 />
               </div>
               <div className="mb-4 pb-3 mb-lg-3 pb-lg-5">
@@ -247,7 +247,7 @@ export default function Contribute() {
                 </h6>
                 <img
                   alt="50+"
-                  src={require("./static/img/community/community-grants-3.svg")}
+                  src={require("../static/img/community/community-grants-3.svg")}
                 />
               </div>
               <div id="xrplGrantsDark-small" className="d-lg-none d-block mt-4 pt-3">
@@ -269,7 +269,7 @@ export default function Contribute() {
             <div className="col pr-2 d-lg-block d-none">
               <img
                 alt="Bubbles with people inside"
-                src={require("./static/img/community/community-blog@2x.png")}
+                src={require("../static/img/community/community-blog@2x.png")}
                 className="w-100 blog-graphic"
               />
             </div>
@@ -292,7 +292,7 @@ export default function Contribute() {
               <div className="d-lg-none d-block">
                 <img
                   alt="Bubbles with people inside"
-                  src={require("./static/img/community/community-blog@2x.png")}
+                  src={require("../static/img/community/community-blog@2x.png")}
                   className="w-100 blog-graphic"
                 />
               </div>
@@ -325,7 +325,7 @@ export default function Contribute() {
                 <div className=" pr-1 mr-3 align-self-start">
                   <img
                     alt="People standing at Apex"
-                    src={require("./static/img/community/community-events-apex-small@2x.png")}
+                    src={require("../static/img/community/community-events-apex-small@2x.png")}
                     className="w-100"
                   />
                   <p className="bold text-light mt-3">
@@ -335,7 +335,7 @@ export default function Contribute() {
                 <div className=" px-1 mx-3 align-self-center">
                   <img
                     alt="People standing in a circle"
-                    src={require("./static/img/community/community-events-meetup-small@2x.png")}
+                    src={require("../static/img/community/community-events-meetup-small@2x.png")}
                     className="w-100"
                   />
                   <p className="bold text-light mt-3">
@@ -345,7 +345,7 @@ export default function Contribute() {
                 <div className=" pl-1 ml-3 align-self-end">
                   <img
                     alt="Blue and pink card"
-                    src={require("./static/img/community/community-events-hackathon-small@2x.png")}
+                    src={require("../static/img/community/community-events-hackathon-small@2x.png")}
                     className="w-100"
                   />
                   <p className="bold text-light mt-3">
@@ -373,7 +373,7 @@ export default function Contribute() {
                 <div className="mb-4 pb-3 mb-lg-3 pb-lg-5">
                   <img
                     alt="People standing at Apex"
-                    src={require("./static/img/community/community-events-apex@2x.png")}
+                    src={require("../static/img/community/community-events-apex@2x.png")}
                     className="w-100"
                   />
                   <h6 className="mt-3">{translate("Welcome to Apex 2021")}</h6>
@@ -381,7 +381,7 @@ export default function Contribute() {
                 <div className="mb-4 pb-3 mb-lg-3 pb-lg-5">
                   <img
                     alt="People standing in a circle"
-                    src={require("./static/img/community/community-events-meetup@2x.png")}
+                    src={require("../static/img/community/community-events-meetup@2x.png")}
                     className="w-100"
                   />
                   <h6 className="mt-3">{translate("XRPL Community Meetup")}</h6>
@@ -389,7 +389,7 @@ export default function Contribute() {
                 <div className="mb-4 pb-3 mb-lg-3 pb-lg-5">
                   <img
                     alt="Blue and pink card"
-                    src={require("./static/img/community/community-events-hackathon@2x.png")}
+                    src={require("../static/img/community/community-events-hackathon@2x.png")}
                     className="w-100"
                   />
                   <h6 className="mt-3">{translate("XRPL Hackathon 2022")}</h6>
@@ -458,7 +458,7 @@ export default function Contribute() {
                 <div className=" pr-1 mr-3">
                   <img
                     alt="Preview of xrpl community design assets webpages"
-                    src={require("./static/img/community/community-design-assets.png")}
+                    src={require("../static/img/community/community-design-assets.png")}
                     className="w-100"
                   />
                 </div>
@@ -477,7 +477,7 @@ export default function Contribute() {
               <div className=" pr-1 mr-3">
                 <img
                   alt="Preview of xrpl community design assets webpages"
-                  src={require("./static/img/community/community-design-assets.png")}
+                  src={require("../static/img/community/community-design-assets.png")}
                   className="w-100"
                 />
               </div>
@@ -488,12 +488,12 @@ export default function Contribute() {
           <div className="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
             <img
               alt="default-alt-text"
-              src={require("./img/backgrounds/cta-community-purple.svg")}
+              src={require("../img/backgrounds/cta-community-purple.svg")}
               className="d-none-sm cta cta-top-left"
             />
             <img
               alt="default-alt-text"
-              src={require("./img/backgrounds/cta-community-green.svg")}
+              src={require("../img/backgrounds/cta-community-green.svg")}
               className="cta cta-bottom-right"
             />
             <div className="z-index-1 position-relative">
diff --git a/content/contributing/report-a-scam.md b/content/community/report-a-scam.md
similarity index 100%
rename from content/contributing/report-a-scam.md
rename to content/community/report-a-scam.md
diff --git a/content/code-samples.page.tsx b/content/resources/code-samples.page.tsx
similarity index 92%
rename from content/code-samples.page.tsx
rename to content/resources/code-samples.page.tsx
index 1bebf3ab2c..bee80da68d 100644
--- a/content/code-samples.page.tsx
+++ b/content/resources/code-samples.page.tsx
@@ -2,13 +2,13 @@ import * as React from 'react';
 import { usePageSharedData, useTranslate } from '@portal/hooks';
 
 const langIcons = {
-  cli: require('./static/img/logos/cli.svg'),
-  go: require('./static/img/logos/golang.svg'),
-  java: require('./static/img/logos/java.svg'),
-  js: require('./static/img/logos/javascript.svg'),
-  php: require('./static/img/logos/php.svg'),
-  py: require('./static/img/logos/python.svg'),
-  http: require('./static/img/logos/globe.svg'),
+  cli: require('../static/img/logos/cli.svg'),
+  go: require('../static/img/logos/golang.svg'),
+  java: require('../static/img/logos/java.svg'),
+  js: require('../static/img/logos/javascript.svg'),
+  php: require('../static/img/logos/php.svg'),
+  py: require('../static/img/logos/python.svg'),
+  http: require('../static/img/logos/globe.svg'),
 };
 const target = {
   github_forkurl: 'https://github.com/XRPLF/xrpl-dev-portal',
@@ -34,7 +34,7 @@ export default function CodeSamples() {
         <div className="position-relative d-none-sm">
           <img
             alt="default-alt-text"
-            src={require('./img/backgrounds/xrpl-overview-orange.svg')}
+            src={require('../img/backgrounds/xrpl-overview-orange.svg')}
             id="xrpl-overview-orange"
           />
         </div>
diff --git a/content/dev-tools/components/AlertTemplate.tsx b/content/resources/dev-tools/components/AlertTemplate.tsx
similarity index 100%
rename from content/dev-tools/components/AlertTemplate.tsx
rename to content/resources/dev-tools/components/AlertTemplate.tsx
diff --git a/content/dev-tools/components/DestinationAddressInput.tsx b/content/resources/dev-tools/components/DestinationAddressInput.tsx
similarity index 100%
rename from content/dev-tools/components/DestinationAddressInput.tsx
rename to content/resources/dev-tools/components/DestinationAddressInput.tsx
diff --git a/content/dev-tools/components/InitButton.tsx b/content/resources/dev-tools/components/InitButton.tsx
similarity index 100%
rename from content/dev-tools/components/InitButton.tsx
rename to content/resources/dev-tools/components/InitButton.tsx
diff --git a/content/dev-tools/components/StatusSidebar.tsx b/content/resources/dev-tools/components/StatusSidebar.tsx
similarity index 100%
rename from content/dev-tools/components/StatusSidebar.tsx
rename to content/resources/dev-tools/components/StatusSidebar.tsx
diff --git a/content/dev-tools/components/TransactionButton.tsx b/content/resources/dev-tools/components/TransactionButton.tsx
similarity index 100%
rename from content/dev-tools/components/TransactionButton.tsx
rename to content/resources/dev-tools/components/TransactionButton.tsx
diff --git a/content/dev-tools/faucets.json b/content/resources/dev-tools/faucets.json
similarity index 100%
rename from content/dev-tools/faucets.json
rename to content/resources/dev-tools/faucets.json
diff --git a/content/dev-tools.page.tsx b/content/resources/dev-tools/index.page.tsx
similarity index 91%
rename from content/dev-tools.page.tsx
rename to content/resources/dev-tools/index.page.tsx
index 0996e0f532..f158d30903 100644
--- a/content/dev-tools.page.tsx
+++ b/content/resources/dev-tools/index.page.tsx
@@ -7,7 +7,7 @@ const explorers_tools = [
     description:
       "View validations of new ledger versions in real-time, or chart the location of servers in the XRP Ledger.",
     href: "https://livenet.xrpl.org",
-    img: require("img/dev-tools/explorer.png"),
+    img: require("../../img/dev-tools/explorer.png"),
   },
   {
     id: "bithomp-explorer",
@@ -15,7 +15,7 @@ const explorers_tools = [
     description:
       "Explore public ledger data including accounts' transaction history and known names.",
     href: "https://bithomp.com/",
-    img: require("img/dev-tools/bithomp.png"),
+    img: require("../../img/dev-tools/bithomp.png"),
   },
   {
     id: "xrpscan",
@@ -23,7 +23,7 @@ const explorers_tools = [
     description:
       "Explore ledger activity, view amendment voting in real-time, and get account information. API access is also available.",
     href: "https://xrpscan.com/",
-    img: require("img/dev-tools/xrpscan.png"),
+    img: require("../../img/dev-tools/xrpscan.png"),
   },
   {
     id: "token-list",
@@ -31,7 +31,7 @@ const explorers_tools = [
     description:
       "See all tokens issued in the XRP Ledger and use preset tools to issue custom tokens at the click of a button.",
     href: "https://xumm.community/tokens",
-    img: require("img/dev-tools/tokenlist.png"),
+    img: require("../../img/dev-tools/tokenlist.png"),
   },
 ];
 
@@ -42,7 +42,7 @@ const api_access_tools = [
     description:
       "Send sample requests and get responses from the rippled API. ",
     href: "websocket-api-tool",
-    img: require("img/dev-tools/websocket-tool.png"),
+    img: require("../../img/dev-tools/websocket-tool.png"),
   },
   {
     id: "rpc",
@@ -50,14 +50,14 @@ const api_access_tools = [
     description:
       "Print raw information about an XRP Ledger account, transaction, or ledger.",
     href: "xrp-ledger-rpc-tool",
-    img: require("img/dev-tools/rpc-tool.png"),
+    img: require("../../img/dev-tools/rpc-tool.png"),
   },
   {
     id: "technical-explorer",
     title: "Technical Explorer",
     description: "Browse API objects from the ledger with real-time updates. ",
     href: "https://explorer.xrplf.org/",
-    img: require("img/dev-tools/technical-explorer.png"),
+    img: require("../../img/dev-tools/technical-explorer.png"),
   },
   {
     id: "faucets",
@@ -65,7 +65,7 @@ const api_access_tools = [
     description:
       "Get credentials and test-XRP for XRP Ledger Testnet or Devnet.",
     href: "xrp-testnet-faucet",
-    img: require("img/dev-tools/faucets.png"),
+    img: require("../../img/dev-tools/faucets.png"),
   },
   {
     id: "trasaction-sender",
@@ -73,7 +73,7 @@ const api_access_tools = [
     description:
       "Test how your code handles various XRP Ledger transactions by sending them over the Testnet to the address.",
     href: "tx-sender",
-    img: require("img/dev-tools/transaction-sender.png"),
+    img: require("../../img/dev-tools/transaction-sender.png"),
   },
 ];
 
@@ -83,14 +83,14 @@ const other = [
     title: "Domain Verification Checker",
     description: "Verify your validator's domain.",
     href: "validator-domain-verifier",
-    img: require("img/dev-tools/domain-checker.png"),
+    img: require("../../img/dev-tools/domain-checker.png"),
   },
   {
     id: "xrp-ledger",
     title: "xrp-ledger.toml Checker",
     description: "Verify that your xrp-ledger.toml file is set up properly.",
     href: "xrp-ledger-toml-checker",
-    img: require("img/dev-tools/toml-checker.png"),
+    img: require("../../img/dev-tools/toml-checker.png"),
   },
   {
     id: "binary-visualizer",
@@ -98,7 +98,7 @@ const other = [
     description:
       "Parse the XRP Ledger's native binary format with a visual representation breaking down the raw structure into its parts.",
     href: "https://richardah.github.io/xrpl-binary-visualizer/",
-    img: require("img/dev-tools/binary-visualizer.png"),
+    img: require("../../img/dev-tools/binary-visualizer.png"),
   },
   {
     id: "token-metadata-lookup",
@@ -106,7 +106,7 @@ const other = [
     description:
       "Query known information about any token issued on the XRP Ledger.",
     href: "https://xrplmeta.org/",
-    img: require("img/dev-tools/token-metadata.png"),
+    img: require("../../img/dev-tools/token-metadata.png"),
   },
 ];
 
@@ -268,12 +268,12 @@ export default function DevTools() {
           <div className="col-lg-12 p-6-sm p-10-until-sm br-8 cta-card">
             <img
               alt="default-alt-text"
-              src={require("./img/backgrounds/cta-home-purple.svg")}
+              src={require("../../img/backgrounds/cta-home-purple.svg")}
               className="d-none-sm cta cta-top-left"
             />
             <img
               alt="default-alt-text"
-              src={require("./img/backgrounds/cta-home-green.svg")}
+              src={require("../../img/backgrounds/cta-home-green.svg")}
               className="cta cta-bottom-right"
             />
             <div className="z-index-1 position-relative">
diff --git a/content/dev-tools/tx-sender.page.tsx b/content/resources/dev-tools/tx-sender.page.tsx
similarity index 100%
rename from content/dev-tools/tx-sender.page.tsx
rename to content/resources/dev-tools/tx-sender.page.tsx
diff --git a/content/dev-tools/utils.tsx b/content/resources/dev-tools/utils.tsx
similarity index 100%
rename from content/dev-tools/utils.tsx
rename to content/resources/dev-tools/utils.tsx
diff --git a/content/dev-tools/xrp-faucets.page.tsx b/content/resources/dev-tools/xrp-faucets.page.tsx
similarity index 100%
rename from content/dev-tools/xrp-faucets.page.tsx
rename to content/resources/dev-tools/xrp-faucets.page.tsx
diff --git a/content/sidebars.yaml b/content/sidebars.yaml
index 06aa0b4f98..22d096ed05 100644
--- a/content/sidebars.yaml
+++ b/content/sidebars.yaml
@@ -1,19 +1,25 @@
   - group: XRPL Overview
+    page: about/index.page.tsx
     expanded: false
     items:
       - label: Use Cases & Featured Projects
+        page: about/uses.page.tsx
       - label: History
+        page: about/history.page.tsx
       - label: XRP
+        page: about/xrp.page.tsx
       - label: Impact
+        page: about/impact.page.tsx
       - label: XRPL Foundation
         href: https://foundation.xrpl.org/
         external: true
-      - page: faq.md
-      - page: privacy-policy.md
+      - page: about/faq.md
+      - page: about/privacy-policy.md
   - group: Documentation
+    page: docs.page.tsx
+    href: /docs/
     expanded: false
     items:
-      - label: Documentation Index
       - page: introduction/index.md
         expanded: false
         items:
@@ -619,8 +625,9 @@
     expanded: false
     items:
       - label: Code Samples
-        page: code-samples.page.tsx
+        page: resources/code-samples.page.tsx
       - group: Dev Tools
+        page: resources/dev-tools/index.page.tsx
         expanded: false
         items:
           - label: RPC Tool
@@ -659,6 +666,8 @@
           - page: resources/contribute-documentation/tutorial-guidelines.md
           - page: resources/contribute-documentation/tutorial-structure.md
   - group: Contribute to the XRPL Community
+    page: contribute.page.tsx
+    href: /community
     expanded: false
     items:
       - label: Events
diff --git a/content/top-nav.yaml b/content/top-nav.yaml
index 88ae979b50..1c3287c4a2 100644
--- a/content/top-nav.yaml
+++ b/content/top-nav.yaml
@@ -10,29 +10,29 @@
     - group: XRP Ledger Overview
       items:
         - label: XRPL Overview
-          href: /about/xrp-ledger-overview/
+          href: /about
         - label: Use Cases
-          href: /about/use-cases/
+          href: /about/uses
         - label: History
-          href: /about/history/
+          href: /about/history
         - label: Ledger Explorer
           href: https://livenet.xrpl.org
           external: true
     - group: XRP
       items:
         - label: XRP Overview
-          href: /about/xrp-overview
+          href: /about/xrp
     - group: Sustainability
       items:
         - label: Impact
-          href: /about/impact/
+          href: /about/impact
     - group: About
       items:
         - label: XRPL Foundation
           href: https://foundation.xrpl.org/
           external: true
         - label: FAQ
-          href: /about/faq/
+          href: /about/faq
 
 - group: Docs
   items:
@@ -43,37 +43,57 @@
     - group: Introduction to the XRP Ledger
       items:
         - label: What is XRP?
-          href: /docs/concepts/introduction/what-is-xrp
+          href: /introduction/what-is-xrp
         - label: What is the XRP Ledger?
-          href: /docs/concepts/introduction/what-is-xrpl
+          href: /introduction/what-is-the-xrp-ledger
         - label: Transactions and Requests
-          href: /docs/concepts/introduction/txn-and-requests
-    - group: Tutorials
-      items:
-        - label: Quickstart
-          href: /docs/tutorials/quickstart
-        - label: Code Samples
-          href: /docs/code-samples
+          href: /introduction/transactions-and-requests/
     - group: API Reference
       items:
         - label: Client Libraries
-          href: /docs/references/client-libraries/
+          href: /references/client-libraries/
         - label: Public API Methods
-          href: /docs/references/http-websocket-apis/public-api-methods/
+          href: /references/http-websocket-apis/public-api-methods/
         - label: Admin API Methods
-          href: /docs/references/http-websocket-apis/admin-api-methods/
+          href: /references/http-websocket-apis/admin-api-methods/
     - group: Popular Pages
       items:
         - label: Send XRP
-          href: /tutorials/send-xrp/
+          href: /tutorials/get-started/send-xrp/
         - label: XRP Faucets
           href: /dev-tools/xrp-faucets
           page: /dev-tools/xrp-faucets.page.tsx
         - label: XRPL Servers
           href: /infrastructure/xrpl-servers/
     - label: Dev Tools
-      href: /docs/dev-tools/
+      href: /dev-tools/
 
+- group: Resources
+  items:
+    - group: Development
+      items:
+        - label: Code Samples
+          href: /resources/code-samples
+        - label: Dev Tools
+          href: /resources/dev-tools
+        - label: XRPL Learning Portal
+          href: https://learn.xrpl.org/
+          external: true
+        - label: XRPL Brand Kit
+          href: /static/XRPL_Brand_Kit.zip
+    - group: Current Status
+      items:
+        - label: Ledger Explorer
+          href: https://livenet.xrpl.org/
+          external: true
+        - label: Known Amendments
+          href: /resources/known-amendments
+    - group: Join In
+      items:
+        - label: Contribute Code
+          href: /resources/contribute-code
+        - label: Contribute Documentation
+          href: /resources/contribute-documentation
 
 - group: Community
   items: