From 74930d623f6f276dcac49ea1ec2b2b7bd75d5886 Mon Sep 17 00:00:00 2001
From: michael <michael@modernfreedom.com>
Date: Thu, 8 Jan 2026 10:02:28 -0600
Subject: [PATCH] Replace agent icons with clean Heroicons

Replaced custom AI-generated icons with standard Heroicons for a more
professional appearance on the home page.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 frontend/components/icons/BarclaysLogo.tsx  | 7 +++++--
 frontend/components/icons/BrandIcon.tsx     | 4 ++--
 frontend/components/icons/ChannelIcon.tsx   | 4 ++--
 frontend/components/icons/LeadAgentIcon.tsx | 5 +++--
 frontend/components/icons/LegalIcon.tsx     | 4 ++--
 5 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/frontend/components/icons/BarclaysLogo.tsx b/frontend/components/icons/BarclaysLogo.tsx
index 88b6574..4c3cc0e 100755
--- a/frontend/components/icons/BarclaysLogo.tsx
+++ b/frontend/components/icons/BarclaysLogo.tsx
@@ -1,13 +1,16 @@
 import React from 'react';
 
+// Shield with checkmark - Heroicons "shield-check" (outline)
 export const BarclaysLogo: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
-    fill="currentColor"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth={1.5}
     aria-label="Barclays Logo"
     {...props}
   >
-    <path d="M12 1.5c-4.3 0-7.8 3.5-7.8 7.8 0 1.9.7 3.7 1.9 5.1-1-1.3-1.6-2.9-1.6-4.6 0-3.5 2.8-6.3 6.3-6.3s6.3 2.8 6.3 6.3c0 1.7-.6 3.3-1.6 4.6 1.2-1.4 1.9-3.2 1.9-5.1 0-4.3-3.5-7.8-7.8-7.8zm.5 15.6c-.3.3-.7.4-1.1.4s-.8-.1-1.1-.4c-1.9-1.9-3.9-2.9-6.3-2.8-.5 0-1 .4-1 .9s.4 1 .9 1c2.8.1 5.2 1.3 7.5 3.5.3.3.7.4 1.1.4s.8-.1 1.1-.4c2.3-2.2 4.7-3.4 7.5-3.5.5 0 .9-.5.9-1s-.4-1-.9-.9c-2.4-.1-4.4 1-6.3 2.8z" />
+    <path strokeLinecap="round" strokeLinejoin="round" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z" />
   </svg>
 );
diff --git a/frontend/components/icons/BrandIcon.tsx b/frontend/components/icons/BrandIcon.tsx
index f2816e8..4f468af 100755
--- a/frontend/components/icons/BrandIcon.tsx
+++ b/frontend/components/icons/BrandIcon.tsx
@@ -1,8 +1,8 @@
-
 import React from 'react';
 
+// Swatch icon - Heroicons "swatch" (outline) - represents brand/visual identity
 export const BrandIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" {...props}>
-        <path strokeLinecap="round" strokeLinejoin="round" d="M9.53 16.122a3 3 0 00-5.78 1.128 2.25 2.25 0 01-2.4 2.245 4.5 4.5 0 008.4-2.245c0-.399-.078-.78-.22-1.128zm0 0a15.998 15.998 0 003.388-1.62m-5.043-.025a15.994 15.994 0 011.622-3.385m5.043.025a2.25 2.25 0 012.245-2.4 4.5 4.5 0 00-2.245-8.4-4.5 4.5 0 00-8.4 2.245 2.25 2.25 0 01-2.4 2.4m-2.245 8.4a4.5 4.5 0 008.4 2.245 2.25 2.25 0 012.4-2.4m8.4-2.245a4.5 4.5 0 00-2.245-8.4 2.25 2.25 0 01-2.4-2.4" />
+        <path strokeLinecap="round" strokeLinejoin="round" d="M4.098 19.902a3.75 3.75 0 005.304 0l6.401-6.402M6.75 21A3.75 3.75 0 013 17.25V4.125C3 3.504 3.504 3 4.125 3h5.25c.621 0 1.125.504 1.125 1.125v4.072M6.75 21a3.75 3.75 0 003.75-3.75V8.197M6.75 21h13.125c.621 0 1.125-.504 1.125-1.125v-5.25c0-.621-.504-1.125-1.125-1.125h-4.072M10.5 8.197l2.88-2.88c.438-.439 1.15-.439 1.59 0l3.712 3.713c.44.44.44 1.152 0 1.59l-2.879 2.88M6.75 17.25h.008v.008H6.75v-.008z" />
     </svg>
 );
diff --git a/frontend/components/icons/ChannelIcon.tsx b/frontend/components/icons/ChannelIcon.tsx
index a7107f5..a0ff486 100755
--- a/frontend/components/icons/ChannelIcon.tsx
+++ b/frontend/components/icons/ChannelIcon.tsx
@@ -1,8 +1,8 @@
-
 import React from 'react';
 
+// Device phone/tablet icon - Heroicons "device-phone-mobile" (outline) - represents channels/platforms
 export const ChannelIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" {...props}>
-        <path strokeLinecap="round" strokeLinejoin="round" d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.898 20.572L16.25 21.75l-.648-1.178a2.625 2.625 0 00-1.94-1.94l-1.178-.648 1.178-.648a2.625 2.625 0 001.94-1.94l.648-1.178.648 1.178a2.625 2.625 0 001.94 1.94l1.178.648-1.178.648a2.625 2.625 0 00-1.94 1.94z" />
+        <path strokeLinecap="round" strokeLinejoin="round" d="M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3" />
     </svg>
 );
diff --git a/frontend/components/icons/LeadAgentIcon.tsx b/frontend/components/icons/LeadAgentIcon.tsx
index 1ef2723..c289936 100755
--- a/frontend/components/icons/LeadAgentIcon.tsx
+++ b/frontend/components/icons/LeadAgentIcon.tsx
@@ -1,8 +1,9 @@
 import React from 'react';
 
+// CPU/Chip icon - Heroicons "cpu-chip" (outline) - represents the AI orchestrator
 export const LeadAgentIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" {...props}>
-    <path strokeLinecap="round" strokeLinejoin="round" d="M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M4.5 12H3m18 0h-1.5m-15 3.75H3m18 0h-1.5M8.25 21v-1.5M15.75 3v1.5m0 16.5v-1.5m3.75-12H21m-18 0h1.5m15 3.75H21m-18 0h1.5m15 3.75H21m-18 0h1.5M15.75 21v-1.5m-7.5 0v-1.5m0-15V3" />
-    <path strokeLinecap="round" strokeLinejoin="round" d="M15 8.25a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
+    <path strokeLinecap="round" strokeLinejoin="round" d="M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M4.5 12H3m18 0h-1.5m-15 3.75H3m18 0h-1.5M8.25 19.5V21M15.75 3v1.5m0 15V21m3.75-12H21m-3.75 3.75H21M6.75 6.75h10.5v10.5H6.75V6.75z" />
+    <path strokeLinecap="round" strokeLinejoin="round" d="M9.75 9.75h4.5v4.5h-4.5v-4.5z" />
   </svg>
 );
diff --git a/frontend/components/icons/LegalIcon.tsx b/frontend/components/icons/LegalIcon.tsx
index cd31635..4f1e678 100755
--- a/frontend/components/icons/LegalIcon.tsx
+++ b/frontend/components/icons/LegalIcon.tsx
@@ -1,8 +1,8 @@
-
 import React from 'react';
 
+// Scale/Balance icon - Heroicons "scale" (outline) - represents legal/compliance
 export const LegalIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" {...props}>
-        <path strokeLinecap="round" strokeLinejoin="round" d="M11.42 15.17L17.25 21A2.652 2.652 0 0021 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.52.176 1.07.332 1.634.493l-2.496 3.03m-2.496-3.03c-.564-.16-1.114-.317-1.634-.493L2.25 21M9.564 5.074A5.96 5.96 0 0112 4.5a5.96 5.96 0 012.436.574M9.564 5.074L5.073 9.564A5.96 5.96 0 014.5 12a5.96 5.96 0 01.574 2.436m4.49-6.862L12 2.25" />
+        <path strokeLinecap="round" strokeLinejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0012 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52l2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 01-2.031.352 5.988 5.988 0 01-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0l2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 01-2.031.352 5.989 5.989 0 01-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971z" />
     </svg>
 );