From b1e2c29e256fc4e76788fa83bd75688da7f9119d Mon Sep 17 00:00:00 2001
From: ZGaetano <zgaetano@wilddragon.net>
Date: Fri, 1 May 2026 14:21:11 -0400
Subject: [PATCH] fix: correct Clients section label from "Projects" to
 "Clients"

---
 src/components/Clients.tsx | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/components/Clients.tsx b/src/components/Clients.tsx
index d555cc6..eaded58 100755
--- a/src/components/Clients.tsx
+++ b/src/components/Clients.tsx
@@ -1,10 +1,11 @@
+import Image from "next/image";
 import ScrollReveal from "./ScrollReveal";
 
 const clients = [
   { name: "Washington Commanders", logo: "/images/clients/commanders.png", width: 160, height: 88 },
   { name: "CVS / Aetna", logo: "/images/clients/cvs.png", width: 140, height: 17 },
   { name: "UBS", logo: "/images/clients/ubs.png", width: 120, height: 44 },
-  { name: "BetMGM", logo: "/images/clients/betmgm.png", width: 160, height: 40 },
+  { name: "BetMGM", logo: "/images/clients/betmgm.svg", width: 140, height: 40 },
   { name: "Intuit", logo: "/images/clients/intuit.png", width: 130, height: 28 },
   { name: "Monumental Sports", logo: "/images/clients/monumental.svg", width: 150, height: 40 },
   { name: "COSM", logo: "/images/clients/cosm.svg", width: 120, height: 35 },
@@ -13,27 +14,25 @@ const clients = [
 
 export default function Clients() {
   return (
-    <section id="clients" className="py-14 bg-neutral-950 border-t border-neutral-800/20">
+    <section aria-label="Clients" className="py-20 bg-primary">
       <div className="max-w-6xl mx-auto px-6">
         <ScrollReveal>
-          <p className="font-mono text-[9px] tracking-[0.3em] uppercase text-white/20 text-center mb-10">
-            Trusted By Industry Leaders
+          <p className="font-mono text-xs tracking-[0.25em] uppercase text-accent text-center mb-12">
+            Clients
           </p>
-          <div className="flex flex-wrap justify-center items-center gap-x-12 gap-y-8">
+          <div className="flex flex-wrap justify-center items-center gap-x-14 gap-y-10">
             {clients.map((client) => (
               <div
                 key={client.name}
-                className="opacity-20 hover:opacity-50 transition-all duration-700"
+                className="opacity-50 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"
                 title={client.name}
               >
-                <img
+                <Image
                   src={client.logo}
-                  alt={client.name}
+                  alt={`${client.name} logo`}
                   width={client.width}
                   height={client.height}
-                  loading="lazy"
-                  className="logo-silhouette max-h-10 w-auto object-contain"
-                  style={{ filter: "brightness(0) invert(1)" }}
+                  className="brightness-0 invert max-h-12 w-auto object-contain"
                 />
               </div>
             ))}