From 54117c34d33c7f9d3173daecd4672434cf65916b Mon Sep 17 00:00:00 2001
From: Ryan Salazar <ryan.salazar@relevantmediaproperties.com>
Date: Tue, 2 Jun 2026 23:22:59 +0000
Subject: [PATCH] =?UTF-8?q?AV=20launch:=20transparent=20SVG=20logo=20(drop?=
 =?UTF-8?q?=20black=20bg=20rect)=20+=20Header=20logo=20200%=20bigger=20(h-?=
 =?UTF-8?q?12=E2=86=92h-24,=20320=E2=86=92640w,=2048=E2=86=9296h)=20+=20re?=
 =?UTF-8?q?name=20Production=20Industry=20Manufacturers=20=E2=86=92=20AV?=
 =?UTF-8?q?=20Integration=20Manufacturers?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/assets/images/logo.svg  | 79 +++++++---------------------------
 public/brand/logo.svg          | 79 +++++++---------------------------
 src/app/manufacturers/page.tsx |  6 +--
 src/components/Header.tsx      |  6 +--
 4 files changed, 36 insertions(+), 134 deletions(-)

diff --git a/public/assets/images/logo.svg b/public/assets/images/logo.svg
index dd53a2a..4956b30 100644
--- a/public/assets/images/logo.svg
+++ b/public/assets/images/logo.svg
@@ -1,61 +1,20 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 320" width="1200" height="320" role="img" aria-label="AV Beat — Pro AV, Live Production, and Display Tech">
   <defs>
-    <!-- Background gradient: deep navy → near-black -->
-    <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="#0a0510"/>
-      <stop offset="100%" stop-color="#02010a"/>
-    </linearGradient>
-
-    <!-- Wide soft halo (outer bloom) -->
-    <filter id="haloGold" x="-50%" y="-50%" width="200%" height="200%">
-      <feGaussianBlur stdDeviation="18"/>
-    </filter>
-    <filter id="haloRed" x="-50%" y="-50%" width="200%" height="200%">
-      <feGaussianBlur stdDeviation="18"/>
-    </filter>
-
-    <!-- Tighter glow (inner neon) -->
-    <filter id="glowGold" x="-30%" y="-30%" width="160%" height="160%">
-      <feGaussianBlur stdDeviation="3.5"/>
-    </filter>
-    <filter id="glowRed" x="-30%" y="-30%" width="160%" height="160%">
-      <feGaussianBlur stdDeviation="3.5"/>
-    </filter>
-
-    <!-- Tagline subtle glow -->
-    <filter id="glowSoft" x="-20%" y="-50%" width="140%" height="200%">
-      <feGaussianBlur stdDeviation="1.6"/>
-    </filter>
-
+    <filter id="haloGold" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="18"/></filter>
+    <filter id="haloRed"  x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="18"/></filter>
+    <filter id="glowGold" x="-30%" y="-30%" width="160%" height="160%"><feGaussianBlur stdDeviation="3.5"/></filter>
+    <filter id="glowRed"  x="-30%" y="-30%" width="160%" height="160%"><feGaussianBlur stdDeviation="3.5"/></filter>
+    <filter id="glowSoft" x="-20%" y="-50%" width="140%" height="200%"><feGaussianBlur stdDeviation="1.6"/></filter>
     <style>
       @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@800;900&amp;family=Inter:wght@500;600&amp;display=swap');
-      .word {
-        font-family: 'Barlow Condensed', 'Oswald', 'Nimbus Sans Narrow', 'Inter', 'Helvetica Neue', Arial, sans-serif;
-        font-weight: 900;
-        font-size: 156px;
-        letter-spacing: -0.012em;
-      }
-      .tm {
-        font-family: 'Inter', 'Nimbus Sans Narrow', 'Helvetica Neue', Arial, sans-serif;
-        font-weight: 600;
-        font-size: 22px;
-      }
-      .tag {
-        font-family: 'Inter', 'Nimbus Sans Narrow', 'Helvetica Neue', Arial, sans-serif;
-        font-weight: 500;
-        font-size: 20px;
-        letter-spacing: 0.34em;
-      }
+      .word { font-family:'Barlow Condensed','Oswald','Nimbus Sans Narrow','Inter','Helvetica Neue',Arial,sans-serif; font-weight:900; font-size:156px; letter-spacing:-0.012em; }
+      .tm   { font-family:'Inter','Nimbus Sans Narrow','Helvetica Neue',Arial,sans-serif; font-weight:600; font-size:22px; }
+      .tag  { font-family:'Inter','Nimbus Sans Narrow','Helvetica Neue',Arial,sans-serif; font-weight:500; font-size:20px; letter-spacing:0.34em; }
     </style>
   </defs>
 
-  <!-- Dark background -->
-  <rect width="1200" height="320" fill="url(#bg)"/>
-
-  <!-- Faint scanline accents -->
-  <rect width="1200" height="1" y="0" fill="#ffb800" opacity="0.10"/>
-  <rect width="1200" height="1" y="319" fill="#d60701" opacity="0.10"/>
+  <!-- NO background fill — transparent SVG so the header bg shows through -->
 
   <!-- ─── AV (gold neon) ────────────────────────────────────────── -->
   <g text-anchor="end">
@@ -71,28 +30,20 @@
     <text class="word" x="530" y="195" fill="#ffffff">BEAT</text>
   </g>
 
-  <!-- ™ mark near end of BEAT, upper right -->
+  <!-- ™ mark -->
   <g>
     <text class="tm" x="935" y="92" fill="#ffd45e" filter="url(#glowGold)">™</text>
     <text class="tm" x="935" y="92" fill="#ffffff">™</text>
   </g>
 
-  <!-- ─── Waveform / signal pulse ──────────────────────────────── -->
+  <!-- Waveform -->
   <g>
-    <!-- Halo pass -->
-    <path d="M 70 230 L 440 230 L 460 230 L 480 210 L 500 252 L 520 164 L 540 286 L 560 210 L 580 238 L 600 230 L 1130 230"
-          fill="none" stroke="#ffb800" stroke-width="6" stroke-linejoin="round" stroke-linecap="round"
-          filter="url(#haloGold)" opacity="0.75"/>
-    <!-- Mid stroke -->
-    <path d="M 70 230 L 440 230 L 460 230 L 480 210 L 500 252 L 520 164 L 540 286 L 560 210 L 580 238 L 600 230 L 1130 230"
-          fill="none" stroke="#ffb800" stroke-width="3" stroke-linejoin="round" stroke-linecap="round"
-          filter="url(#glowGold)"/>
-    <!-- Crisp white core -->
-    <path d="M 70 230 L 440 230 L 460 230 L 480 210 L 500 252 L 520 164 L 540 286 L 560 210 L 580 238 L 600 230 L 1130 230"
-          fill="none" stroke="#ffffff" stroke-width="1.2" stroke-linejoin="round" stroke-linecap="round"/>
+    <path d="M 70 230 L 440 230 L 460 230 L 480 210 L 500 252 L 520 164 L 540 286 L 560 210 L 580 238 L 600 230 L 1130 230" fill="none" stroke="#ffb800" stroke-width="6" stroke-linejoin="round" stroke-linecap="round" filter="url(#haloGold)" opacity="0.75"/>
+    <path d="M 70 230 L 440 230 L 460 230 L 480 210 L 500 252 L 520 164 L 540 286 L 560 210 L 580 238 L 600 230 L 1130 230" fill="none" stroke="#ffb800" stroke-width="3" stroke-linejoin="round" stroke-linecap="round" filter="url(#glowGold)"/>
+    <path d="M 70 230 L 440 230 L 460 230 L 480 210 L 500 252 L 520 164 L 540 286 L 560 210 L 580 238 L 600 230 L 1130 230" fill="none" stroke="#ffffff" stroke-width="1.2" stroke-linejoin="round" stroke-linecap="round"/>
   </g>
 
-  <!-- ─── Tagline ───────────────────────────────────────────────── -->
+  <!-- Tagline -->
   <g text-anchor="middle">
     <text class="tag" x="600" y="294" fill="#ffffff" opacity="0.85" filter="url(#glowSoft)">PRO AV · LIVE PRODUCTION · DISPLAY TECH</text>
     <text class="tag" x="600" y="294" fill="#ffffff">PRO AV · LIVE PRODUCTION · DISPLAY TECH</text>
diff --git a/public/brand/logo.svg b/public/brand/logo.svg
index dd53a2a..4956b30 100644
--- a/public/brand/logo.svg
+++ b/public/brand/logo.svg
@@ -1,61 +1,20 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 320" width="1200" height="320" role="img" aria-label="AV Beat — Pro AV, Live Production, and Display Tech">
   <defs>
-    <!-- Background gradient: deep navy → near-black -->
-    <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="#0a0510"/>
-      <stop offset="100%" stop-color="#02010a"/>
-    </linearGradient>
-
-    <!-- Wide soft halo (outer bloom) -->
-    <filter id="haloGold" x="-50%" y="-50%" width="200%" height="200%">
-      <feGaussianBlur stdDeviation="18"/>
-    </filter>
-    <filter id="haloRed" x="-50%" y="-50%" width="200%" height="200%">
-      <feGaussianBlur stdDeviation="18"/>
-    </filter>
-
-    <!-- Tighter glow (inner neon) -->
-    <filter id="glowGold" x="-30%" y="-30%" width="160%" height="160%">
-      <feGaussianBlur stdDeviation="3.5"/>
-    </filter>
-    <filter id="glowRed" x="-30%" y="-30%" width="160%" height="160%">
-      <feGaussianBlur stdDeviation="3.5"/>
-    </filter>
-
-    <!-- Tagline subtle glow -->
-    <filter id="glowSoft" x="-20%" y="-50%" width="140%" height="200%">
-      <feGaussianBlur stdDeviation="1.6"/>
-    </filter>
-
+    <filter id="haloGold" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="18"/></filter>
+    <filter id="haloRed"  x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="18"/></filter>
+    <filter id="glowGold" x="-30%" y="-30%" width="160%" height="160%"><feGaussianBlur stdDeviation="3.5"/></filter>
+    <filter id="glowRed"  x="-30%" y="-30%" width="160%" height="160%"><feGaussianBlur stdDeviation="3.5"/></filter>
+    <filter id="glowSoft" x="-20%" y="-50%" width="140%" height="200%"><feGaussianBlur stdDeviation="1.6"/></filter>
     <style>
       @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@800;900&amp;family=Inter:wght@500;600&amp;display=swap');
-      .word {
-        font-family: 'Barlow Condensed', 'Oswald', 'Nimbus Sans Narrow', 'Inter', 'Helvetica Neue', Arial, sans-serif;
-        font-weight: 900;
-        font-size: 156px;
-        letter-spacing: -0.012em;
-      }
-      .tm {
-        font-family: 'Inter', 'Nimbus Sans Narrow', 'Helvetica Neue', Arial, sans-serif;
-        font-weight: 600;
-        font-size: 22px;
-      }
-      .tag {
-        font-family: 'Inter', 'Nimbus Sans Narrow', 'Helvetica Neue', Arial, sans-serif;
-        font-weight: 500;
-        font-size: 20px;
-        letter-spacing: 0.34em;
-      }
+      .word { font-family:'Barlow Condensed','Oswald','Nimbus Sans Narrow','Inter','Helvetica Neue',Arial,sans-serif; font-weight:900; font-size:156px; letter-spacing:-0.012em; }
+      .tm   { font-family:'Inter','Nimbus Sans Narrow','Helvetica Neue',Arial,sans-serif; font-weight:600; font-size:22px; }
+      .tag  { font-family:'Inter','Nimbus Sans Narrow','Helvetica Neue',Arial,sans-serif; font-weight:500; font-size:20px; letter-spacing:0.34em; }
     </style>
   </defs>
 
-  <!-- Dark background -->
-  <rect width="1200" height="320" fill="url(#bg)"/>
-
-  <!-- Faint scanline accents -->
-  <rect width="1200" height="1" y="0" fill="#ffb800" opacity="0.10"/>
-  <rect width="1200" height="1" y="319" fill="#d60701" opacity="0.10"/>
+  <!-- NO background fill — transparent SVG so the header bg shows through -->
 
   <!-- ─── AV (gold neon) ────────────────────────────────────────── -->
   <g text-anchor="end">
@@ -71,28 +30,20 @@
     <text class="word" x="530" y="195" fill="#ffffff">BEAT</text>
   </g>
 
-  <!-- ™ mark near end of BEAT, upper right -->
+  <!-- ™ mark -->
   <g>
     <text class="tm" x="935" y="92" fill="#ffd45e" filter="url(#glowGold)">™</text>
     <text class="tm" x="935" y="92" fill="#ffffff">™</text>
   </g>
 
-  <!-- ─── Waveform / signal pulse ──────────────────────────────── -->
+  <!-- Waveform -->
   <g>
-    <!-- Halo pass -->
-    <path d="M 70 230 L 440 230 L 460 230 L 480 210 L 500 252 L 520 164 L 540 286 L 560 210 L 580 238 L 600 230 L 1130 230"
-          fill="none" stroke="#ffb800" stroke-width="6" stroke-linejoin="round" stroke-linecap="round"
-          filter="url(#haloGold)" opacity="0.75"/>
-    <!-- Mid stroke -->
-    <path d="M 70 230 L 440 230 L 460 230 L 480 210 L 500 252 L 520 164 L 540 286 L 560 210 L 580 238 L 600 230 L 1130 230"
-          fill="none" stroke="#ffb800" stroke-width="3" stroke-linejoin="round" stroke-linecap="round"
-          filter="url(#glowGold)"/>
-    <!-- Crisp white core -->
-    <path d="M 70 230 L 440 230 L 460 230 L 480 210 L 500 252 L 520 164 L 540 286 L 560 210 L 580 238 L 600 230 L 1130 230"
-          fill="none" stroke="#ffffff" stroke-width="1.2" stroke-linejoin="round" stroke-linecap="round"/>
+    <path d="M 70 230 L 440 230 L 460 230 L 480 210 L 500 252 L 520 164 L 540 286 L 560 210 L 580 238 L 600 230 L 1130 230" fill="none" stroke="#ffb800" stroke-width="6" stroke-linejoin="round" stroke-linecap="round" filter="url(#haloGold)" opacity="0.75"/>
+    <path d="M 70 230 L 440 230 L 460 230 L 480 210 L 500 252 L 520 164 L 540 286 L 560 210 L 580 238 L 600 230 L 1130 230" fill="none" stroke="#ffb800" stroke-width="3" stroke-linejoin="round" stroke-linecap="round" filter="url(#glowGold)"/>
+    <path d="M 70 230 L 440 230 L 460 230 L 480 210 L 500 252 L 520 164 L 540 286 L 560 210 L 580 238 L 600 230 L 1130 230" fill="none" stroke="#ffffff" stroke-width="1.2" stroke-linejoin="round" stroke-linecap="round"/>
   </g>
 
-  <!-- ─── Tagline ───────────────────────────────────────────────── -->
+  <!-- Tagline -->
   <g text-anchor="middle">
     <text class="tag" x="600" y="294" fill="#ffffff" opacity="0.85" filter="url(#glowSoft)">PRO AV · LIVE PRODUCTION · DISPLAY TECH</text>
     <text class="tag" x="600" y="294" fill="#ffffff">PRO AV · LIVE PRODUCTION · DISPLAY TECH</text>
diff --git a/src/app/manufacturers/page.tsx b/src/app/manufacturers/page.tsx
index b225574..79b2c6b 100644
--- a/src/app/manufacturers/page.tsx
+++ b/src/app/manufacturers/page.tsx
@@ -8,12 +8,12 @@ import ManufacturerDirectoryClient from "./DirectoryClient";
 export const revalidate = 1800;
 
 export const metadata: Metadata = {
-  title: "Production Industry Manufacturers — AV Beat",
+  title: "AV Integration Manufacturers — AV Beat",
   description:
     "Browse 1,000+ broadcast, post-production, and live-production manufacturers exhibiting at NAB Show and IBC. Find vendor profiles, booth numbers, product categories, and the latest news from each company.",
   alternates: { canonical: "/manufacturers" },
   openGraph: {
-    title: "Production Industry Manufacturers — AV Beat",
+    title: "AV Integration Manufacturers — AV Beat",
     description:
       "Comprehensive directory of broadcast industry manufacturers, exhibitors, and vendors.",
     type: "website",
@@ -77,7 +77,7 @@ export default async function ManufacturersIndex() {
       <div className="max-w-6xl mx-auto px-4 py-10">
         <header className="mb-8">
           <h1 className="text-3xl md:text-4xl font-display font-bold text-[#e0e0e0] mb-2">
-            Production Industry Manufacturers
+            AV Integration Manufacturers
           </h1>
           <p className="text-[#e0e0e0]/70 text-base max-w-3xl">
             {list.length.toLocaleString()} broadcast, post-production, and live-production
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 4bf1acd..c3dedd8 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -265,10 +265,10 @@ export default function Header() {
                 <AppImage
                   src="/assets/images/logo.svg"
                   alt="AV Beat logo"
-                  width={320}
-                  height={48}
+                  width={640}
+                  height={96}
                   priority={true}
-                  className="h-12 w-auto object-contain"
+                  className="h-24 w-auto object-contain"
                 />
               </Link>