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

Make technology partners section more subtle

Browse source
This commit is contained in:
Zac Gaetano 2026-04-18 15:26:16 -04:00
parent 3ea7188d96
commit 8186af3a4a
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/Partners.tsx
View file

@ -10,17 +10,17 @@ const partners = [
export default function Partners() { export default function Partners() {
return ( return (
<section className="py-14 bg-neutral-950 border-t border-neutral-800/30"> <section className="py-10 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/30 text-center mb-10"> <p className="font-mono text-[9px] tracking-[0.3em] uppercase text-white/20 text-center mb-8">
Technology Partners Technology Partners
</p> </p>
<div className="flex flex-wrap justify-center items-center gap-x-16 gap-y-8"> <div className="flex flex-wrap justify-center items-center gap-x-14 gap-y-6">
{partners.map((partner) => ( {partners.map((partner) => (
<div <div
key={partner.name} key={partner.name}
className="opacity-35 hover:opacity-80 transition-all duration-500" className="opacity-20 hover:opacity-50 transition-all duration-700"
title={partner.name} title={partner.name}
> >
<img <img
@ -29,7 +29,7 @@ export default function Partners() {
width={partner.width} width={partner.width}
height={partner.height} height={partner.height}
loading="lazy" loading="lazy"
className="logo-silhouette max-h-10 w-auto object-contain" className="logo-silhouette max-h-8 w-auto object-contain"
style={{ filter: "brightness(0) invert(1)" }} style={{ filter: "brightness(0) invert(1)" }}
/> />
</div> </div>