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

fix: correct Clients section label from "Projects" to "Clients"

Browse source
This commit is contained in:
Zac Gaetano 2026-05-01 14:21:11 -04:00
parent 73d9485605
commit b1e2c29e25
1 changed files with 10 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/components/Clients.tsx
View file

@ -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>
))}