added phone numebr hamburger

This commit is contained in:
null 2026-05-27 21:44:06 -05:00
parent 8c1e0f4c3d
commit cc1970fd1d
1 changed files with 13 additions and 1 deletions

View File

@ -160,13 +160,25 @@ const Header = () => {
</VisuallyHidden.Root> </VisuallyHidden.Root>
{/* Logo */} {/* Logo */}
<div className="flex items-center gap-3 pb-4 border-b border-white/10"> <div className="flex items-center gap-3 pb-3 border-b border-white/10">
<Link to="/" onClick={closeMobileMenu} className="flex items-center gap-3" aria-label="Queue North Technologies Home"> <Link to="/" onClick={closeMobileMenu} className="flex items-center gap-3" aria-label="Queue North Technologies Home">
<img src="/logo.png" alt="Queue North Technologies" className="brand-logo-on-dark h-12 w-auto" /> <img src="/logo.png" alt="Queue North Technologies" className="brand-logo-on-dark h-12 w-auto" />
<span className="font-bold text-sm tracking-tight whitespace-nowrap text-white">Queue North Technologies</span> <span className="font-bold text-sm tracking-tight whitespace-nowrap text-white">Queue North Technologies</span>
</Link> </Link>
</div> </div>
{/* Phone */}
<a
href="tel:+13217308020"
onClick={closeMobileMenu}
className="flex items-center gap-2 py-3 pb-3 border-b border-white/10 text-white/70 hover:text-primary-cyan transition-colors text-sm"
>
<svg className="h-4 w-4 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
<path strokeLinecap="round" strokeLinejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z" />
</svg>
(321) 730-8020
</a>
{/* Scrollable nav */} {/* Scrollable nav */}
<nav className="flex-1 min-h-0 overflow-y-auto" aria-label="Mobile navigation"> <nav className="flex-1 min-h-0 overflow-y-auto" aria-label="Mobile navigation">
{/* Main links — Services and Industries handled as sections below */} {/* Main links — Services and Industries handled as sections below */}