From 8dd56dad25a0ec53fc7157f175a77cdd9297a8e7 Mon Sep 17 00:00:00 2001
From: ZGaetano <zgaetano@wilddragon.net>
Date: Sat, 18 Apr 2026 15:26:26 -0400
Subject: [PATCH] Make client logos section more subtle

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

diff --git a/src/components/Clients.tsx b/src/components/Clients.tsx
index f080495..d555cc6 100755
--- a/src/components/Clients.tsx
+++ b/src/components/Clients.tsx
@@ -13,17 +13,17 @@ const clients = [
 
 export default function Clients() {
   return (
-    <section id="clients" className="py-20 bg-neutral-950 border-t border-neutral-800/30">
+    <section id="clients" className="py-14 bg-neutral-950 border-t border-neutral-800/20">
       <div className="max-w-6xl mx-auto px-6">
         <ScrollReveal>
-          <p className="font-mono text-[10px] tracking-[0.3em] uppercase text-white/35 text-center mb-12">
+          <p className="font-mono text-[9px] tracking-[0.3em] uppercase text-white/20 text-center mb-10">
             Trusted By Industry Leaders
           </p>
-          <div className="flex flex-wrap justify-center items-center gap-x-14 gap-y-10">
+          <div className="flex flex-wrap justify-center items-center gap-x-12 gap-y-8">
             {clients.map((client) => (
               <div
                 key={client.name}
-                className="opacity-40 hover:opacity-85 transition-all duration-500"
+                className="opacity-20 hover:opacity-50 transition-all duration-700"
                 title={client.name}
               >
                 <img
@@ -32,7 +32,7 @@ export default function Clients() {
                   width={client.width}
                   height={client.height}
                   loading="lazy"
-                  className="logo-silhouette max-h-12 w-auto object-contain"
+                  className="logo-silhouette max-h-10 w-auto object-contain"
                   style={{ filter: "brightness(0) invert(1)" }}
                 />
               </div>