From 26ff72bfd2f8c618f47ab53c8337bb6f02f2dfb3 Mon Sep 17 00:00:00 2001
From: Chad Curtis <chad@chadwick.site>
Date: Thu, 26 Feb 2026 21:49:28 -0600
Subject: [PATCH] Add intro blurb with illustration to advanced settings page

---
 src/pages/AdvancedSettingsPage.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/pages/AdvancedSettingsPage.tsx b/src/pages/AdvancedSettingsPage.tsx
index d343b91a..5f64bb11 100644
--- a/src/pages/AdvancedSettingsPage.tsx
+++ b/src/pages/AdvancedSettingsPage.tsx
@@ -1,6 +1,7 @@
 import { useSeoMeta } from '@unhead/react';
 import { ArrowLeft } from 'lucide-react';
 import { Link } from 'react-router-dom';
+import { IntroImage } from '@/components/IntroImage';
 import { AdvancedSettings } from '@/components/AdvancedSettings';
 import { WalletSettings } from '@/components/WalletSettings';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
@@ -36,6 +37,17 @@ export function AdvancedSettingsPage() {
       </div>
 
       <div className="p-4">
+        {/* Intro */}
+        <div className="flex items-center gap-4 px-3 pt-2 pb-4">
+          <IntroImage src="/advanced-intro.png" />
+          <div className="min-w-0">
+            <h2 className="text-sm font-semibold">Power User Settings</h2>
+            <p className="text-xs text-muted-foreground mt-1 leading-relaxed">
+              Wallet connections, system configuration, and other advanced options.
+            </p>
+          </div>
+        </div>
+
         {/* Wallet collapsible — only when logged in */}
         {user && (
           <Collapsible open={walletOpen} onOpenChange={setWalletOpen}>