From 423ec363d502c09e5c0d51904de9e55702afc7cd Mon Sep 17 00:00:00 2001
From: Local Administrator <ryan.salazar@relevantmediaproperties.com>
Date: Thu, 25 Jun 2026 14:35:14 +0000
Subject: [PATCH] Content Partners: dark #0d1520 band matching Industry News
 section

---
 src/components/SponsorLogoStrip.tsx | 62 +++++++++++++++--------------
 1 file changed, 32 insertions(+), 30 deletions(-)

diff --git a/src/components/SponsorLogoStrip.tsx b/src/components/SponsorLogoStrip.tsx
index 78694dc..510fdab 100644
--- a/src/components/SponsorLogoStrip.tsx
+++ b/src/components/SponsorLogoStrip.tsx
@@ -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>
   );
-}
\ No newline at end of file
+}