localadministrator/avbeat-com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Content Partners: dark #0d1520 band matching Industry News section

Browse Source
This commit is contained in:
Local Administrator
2026-06-25 14:35:14 +00:00
parent b1baf2fd10
commit 423ec363d5
1 changed files with 32 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/components/SponsorLogoStrip.tsx
View File

@@ -69,35 +69,37 @@ export default async function SponsorLogoStrip() {
if (sponsors.length === 0) return null;
return (
<section className="max-w-container mx-auto px-4 py-6 border-t border-b border-[#DCE6F2]" aria-label="Content partners">
<div className="flex items-center gap-4 mb-3">
<span className="text-[10px] uppercase tracking-widest text-[#1D4ED8] font-bold">
Content Partners
</span>
<div className="flex-1 h-px bg-[#DCE6F2]" />
<Link href="/advertise" className="text-[10px] text-[#666] hover:text-[#1D4ED8] font-mono">
Advertise →
</Link>
</div>
<div className="flex flex-wrap items-center justify-center gap-x-8 gap-y-4">
{sponsors.map((s) => (
<Link
key={s.slug}
href={`/manufacturers/${s.slug}`}
data-company-slug={s.slug}
className="block opacity-70 hover:opacity-100 transition-opacity"
title={s.name}
>
{/* eslint-disable-next-line @next/next/no-img-element */}
<img
src={s.logoUrl || ""}
alt={s.name}
className="h-14 md:h-16 w-auto object-contain max-w-[180px] bg-white p-2 rounded"
loading="lazy"
/>
<div className="bg-[#0d1520] border-t border-[#DCE6F2]">
<section className="max-w-container mx-auto px-4 py-6 md:py-8" aria-label="Content partners">
<div className="flex items-center gap-4 mb-3">
<span className="text-[10px] uppercase tracking-widest text-[#1D4ED8] font-bold">
Content Partners
</span>
<div className="flex-1 h-px bg-[#DCE6F2]" />
<Link href="/advertise" className="text-[10px] text-[#888] hover:text-[#1D4ED8] font-mono">
Advertise →
</Link>
))}
</div>
</section>
</div>
<div className="flex flex-wrap items-center justify-center gap-x-8 gap-y-4">
{sponsors.map((s) => (
<Link
key={s.slug}
href={`/manufacturers/${s.slug}`}
data-company-slug={s.slug}
className="block opacity-70 hover:opacity-100 transition-opacity"
title={s.name}
>
{/* eslint-disable-next-line @next/next/no-img-element */}
<img
src={s.logoUrl || ""}
alt={s.name}
className="h-14 md:h-16 w-auto object-contain max-w-[180px] bg-white p-2 rounded"
loading="lazy"
/>
</Link>
))}
</div>
</section>
</div>
);
}
}