From 80b1747ffef81cc90e01a203a6dfa7c6766db91d Mon Sep 17 00:00:00 2001
From: null <koga.industries@gmail.com>
Date: Mon, 25 May 2026 19:44:10 -0500
Subject: [PATCH] branding

---
 src/components/layout/Footer.jsx    | 16 ++++++++++++++--
 src/components/layout/Header.jsx    | 10 +++++-----
 src/components/layout/MobileNav.jsx |  6 +++---
 3 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/components/layout/Footer.jsx b/src/components/layout/Footer.jsx
index 23db9d6..19c303e 100644
--- a/src/components/layout/Footer.jsx
+++ b/src/components/layout/Footer.jsx
@@ -4,7 +4,7 @@ const Footer = () => {
   const currentYear = new Date().getFullYear()
 
   const companyInfo = {
-    name: 'Queue North',
+    name: 'Queue North Technologies',
     tagline: 'Modern communications infrastructure without the vendor noise.',
     addressLine1: '7901 4th St N',
     addressLine2: 'St. Petersburg, FL 33702',
@@ -50,7 +50,7 @@ const Footer = () => {
                 alt="Queue North Technologies"
                 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>
+              <span className="font-bold text-xl tracking-tight text-white">Queue North Technologies</span>
             </Link>
             <p className="text-navy-light text-sm leading-relaxed mb-5">{companyInfo.tagline}</p>
             <a
@@ -191,6 +191,18 @@ const Footer = () => {
                 </svg>
                 <span className="sr-only">Facebook</span>
               </a>
+              <a
+                href="https://www.instagram.com/queue_north/"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-navy-light hover:text-primary-cyan transition-colors"
+                aria-label="Follow Queue North Technologies on Instagram"
+              >
+                <svg className="h-5 w-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+                  <path d="M7.75 2h8.5A5.76 5.76 0 0122 7.75v8.5A5.76 5.76 0 0116.25 22h-8.5A5.76 5.76 0 012 16.25v-8.5A5.76 5.76 0 017.75 2zm0 2A3.75 3.75 0 004 7.75v8.5A3.75 3.75 0 007.75 20h8.5A3.75 3.75 0 0020 16.25v-8.5A3.75 3.75 0 0016.25 4h-8.5zM12 7a5 5 0 110 10 5 5 0 010-10zm0 2a3 3 0 100 6 3 3 0 000-6zm5.25-2.5a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5z" />
+                </svg>
+                <span className="sr-only">Instagram</span>
+              </a>
             </div>
           </div>
           <p className="text-navy-light text-xs mt-4">
diff --git a/src/components/layout/Header.jsx b/src/components/layout/Header.jsx
index 3d4ac5e..a0db7ab 100644
--- a/src/components/layout/Header.jsx
+++ b/src/components/layout/Header.jsx
@@ -49,16 +49,16 @@ const Header = () => {
   return (
     <header className={`sticky top-0 z-40 w-full transition-all duration-300 ${isScrolled ? 'bg-primary-navy shadow-md' : 'bg-primary-navy/95'}`}>
       <div className="container mx-auto px-4">
-        <div className="flex h-16 items-center justify-between">
+        <div className="flex h-16 md:h-18 items-center justify-between">
           {/* Logo */}
           <div className="flex items-center gap-3">
             <Link to="/" 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-10 md:h-12 w-auto flex-shrink-0"
+                className="brand-logo-on-dark h-11 md:h-14 w-auto flex-shrink-0"
               />
-              <span className="font-bold text-2xl text-white hidden sm:block tracking-tight">Queue North</span>
+              <span className="font-bold text-xl lg:text-2xl text-white hidden sm:block tracking-tight">Queue North Technologies</span>
             </Link>
           </div>
 
@@ -134,8 +134,8 @@ 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="brand-logo-on-dark h-10 w-auto" />
-                    <span className="font-bold text-xl tracking-tight">Queue North</span>
+                    <img src="/logo.png" alt="Queue North Technologies" className="brand-logo-on-dark h-11 w-auto" />
+                    <span className="font-bold text-xl tracking-tight">Queue North Technologies</span>
                   </Link>
                 </div>
 
diff --git a/src/components/layout/MobileNav.jsx b/src/components/layout/MobileNav.jsx
index dfb6fcc..490783d 100644
--- a/src/components/layout/MobileNav.jsx
+++ b/src/components/layout/MobileNav.jsx
@@ -62,10 +62,10 @@ const MobileNav = () => {
             <div className="flex items-center gap-3 mb-6">
               <img 
                 src="/logo.png" 
-                alt="Queue North" 
-                className="brand-logo-on-dark h-9 w-auto" 
+                alt="Queue North Technologies" 
+                className="brand-logo-on-dark h-10 w-auto" 
               />
-              <span className="font-bold text-xl">Queue North</span>
+              <span className="font-bold text-xl leading-tight">Queue North Technologies</span>
             </div>
             
             <nav className="flex flex-col space-y-6">