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'
|
||||
|
||||
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',
|
||||
detail: 'Sales, engineering, build, deployment, and support',
|
||||
logo: '/assets/brand/8x8-logo-white.svg',
|
||||
logoAlt: '8x8 Certified Partner logo',
|
||||
logoClassName: 'h-6 w-14',
|
||||
containerClass: 'px-2',
|
||||
},
|
||||
{
|
||||
label: 'Cisco Partner',
|
||||
detail: 'Networking and communications implementation',
|
||||
logo: '/assets/brand/cisco-partner-logo-white.svg',
|
||||
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 = [
|
||||
|
|
@ -109,7 +111,7 @@ const About = () => {
|
|||
<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">
|
||||
<Compass className="h-4 w-4" aria-hidden="true" />
|
||||
About Queue North
|
||||
About
|
||||
</div>
|
||||
<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.
|
||||
|
|
@ -135,7 +137,7 @@ const About = () => {
|
|||
const Icon = point.icon
|
||||
return (
|
||||
<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 ? (
|
||||
<img
|
||||
src={point.logo}
|
||||
|
|
@ -143,7 +145,7 @@ const About = () => {
|
|||
className={`${point.logoClassName} object-contain`}
|
||||
/>
|
||||
) : (
|
||||
<Icon className="h-5 w-5" aria-hidden="true" />
|
||||
<Icon className="h-7 w-7" aria-hidden="true" />
|
||||
)}
|
||||
</span>
|
||||
<div>
|
||||
|
|
|
|||
|
|
@ -162,7 +162,7 @@ const Contact = () => {
|
|||
</div>
|
||||
<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">
|
||||
Contact Queue North
|
||||
Contact
|
||||
</div>
|
||||
<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">
|
||||
|
|
|
|||
|
|
@ -51,7 +51,7 @@ const Support = () => {
|
|||
<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">
|
||||
<LifeBuoy className="h-4 w-4" aria-hidden="true" />
|
||||
Queue North Support
|
||||
Support
|
||||
</div>
|
||||
<h1 className="mt-6 text-4xl md:text-5xl lg:text-6xl font-bold leading-tight">
|
||||
Get help without getting handed off.
|
||||
|
|
|
|||
Loading…
Reference in New Issue