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

branch footer

This commit is contained in:
null 2026-05-25 19:23:37 -05:00
parent 52d9a16462
commit 1d687c5fa1
1 changed files with 15 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/layout/Footer.jsx
View File

@ -139,33 +139,22 @@ const Footer = () => {
</div>
{/* Veteran Owned & Operated */}
<div className="border-t border-white/10 py-10 mt-8">
<div className="flex items-center gap-4 mb-8">
<div className="flex-1 h-px bg-white/10" />
<p className="text-primary-cyan text-xs font-semibold uppercase tracking-[0.2em] whitespace-nowrap">
<div className="border-t border-white/10 mt-10 py-6">
<div className="flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
<div>
<p className="text-primary-cyan text-xs font-semibold uppercase tracking-[0.18em]">
Veteran Owned &amp; Operated
</p>
<div className="flex-1 h-px bg-white/10" />
<p className="mt-2 text-sm text-navy-light">
Proudly representing service in the United States Marine Corps and United States Air Force.
</p>
</div>
<div className="flex justify-center gap-6 flex-wrap">
<div className="flex flex-col items-center gap-3 bg-white/5 border border-white/10 rounded-xl px-8 py-5 min-w-[160px]">
<img
src="/assets/brand/usmc-logo.svg"
alt="United States Marine Corps seal"
className="h-14 w-auto brightness-0 invert opacity-90"
/>
<span className="text-navy-light text-xs font-medium tracking-wide text-center uppercase leading-snug">
United States<br />Marine Corps
<div className="flex flex-wrap gap-2">
<span className="rounded-md border border-white/10 bg-white/5 px-3 py-2 text-xs font-semibold uppercase tracking-wide text-white/85">
United States Marine Corps
</span>
</div>
<div className="flex flex-col items-center gap-3 bg-white/5 border border-white/10 rounded-xl px-8 py-5 min-w-[160px]">
<img
src="/assets/brand/usaf-logo.svg"
alt="United States Air Force seal"
className="h-14 w-auto brightness-0 invert opacity-90"
/>
<span className="text-navy-light text-xs font-medium tracking-wide text-center uppercase leading-snug">
United States<br />Air Force
<span className="rounded-md border border-white/10 bg-white/5 px-3 py-2 text-xs font-semibold uppercase tracking-wide text-white/85">
United States Air Force
</span>
</div>
</div>