badge center

This commit is contained in:
null 2026-05-27 12:51:08 -05:00
parent a81e97fb31
commit 6de9490764
1 changed files with 9 additions and 9 deletions

View File

@ -168,8 +168,8 @@ const Home = () => {
{/* Partner Proof */} {/* Partner Proof */}
<section className="bg-white border-b border-border py-6"> <section className="bg-white border-b border-border py-6">
<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 gap-4 sm:grid-cols-2 lg:grid-cols-4"> <div className="grid grid-cols-2 gap-x-4 gap-y-6 lg:grid-cols-4">
<div className="flex items-center justify-center gap-3 sm:justify-start"> <div className="flex flex-col items-center gap-2 lg:flex-row lg:gap-3 lg:justify-start">
<span className="flex h-14 w-24 shrink-0 items-center justify-center rounded-md border border-border bg-white px-3"> <span className="flex h-14 w-24 shrink-0 items-center justify-center rounded-md border border-border bg-white px-3">
<img <img
src="/assets/brand/8x8-logo-dark-gray.png" src="/assets/brand/8x8-logo-dark-gray.png"
@ -177,9 +177,9 @@ const Home = () => {
className="h-9 w-full object-contain" className="h-9 w-full object-contain"
/> />
</span> </span>
<span className="text-sm font-semibold leading-tight text-primary-navy text-center sm:text-left">8x8 Certified Partner</span> <span className="text-sm font-semibold leading-tight text-primary-navy text-center lg:text-left">8x8 Certified Partner</span>
</div> </div>
<div className="flex items-center justify-center gap-3 sm:justify-start"> <div className="flex flex-col items-center gap-2 lg:flex-row lg:gap-3 lg:justify-start">
<span className="flex h-14 w-24 shrink-0 items-center justify-center rounded-md border border-border bg-white px-3"> <span className="flex h-14 w-24 shrink-0 items-center justify-center rounded-md border border-border bg-white px-3">
<img <img
src="/assets/brand/cisco-partner-logo-midnight.svg" src="/assets/brand/cisco-partner-logo-midnight.svg"
@ -187,19 +187,19 @@ const Home = () => {
className="h-12 w-full object-contain" className="h-12 w-full object-contain"
/> />
</span> </span>
<span className="text-sm font-semibold leading-tight text-primary-navy text-center sm:text-left">Cisco Certified Partner</span> <span className="text-sm font-semibold leading-tight text-primary-navy text-center lg:text-left">Cisco Certified Partner</span>
</div> </div>
<div className="flex items-center justify-center gap-3 sm:justify-start"> <div className="flex flex-col items-center gap-2 lg:flex-row lg:gap-3 lg:justify-start">
<span className="flex h-14 w-24 shrink-0 items-center justify-center rounded-md border border-border bg-white px-3 text-primary-navy"> <span className="flex h-14 w-24 shrink-0 items-center justify-center rounded-md border border-border bg-white px-3 text-primary-navy">
<ShieldCheck className="h-7 w-7 text-primary-blue" aria-hidden="true" /> <ShieldCheck className="h-7 w-7 text-primary-blue" aria-hidden="true" />
</span> </span>
<span className="text-sm font-semibold leading-tight text-primary-navy text-center sm:text-left">Veteran Owned</span> <span className="text-sm font-semibold leading-tight text-primary-navy text-center lg:text-left">Veteran Owned</span>
</div> </div>
<div className="flex items-center justify-center gap-3 sm:justify-start"> <div className="flex flex-col items-center gap-2 lg:flex-row lg:gap-3 lg:justify-start">
<span className="font-numeric flex h-14 w-24 shrink-0 items-center justify-center rounded-md border border-border bg-white px-3 text-2xl font-semibold text-primary-navy"> <span className="font-numeric flex h-14 w-24 shrink-0 items-center justify-center rounded-md border border-border bg-white px-3 text-2xl font-semibold text-primary-navy">
25+ 25+
</span> </span>
<span className="text-sm font-semibold leading-tight text-primary-navy text-center sm:text-left">Years Experience</span> <span className="text-sm font-semibold leading-tight text-primary-navy text-center lg:text-left">Years Experience</span>
</div> </div>
</div> </div>
</div> </div>