From 88bc0111dec41def5806d94d87bb524d4c0df23c Mon Sep 17 00:00:00 2001
From: nobswebdev <nobswebdev@noreply.git.nobswebdev.com>
Date: Fri, 30 Oct 2026 19:07:45 +0100
Subject: [PATCH] reorder about page sections with host comparison first.

Move comparison table after the intro and put Compare hosts first in section nav.
---
 .../src/components/about/AboutSectionNav.vue  |  4 +--
 frontend/src/views/AboutView.vue              | 28 +++++++++----------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/about/AboutSectionNav.vue b/frontend/src/components/about/AboutSectionNav.vue
index 34c052a..6429966 100644
--- a/frontend/src/components/about/AboutSectionNav.vue
+++ b/frontend/src/components/about/AboutSectionNav.vue
@@ -18,12 +18,12 @@
 import { ROUTE_NAMES } from '@/consts/routeNames';
 
 const aboutPageNavSections = [
+    { id: 'compare', label: 'Compare hosts' },
     { id: 'exiftool', label: 'ExifTool' },
     { id: 'share-modes', label: 'Share modes' },
     { id: 'crypto-shred', label: 'Crypto-shredding' },
     { id: 'limits', label: 'Limits' },
     { id: 'self-hosting', label: 'Self-hosting' },
-    { id: 'clearnet-and-onion', label: 'Clearnet & onion' },
-    { id: 'compare', label: 'Compare hosts' }
+    { id: 'clearnet-and-onion', label: 'Clearnet & onion' }
 ];
 </script>
diff --git a/frontend/src/views/AboutView.vue b/frontend/src/views/AboutView.vue
index 8cfdc81..0aee59b 100644
--- a/frontend/src/views/AboutView.vue
+++ b/frontend/src/views/AboutView.vue
@@ -29,6 +29,20 @@
             </p>
         </article>
 
+        <section id="compare" class="mt-14 min-w-0 scroll-mt-16 sm:scroll-mt-20">
+            <h2 class="text-lg font-medium text-foreground">How other image hosts compare</h2>
+            <p class="mt-3 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
+                The table below compares Private Image with ImgBB, Imgur, and Catbox, three free image hosts commonly
+                used for forum posts and quick sharing.
+            </p>
+            <p class="mt-4 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
+                Features and privacy policies can change, so check each provider's current documentation before relying
+                on any particular capability.
+            </p>
+
+            <AboutComparisonTable class="mt-6" />
+        </section>
+
         <section id="exiftool" class="mt-14 scroll-mt-16 sm:scroll-mt-20">
             <h2 class="text-lg font-medium text-foreground">ExifTool runs in your browser</h2>
             <p class="mt-3 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
@@ -179,19 +193,5 @@
                 standard web addresses.
             </p>
         </section>
-
-        <section id="compare" class="mt-16 min-w-0 scroll-mt-16 sm:scroll-mt-20">
-            <h2 class="text-lg font-medium text-foreground">How other image hosts compare</h2>
-            <p class="mt-3 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
-                The table below compares Private Image with ImgBB, Imgur, and Catbox, three free image hosts commonly
-                used for forum posts and quick sharing.
-            </p>
-            <p class="mt-4 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
-                Features and privacy policies can change, so check each provider's current documentation before relying
-                on any particular capability.
-            </p>
-
-            <AboutComparisonTable class="mt-6" />
-        </section>
     </main>
 </template>