breadcrumbs

This commit is contained in:
null 2026-05-27 14:27:30 -05:00
parent 0cfa048d0d
commit 8f20670292
3 changed files with 10 additions and 8 deletions

View File

@ -3,22 +3,24 @@ import { Link } from 'react-router-dom'
import { ArrowRight, Award, CheckCircle2, Compass, Cpu, Handshake, Headphones, Route, Users, Wrench } from 'lucide-react' import { ArrowRight, Award, CheckCircle2, Compass, Cpu, Handshake, Headphones, Route, Users, Wrench } from 'lucide-react'
const proofPoints = [ const proofPoints = [
{ label: '25+ years', detail: 'Communications and infrastructure experience', icon: Award, accent: 'text-primary-blue', bg: 'bg-sky-50', border: 'border-t-primary-blue' }, { label: '25+ years', detail: 'Communications and infrastructure experience', icon: Award, containerClass: '' },
{ {
label: '8x8 Certified Partner', label: '8x8 Certified Partner',
detail: 'Sales, engineering, build, deployment, and support', detail: 'Sales, engineering, build, deployment, and support',
logo: '/assets/brand/8x8-logo-white.svg', logo: '/assets/brand/8x8-logo-white.svg',
logoAlt: '8x8 Certified Partner logo', logoAlt: '8x8 Certified Partner logo',
logoClassName: 'h-6 w-14', logoClassName: 'h-6 w-14',
containerClass: 'px-2',
}, },
{ {
label: 'Cisco Partner', label: 'Cisco Partner',
detail: 'Networking and communications implementation', detail: 'Networking and communications implementation',
logo: '/assets/brand/cisco-partner-logo-white.svg', logo: '/assets/brand/cisco-partner-logo-white.svg',
logoAlt: 'Cisco Partner certification logo', logoAlt: 'Cisco Partner certification logo',
logoClassName: 'h-6 w-14', logoClassName: 'h-full w-full',
containerClass: 'p-1',
}, },
{ label: 'Veteran owned', detail: 'Disciplined delivery and direct accountability', icon: Users, accent: 'text-amber-600', bg: 'bg-amber-50', border: 'border-t-accent-gold' }, { label: 'Veteran owned', detail: 'Disciplined delivery and direct accountability', icon: Users, containerClass: '' },
] ]
const operatingPrinciples = [ const operatingPrinciples = [
@ -109,7 +111,7 @@ const About = () => {
<div> <div>
<div className="inline-flex items-center gap-2 rounded-md border border-white/20 bg-white/10 px-3 py-2 text-xs font-semibold uppercase tracking-wide text-primary-cyan"> <div className="inline-flex items-center gap-2 rounded-md border border-white/20 bg-white/10 px-3 py-2 text-xs font-semibold uppercase tracking-wide text-primary-cyan">
<Compass className="h-4 w-4" aria-hidden="true" /> <Compass className="h-4 w-4" aria-hidden="true" />
About Queue North About
</div> </div>
<h1 className="mt-6 text-4xl md:text-5xl lg:text-6xl font-bold leading-tight"> <h1 className="mt-6 text-4xl md:text-5xl lg:text-6xl font-bold leading-tight">
Accountable communications infrastructure, built around how your business actually works. Accountable communications infrastructure, built around how your business actually works.
@ -135,7 +137,7 @@ const About = () => {
const Icon = point.icon const Icon = point.icon
return ( return (
<div key={point.label} className="flex gap-4 rounded-md border border-white/10 bg-white/5 p-3"> <div key={point.label} className="flex gap-4 rounded-md border border-white/10 bg-white/5 p-3">
<span className={`flex h-10 shrink-0 items-center justify-center rounded-md bg-white/10 text-primary-cyan ${point.logo ? 'w-16 px-2' : 'w-10'}`}> <span className={`flex h-10 w-16 shrink-0 items-center justify-center rounded-md bg-white/10 text-primary-cyan ${point.containerClass}`}>
{point.logo ? ( {point.logo ? (
<img <img
src={point.logo} src={point.logo}
@ -143,7 +145,7 @@ const About = () => {
className={`${point.logoClassName} object-contain`} className={`${point.logoClassName} object-contain`}
/> />
) : ( ) : (
<Icon className="h-5 w-5" aria-hidden="true" /> <Icon className="h-7 w-7" aria-hidden="true" />
)} )}
</span> </span>
<div> <div>

View File

@ -162,7 +162,7 @@ const Contact = () => {
</div> </div>
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="inline-flex items-center gap-2 rounded-md border border-white/20 bg-white/10 px-3 py-2 text-xs font-semibold uppercase tracking-wide text-primary-cyan mb-6"> <div className="inline-flex items-center gap-2 rounded-md border border-white/20 bg-white/10 px-3 py-2 text-xs font-semibold uppercase tracking-wide text-primary-cyan mb-6">
Contact Queue North Contact
</div> </div>
<h1 className="text-4xl md:text-5xl font-bold text-white mb-4">Let's Talk</h1> <h1 className="text-4xl md:text-5xl font-bold text-white mb-4">Let's Talk</h1>
<p className="text-xl text-white/70 max-w-2xl"> <p className="text-xl text-white/70 max-w-2xl">

View File

@ -51,7 +51,7 @@ const Support = () => {
<div> <div>
<div className="inline-flex items-center gap-2 rounded-md border border-white/20 bg-white/10 px-3 py-2 text-xs font-semibold uppercase tracking-wide text-primary-cyan"> <div className="inline-flex items-center gap-2 rounded-md border border-white/20 bg-white/10 px-3 py-2 text-xs font-semibold uppercase tracking-wide text-primary-cyan">
<LifeBuoy className="h-4 w-4" aria-hidden="true" /> <LifeBuoy className="h-4 w-4" aria-hidden="true" />
Queue North Support Support
</div> </div>
<h1 className="mt-6 text-4xl md:text-5xl lg:text-6xl font-bold leading-tight"> <h1 className="mt-6 text-4xl md:text-5xl lg:text-6xl font-bold leading-tight">
Get help without getting handed off. Get help without getting handed off.