feat: reorder nav items and cards

Author: shleewhite

Diff for: website/app/components/doc/page/header/index.hbs

@@ -10,11 +10,12 @@
   </LinkTo>
   <nav class="doc-page-header__nav-menu" aria-label="primary navigation" id="primary-navigation">
     <ul role="list" aria-labelledby="primary-navigation">
-      <Doc::Page::Header::NavItem @label="Components" @route="components" @currentTopRoute={{@currentTopRoute}} />
+      <Doc::Page::Header::NavItem @label="About" @route="about" @currentTopRoute={{@currentTopRoute}} />
       <Doc::Page::Header::NavItem @label="Foundations" @route="foundations" @currentTopRoute={{@currentTopRoute}} />
-      <Doc::Page::Header::NavItem @label="Patterns" @route="patterns" @currentTopRoute={{@currentTopRoute}} />
       <Doc::Page::Header::NavItem @label="Content" @route="content" @currentTopRoute={{@currentTopRoute}} />
-      <Doc::Page::Header::NavItem @label="About" @route="about" @currentTopRoute={{@currentTopRoute}} />
+      <Doc::Page::Header::NavItem @label="Components" @route="components" @currentTopRoute={{@currentTopRoute}} />
+      <Doc::Page::Header::NavItem @label="Patterns" @route="patterns" @currentTopRoute={{@currentTopRoute}} />
+
       <li class="doc-page-header__nav-item-generic doc-page-header__nav-item--split">
         <div class="sr-only" id="search-button">This button opens a dialog containing an input field and some additional
           information that you may wish to explore. An automatic search will be performed as you type text into the

Diff for: website/app/components/doc/page/sidebar.hbs

@@ -11,19 +11,19 @@
           <div class="doc-table-of-contents__heading">Main categories</div>
         </li>
         <li class="doc-table-of-contents__item doc-table-of-contents__item--depth-2">
-          <LinkTo class="doc-table-of-contents__link" @route="components">Components</LinkTo>
+          <LinkTo class="doc-table-of-contents__link" @route="about">About</LinkTo>
         </li>
         <li class="doc-table-of-contents__item doc-table-of-contents__item--depth-2">
           <LinkTo class="doc-table-of-contents__link" @route="foundations">Foundations</LinkTo>
         </li>
         <li class="doc-table-of-contents__item doc-table-of-contents__item--depth-2">
-          <LinkTo class="doc-table-of-contents__link" @route="patterns">Patterns</LinkTo>
+          <LinkTo class="doc-table-of-contents__link" @route="content">Content</LinkTo>
         </li>
         <li class="doc-table-of-contents__item doc-table-of-contents__item--depth-2">
-          <LinkTo class="doc-table-of-contents__link" @route="content">Content</LinkTo>
+          <LinkTo class="doc-table-of-contents__link" @route="components">Components</LinkTo>
         </li>
         <li class="doc-table-of-contents__item doc-table-of-contents__item--depth-2">
-          <LinkTo class="doc-table-of-contents__link" @route="about">About</LinkTo>
+          <LinkTo class="doc-table-of-contents__link" @route="patterns">Patterns</LinkTo>
         </li>
         <li class="doc-table-of-contents__item doc-table-of-contents__item--depth-2">
           <LinkTo class="doc-table-of-contents__link" @route="show" @model="about/support">Support</LinkTo>

Diff for: website/app/controllers/index.js

@@ -7,29 +7,29 @@ import Controller from '@ember/controller';
 
 export default class IndexController extends Controller {
   cards = [
-    {
-      title: 'Components',
-      description:
-        'Reusable building blocks to speed up your work and focus on your users.',
-      route: 'components',
-    },
     {
       title: 'Foundations',
       description:
         'Design decisions and guidance for colors, icons, typography, and more.',
       route: 'foundations',
     },
-    {
-      title: 'Patterns',
-      description:
-        'Guidelines and best practices for consistent and scalable interfaces.',
-      route: 'patterns',
-    },
     {
       title: 'Content',
       description:
         'Structured guidelines on tone and voice, user communication and more.',
       route: 'content',
     },
+    {
+      title: 'Components',
+      description:
+        'Reusable building blocks to speed up your work and focus on your users.',
+      route: 'components',
+    },
+    {
+      title: 'Patterns',
+      description:
+        'Guidelines and best practices for consistent and scalable interfaces.',
+      route: 'patterns',
+    },
   ];
 }