justin/new-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add trucking order page trust header

Browse source
This commit is contained in:
justin 2026-06-04 13:01:56 -05:00
parent 40d5643116
commit 74acda7171
26 changed files with 113 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

38
site/src/components/TruckingOrderHeader.astro Normal file
View file

@ -0,0 +1,38 @@
---
---
<section class="pw-trucking-order-header" aria-labelledby="pw-trucking-order-header-title">
<h2 id="pw-trucking-order-header-title">We handle your FMCSA filings so you can focus on the road.</h2>
<p>
Performance West is a dedicated transportation compliance firm serving thousands of motor carriers nationwide.
We combine deep regulatory expertise with purpose-built filing technology so your paperwork is done right, done fast,
and tracked every step of the way.
</p>
</section>
<style>
.pw-trucking-order-header {
margin: 0 0 1.5rem;
padding: 1.25rem 1.5rem;
border: 1px solid rgba(26, 39, 68, 0.12);
border-left: 5px solid var(--pw-orange, #f97316);
border-radius: 14px;
background: linear-gradient(135deg, #fff7ed 0%, #ffffff 58%, #f8fafc 100%);
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}
.pw-trucking-order-header h2 {
margin: 0 0 0.5rem;
color: var(--pw-navy, #1a2744);
font-size: clamp(1.2rem, 2vw, 1.55rem);
line-height: 1.25;
}
.pw-trucking-order-header p {
margin: 0;
max-width: 54rem;
color: var(--pw-muted, #64748b);
font-size: 1rem;
line-height: 1.65;
}
</style>