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

branding

This commit is contained in:
null 2026-05-25 19:44:10 -05:00
parent bc6bc9a787
commit 80b1747ffe
3 changed files with 22 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,7 +4,7 @@ const Footer = () => {
const currentYear = new Date().getFullYear() const currentYear = new Date().getFullYear()
const companyInfo = { const companyInfo = {
name: 'Queue North', name: 'Queue North Technologies',
tagline: 'Modern communications infrastructure without the vendor noise.', tagline: 'Modern communications infrastructure without the vendor noise.',
addressLine1: '7901 4th St N', addressLine1: '7901 4th St N',
addressLine2: 'St. Petersburg, FL 33702', addressLine2: 'St. Petersburg, FL 33702',
@ -50,7 +50,7 @@ const Footer = () => {
alt="Queue North Technologies" alt="Queue North Technologies"
className="brand-logo-on-dark h-12 w-auto transition-opacity group-hover:opacity-90" 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> </Link>
<p className="text-navy-light text-sm leading-relaxed mb-5">{companyInfo.tagline}</p> <p className="text-navy-light text-sm leading-relaxed mb-5">{companyInfo.tagline}</p>
<a <a
@ -191,6 +191,18 @@ const Footer = () => {
</svg> </svg>
<span className="sr-only">Facebook</span> <span className="sr-only">Facebook</span>
</a> </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>
</div> </div>
<p className="text-navy-light text-xs mt-4"> <p className="text-navy-light text-xs mt-4">

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

@ -49,16 +49,16 @@ const Header = () => {
return ( return (
<header className={`sticky top-0 z-40 w-full transition-all duration-300 ${isScrolled ? 'bg-primary-navy shadow-md' : 'bg-primary-navy/95'}`}> <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="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 */} {/* Logo */}
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<Link to="/" className="flex items-center gap-3" aria-label="Queue North Technologies Home"> <Link to="/" className="flex items-center gap-3" aria-label="Queue North Technologies Home">
<img <img
src="/logo.png" src="/logo.png"
alt="Queue North Technologies" 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> </Link>
</div> </div>
@ -134,8 +134,8 @@ const Header = () => {
{/* Logo */} {/* Logo */}
<div className="flex items-center gap-3 pb-4 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} 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" /> <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</span> <span className="font-bold text-xl tracking-tight">Queue North Technologies</span>
</Link> </Link>
</div> </div>

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

@ -62,10 +62,10 @@ const MobileNav = () => {
<div className="flex items-center gap-3 mb-6"> <div className="flex items-center gap-3 mb-6">
<img <img
src="/logo.png" src="/logo.png"
alt="Queue North" alt="Queue North Technologies"
className="brand-logo-on-dark h-9 w-auto" 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> </div>
<nav className="flex flex-col space-y-6"> <nav className="flex flex-col space-y-6">