null/Queue-North-Website
null
/
Queue-North-Website
1
0
Fork 0
Code Issues 27 Pull Requests Packages Projects Releases Wiki Activity

logo

This commit is contained in:
null 2026-05-25 19:40:18 -05:00
parent 1d687c5fa1
commit bc6bc9a787
4 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/layout/Footer.jsx
View File

@ -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>

4
src/components/layout/Header.jsx
View File

@ -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>

2
src/components/layout/MobileNav.jsx
View File

@ -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>

6
src/index.css
View File

@ -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;