From bc6bc9a787dd95e52c14c89829fb61dad636b5c3 Mon Sep 17 00:00:00 2001
From: null <koga.industries@gmail.com>
Date: Mon, 25 May 2026 19:40:18 -0500
Subject: [PATCH] logo

---
 src/components/layout/Footer.jsx    | 9 ++-------
 src/components/layout/Header.jsx    | 4 ++--
 src/components/layout/MobileNav.jsx | 2 +-
 src/index.css                       | 6 ++++++
 4 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/components/layout/Footer.jsx b/src/components/layout/Footer.jsx
index 56dba87..23db9d6 100644
--- a/src/components/layout/Footer.jsx
+++ b/src/components/layout/Footer.jsx
@@ -48,7 +48,7 @@ const Footer = () => {
               <img
                 src="/logo.png"
                 alt="Queue North Technologies"
-                className="h-12 w-auto brightness-0 invert group-hover:opacity-80 transition-opacity"
+                className="brand-logo-on-dark h-12 w-auto transition-opacity group-hover:opacity-90"
               />
               <span className="font-bold text-xl tracking-tight text-white">Queue North</span>
             </Link>
@@ -145,9 +145,7 @@ const Footer = () => {
               <p className="text-primary-cyan text-xs font-semibold uppercase tracking-[0.18em]">
                 Veteran Owned &amp; Operated
               </p>
-              <p className="mt-2 text-sm text-navy-light">
-                Proudly representing service in the United States Marine Corps and United States Air Force.
-              </p>
+              <p className="mt-2 text-sm text-navy-light">25+ years supporting business communications and infrastructure.</p>
             </div>
             <div className="flex flex-wrap gap-2">
               <span className="rounded-md border border-white/10 bg-white/5 px-3 py-2 text-xs font-semibold uppercase tracking-wide text-white/85">
@@ -164,9 +162,6 @@ const Footer = () => {
         <div className="border-t border-white/10 pt-8">
           <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
             <div className="flex flex-col gap-1">
-              <p className="text-navy-light text-sm">
-                8x8 and Cisco Certified Partner &nbsp;·&nbsp; Veteran Owned &amp; Operated &nbsp;·&nbsp; 25+ Years Experience
-              </p>
               <p className="text-navy-light text-xs">
                 © {currentYear} Queue North Technologies. All rights reserved.
               </p>
diff --git a/src/components/layout/Header.jsx b/src/components/layout/Header.jsx
index a51f033..3d4ac5e 100644
--- a/src/components/layout/Header.jsx
+++ b/src/components/layout/Header.jsx
@@ -56,7 +56,7 @@ const Header = () => {
               <img
                 src="/logo.png"
                 alt="Queue North Technologies"
-                className="h-10 md:h-12 w-auto flex-shrink-0 brightness-0 invert"
+                className="brand-logo-on-dark h-10 md:h-12 w-auto flex-shrink-0"
               />
               <span className="font-bold text-2xl text-white hidden sm:block tracking-tight">Queue North</span>
             </Link>
@@ -134,7 +134,7 @@ const Header = () => {
                 {/* Logo */}
                 <div className="flex items-center gap-3 pb-4 border-b border-white/10">
                   <Link to="/" onClick={closeMobileMenu} className="flex items-center gap-3" aria-label="Queue North Technologies Home">
-                    <img src="/logo.png" alt="Queue North" className="h-10 w-auto brightness-0 invert" />
+                    <img src="/logo.png" alt="Queue North" className="brand-logo-on-dark h-10 w-auto" />
                     <span className="font-bold text-xl tracking-tight">Queue North</span>
                   </Link>
                 </div>
diff --git a/src/components/layout/MobileNav.jsx b/src/components/layout/MobileNav.jsx
index c323505..dfb6fcc 100644
--- a/src/components/layout/MobileNav.jsx
+++ b/src/components/layout/MobileNav.jsx
@@ -63,7 +63,7 @@ const MobileNav = () => {
               <img 
                 src="/logo.png" 
                 alt="Queue North" 
-                className="h-9 w-auto" 
+                className="brand-logo-on-dark h-9 w-auto" 
               />
               <span className="font-bold text-xl">Queue North</span>
             </div>
diff --git a/src/index.css b/src/index.css
index 1ccf022..186e747 100644
--- a/src/index.css
+++ b/src/index.css
@@ -25,6 +25,12 @@ img {
   display: block;
 }
 
+.brand-logo-on-dark {
+  filter:
+    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.6))
+    drop-shadow(1px 0 0 rgba(255, 255, 255, 0.45));
+}
+
 a {
   color: #0EA5E9;
   text-decoration: none;