WildDragonLLC/wilddragon-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make client logos section more subtle

Browse source
This commit is contained in:
Zac Gaetano 2026-04-18 15:26:26 -04:00
parent 8186af3a4a
commit 8dd56dad25
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/Clients.tsx
View file

@ -13,17 +13,17 @@ const clients = [
export default function Clients() { export default function Clients() {
return ( 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"> <div className="max-w-6xl mx-auto px-6">
<ScrollReveal> <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 Trusted By Industry Leaders
</p> </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) => ( {clients.map((client) => (
<div <div
key={client.name} 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} title={client.name}
> >
<img <img
@ -32,7 +32,7 @@ export default function Clients() {
width={client.width} width={client.width}
height={client.height} height={client.height}
loading="lazy" 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)" }} style={{ filter: "brightness(0) invert(1)" }}
/> />
</div> </div>