breadcrumbs
This commit is contained in:
parent
0cfa048d0d
commit
8f20670292
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
|
|
@ -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.
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue