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

phone

This commit is contained in:
null 2026-05-27 21:49:21 -05:00
parent cc1970fd1d
commit 78967ff56f
1 changed files with 11 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -159,25 +159,20 @@ const Header = () => {
<SheetTitle>Navigation Menu</SheetTitle> <SheetTitle>Navigation Menu</SheetTitle>
</VisuallyHidden.Root> </VisuallyHidden.Root>
{/* Logo */} {/* Logo + phone */}
<div className="flex items-center gap-3 pb-3 border-b border-white/10"> <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"> <Link to="/" onClick={closeMobileMenu} aria-label="Queue North Technologies Home" className="flex-shrink-0">
<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>
</Link> </Link>
</div> <div className="flex flex-col min-w-0">
<Link to="/" onClick={closeMobileMenu} className="font-bold text-sm tracking-tight whitespace-nowrap text-white leading-tight">
{/* Phone */} Queue North Technologies
<a </Link>
href="tel:+13217308020" <a href="tel:+13217308020" onClick={closeMobileMenu} className="text-xs text-white/60 hover:text-primary-cyan transition-colors mt-0.5 whitespace-nowrap">
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 (321) 730-8020
</a> </a>
</div>
</div>
{/* 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">