From e71623c699e9c2a0f60bca22c890b322b1d5f4c4 Mon Sep 17 00:00:00 2001
From: Jacob Kauffmann <jacob@system76.com>
Date: Thu, 9 Oct 2025 15:00:57 -0600
Subject: [PATCH] Homepage tweaks

---
 content/clear-cache-and-cookies.md |  2 +-
 content/new-web-infrastructure.md  |  2 +-
 content/software-triage.md         |  2 +-
 pages/index.vue                    | 29 +++++++++++++----------------
 plugins/font-awesome.js            |  4 ++--
 5 files changed, 18 insertions(+), 21 deletions(-)

diff --git a/content/clear-cache-and-cookies.md b/content/clear-cache-and-cookies.md
index e2d9d1c3b7..849ac6396b 100644
--- a/content/clear-cache-and-cookies.md
+++ b/content/clear-cache-and-cookies.md
@@ -15,7 +15,7 @@ facebookImage: /_social/article
 twitterImage: /_social/article
 
 hidden: false
-section: getting-help
+section: software-troubleshooting
 tableOfContents: true
 ---
 
diff --git a/content/new-web-infrastructure.md b/content/new-web-infrastructure.md
index 2e482c6761..7addf8d295 100644
--- a/content/new-web-infrastructure.md
+++ b/content/new-web-infrastructure.md
@@ -15,7 +15,7 @@ facebookImage: /_social/article
 twitterImage: /_social/article
 
 hidden: false
-section: getting-help
+section: repairs-returns
 tableOfContents: true
 ---
 
diff --git a/content/software-triage.md b/content/software-triage.md
index 2afb72eedc..395e0748af 100644
--- a/content/software-triage.md
+++ b/content/software-triage.md
@@ -13,7 +13,7 @@ facebookImage: /_social/article
 twitterImage: /_social/article
 
 hidden: false
-section: getting-help
+section: software-troubleshooting
 tableOfContents: true
 ---
 
diff --git a/pages/index.vue b/pages/index.vue
index 0944e8d55d..cb0c74c2c5 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -106,7 +106,7 @@
       <div class="px-4 py-3 flex flex-col bg-white rounded-lg">
         <div class="mx-4 my-4 md:min-h-[4rem]">
           <h2 class="sys-article-h3">
-            Support Articles
+            Support Documentation
           </h2>
 
           <p class="text-lg my-4 text-warm-gray-600">
@@ -117,18 +117,18 @@
         <ul class="space-y-2">
           <li>
             <nuxt-link
-              to="#troubleshoot"
+              to="/articles/guides"
               class="flex items-center px-4 py-3 transition duration-150 ease-in-out rounded-md group hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-orange-500"
             >
               <div class="flex items-center justify-center flex-shrink-0 w-10 h-10 rounded-full bg-warm-gray-600 text-white sm:h-12 sm:w-12 transition duration-150 ease-in-out group-hover:bg-orange-500 group-focus:bg-orange-500">
-                <font-awesome-icon icon="search" />
+                <font-awesome-icon icon="screwdriver" />
               </div>
               <div class="ml-4">
                 <p class="font-bold text-warm-gray-800">
-                  Troubleshoot
+                  System76 Tech Docs
                 </p>
                 <p class="text-warm-gray-600">
-                  Detailed solutions for prominent issues.
+                  Diagrams and components for System76 hardware.
                 </p>
               </div>
             </nuxt-link>
@@ -136,18 +136,18 @@
 
           <li>
             <nuxt-link
-              to="#tune"
+              to="#troubleshoot"
               class="flex items-center px-4 py-3 transition duration-150 ease-in-out rounded-md group hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-orange-500"
             >
               <div class="flex items-center justify-center flex-shrink-0 w-10 h-10 rounded-full bg-warm-gray-600 text-white sm:h-12 sm:w-12 transition duration-150 ease-in-out group-hover:bg-orange-500 group-focus:bg-orange-500">
-                <font-awesome-icon icon="wrench" />
+                <font-awesome-icon icon="search" />
               </div>
               <div class="ml-4">
                 <p class="font-bold text-warm-gray-800">
-                  Tune
+                  Troubleshoot
                 </p>
                 <p class="text-warm-gray-600">
-                  Information on how to upgrade, maintain, and customize your system.
+                  Detailed solutions for prominent issues.
                 </p>
               </div>
             </nuxt-link>
@@ -155,18 +155,18 @@
 
           <li>
             <nuxt-link
-              to="#learn"
+              to="#tune"
               class="flex items-center px-4 py-3 transition duration-150 ease-in-out rounded-md group hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-orange-500"
             >
               <div class="flex items-center justify-center flex-shrink-0 w-10 h-10 rounded-full bg-warm-gray-600 text-white sm:h-12 sm:w-12 transition duration-150 ease-in-out group-hover:bg-orange-500 group-focus:bg-orange-500">
-                <font-awesome-icon icon="graduation-cap" />
+                <font-awesome-icon icon="wrench" />
               </div>
               <div class="ml-4">
                 <p class="font-bold text-warm-gray-800">
-                  Learn
+                  Tune
                 </p>
                 <p class="text-warm-gray-600">
-                  A general guide for new users. Welcome!
+                  Information on how to upgrade, maintain, and customize your system.
                 </p>
               </div>
             </nuxt-link>
@@ -306,9 +306,6 @@ export default {
     results: [],
 
     listings: [{
-      title: 'Getting Help',
-      section: 'getting-help'
-    }, {
       title: 'Troubleshoot',
       section: 'troubleshoot',
       listings: [{
diff --git a/plugins/font-awesome.js b/plugins/font-awesome.js
index f5f553e17e..4ac29952d3 100644
--- a/plugins/font-awesome.js
+++ b/plugins/font-awesome.js
@@ -3,13 +3,13 @@ import { faArrowLeft } from '@fortawesome/free-solid-svg-icons/faArrowLeft'
 import { faBars } from '@fortawesome/free-solid-svg-icons/faBars'
 import { faBolt } from '@fortawesome/free-solid-svg-icons/faBolt'
 import { faCog } from '@fortawesome/free-solid-svg-icons/faCog'
-import { faGraduationCap } from '@fortawesome/free-solid-svg-icons/faGraduationCap'
 import { faPaperPlane } from '@fortawesome/free-solid-svg-icons/faPaperPlane'
 import { faPhone } from '@fortawesome/free-solid-svg-icons/faPhone'
 import { faSearch } from '@fortawesome/free-solid-svg-icons/faSearch'
 import { faTicketAlt } from '@fortawesome/free-solid-svg-icons/faTicketAlt'
 import { faUser } from '@fortawesome/free-solid-svg-icons/faUser'
 import { faWrench } from '@fortawesome/free-solid-svg-icons/faWrench'
+import { faScrewdriver } from '@fortawesome/free-solid-svg-icons/faScrewdriver'
 import { faGithub } from '@fortawesome/free-brands-svg-icons/faGithub'
 import { faUbuntu } from '@fortawesome/free-brands-svg-icons/faUbuntu'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
@@ -23,13 +23,13 @@ library.add(faArrowLeft)
 library.add(faBars)
 library.add(faBolt)
 library.add(faCog)
-library.add(faGraduationCap)
 library.add(faPaperPlane)
 library.add(faPhone)
 library.add(faSearch)
 library.add(faTicketAlt)
 library.add(faUser)
 library.add(faWrench)
+library.add(faScrewdriver)
 library.add(faGithub)
 library.add(faUbuntu)
 library.add(faPopOs)