From 78967ff56f22b47bc956c2c2988c3713fc27ace4 Mon Sep 17 00:00:00 2001
From: null <koga.industries@gmail.com>
Date: Wed, 27 May 2026 21:49:21 -0500
Subject: [PATCH] phone

---
 src/components/layout/Header.jsx | 27 +++++++++++----------------
 1 file changed, 11 insertions(+), 16 deletions(-)

diff --git a/src/components/layout/Header.jsx b/src/components/layout/Header.jsx
index a78c8da..3680313 100644
--- a/src/components/layout/Header.jsx
+++ b/src/components/layout/Header.jsx
@@ -159,26 +159,21 @@ const Header = () => {
                   <SheetTitle>Navigation Menu</SheetTitle>
                 </VisuallyHidden.Root>
 
-                {/* Logo */}
-                <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">
+                {/* Logo + phone */}
+                <div className="flex items-center gap-3 pb-4 border-b border-white/10">
+                  <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" />
-                    <span className="font-bold text-sm tracking-tight whitespace-nowrap text-white">Queue North Technologies</span>
                   </Link>
+                  <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">
+                      Queue North Technologies
+                    </Link>
+                    <a href="tel:+13217308020" onClick={closeMobileMenu} className="text-xs text-white/60 hover:text-primary-cyan transition-colors mt-0.5 whitespace-nowrap">
+                      (321) 730-8020
+                    </a>
+                  </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 */}
                 <nav className="flex-1 min-h-0 overflow-y-auto" aria-label="Mobile navigation">
                   {/* Main links — Services and Industries handled as sections below */}