Make technology partners section more subtle
This commit is contained in:
parent
3ea7188d96
commit
8186af3a4a
1 changed files with 5 additions and 5 deletions
|
|
@ -10,17 +10,17 @@ const partners = [
|
|||
|
||||
export default function Partners() {
|
||||
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">
|
||||
<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
|
||||
</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) => (
|
||||
<div
|
||||
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}
|
||||
>
|
||||
<img
|
||||
|
|
@ -29,7 +29,7 @@ export default function Partners() {
|
|||
width={partner.width}
|
||||
height={partner.height}
|
||||
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)" }}
|
||||
/>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue