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

removed duplicate card

This commit is contained in:
null 2026-05-26 13:41:46 -05:00
parent 8731903463
commit 510edace07
1 changed files with 1 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/pages/Support.jsx
View File

@ -1,5 +1,5 @@
import SEO from '@/components/SEO' import SEO from '@/components/SEO'
import { AlertCircle, ArrowRight, CheckCircle2, Clock3, ExternalLink, Headphones, LifeBuoy, ShieldCheck, TicketCheck, Wrench } from 'lucide-react' import { AlertCircle, ArrowRight, CheckCircle2, Clock3, ExternalLink, LifeBuoy, ShieldCheck, TicketCheck, Wrench } from 'lucide-react'
const portalLinks = [ const portalLinks = [
{ {
@ -124,35 +124,6 @@ const Support = () => {
<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="grid grid-cols-1 lg:grid-cols-[0.95fr_1.05fr] gap-8 lg:gap-10 items-start"> <div className="grid grid-cols-1 lg:grid-cols-[0.95fr_1.05fr] gap-8 lg:gap-10 items-start">
<div className="space-y-6"> <div className="space-y-6">
<div className="rounded-md border border-border border-t-[3px] border-t-primary-blue bg-white p-6 shadow-sm">
<div className="flex items-start gap-4">
<span className="flex h-11 w-11 shrink-0 items-center justify-center rounded-md bg-primary-navy text-white">
<Headphones className="h-5 w-5" aria-hidden="true" />
</span>
<div>
<h2 className="text-xl font-bold text-primary-navy">Support Center</h2>
<p className="mt-2 text-sm leading-relaxed text-soft-text">
Use the client portal to create requests, manage existing tickets, add updates, and keep support history in one place.
</p>
</div>
</div>
<div className="mt-6 flex flex-col sm:flex-row gap-3">
{portalLinks.map((link, index) => (
<a
key={link.label}
href={link.href}
target="_blank"
rel="noopener noreferrer"
className={`inline-flex h-10 items-center justify-center gap-2 rounded-md px-4 text-sm font-semibold transition-colors ${index === 0 ? 'bg-primary-navy text-white hover:bg-primary-navy-dark' : 'border border-border bg-white text-primary-navy hover:bg-section-alt'}`}
>
{link.label}
<ExternalLink className="h-4 w-4" aria-hidden="true" />
</a>
))}
</div>
</div>
<div className="rounded-md border border-border border-t-[3px] border-t-teal-500 bg-white p-6 shadow-sm"> <div className="rounded-md border border-border border-t-[3px] border-t-teal-500 bg-white p-6 shadow-sm">
<div className="flex items-center gap-3 mb-5"> <div className="flex items-center gap-3 mb-5">
<span className="flex h-10 w-10 items-center justify-center rounded-md bg-section-alt text-primary-navy"> <span className="flex h-10 w-10 items-center justify-center rounded-md bg-section-alt text-primary-navy">