Add trucking order page trust header

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

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>

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
const slug = "boc3-filing";
@ -19,6 +20,8 @@ const description = "Designate a process agent in all 48 states plus DC.";
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import TruckingValueNotice from "../../components/TruckingValueNotice.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
@ -20,6 +21,8 @@ const description = "California Motor Carrier Permit (MCP) plus CARB Clean Truck
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import TruckingValueNotice from "../../components/TruckingValueNotice.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
@ -20,6 +21,8 @@ const description = "Connecticut Highway Use Fee registration for heavy multi-un
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
const slug = "dot-audit-prep";
@ -19,6 +20,8 @@ const description = "Prepare for your 18-month FMCSA safety audit.";
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
const slug = "dot-drug-alcohol";
@ -19,6 +20,8 @@ const description = "Consortium enrollment, written policy, and DER designation.
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
const slug = "dot-full-compliance";
@ -19,6 +20,8 @@ const description = "MCS-150 + BOC-3 + UCR + Drug & Alcohol + Audit Prep.";
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
const slug = "dot-registration";
@ -19,6 +20,8 @@ const description = "Register a new USDOT number with FMCSA.";
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import TruckingValueNotice from "../../components/TruckingValueNotice.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
@ -20,6 +21,8 @@ const description = "PHMSA hazardous-materials registration for carriers transpo
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import TruckingValueNotice from "../../components/TruckingValueNotice.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
@ -20,6 +21,8 @@ const description = "International Fuel Tax Agreement (IFTA) license and decals
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import TruckingValueNotice from "../../components/TruckingValueNotice.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
@ -20,6 +21,8 @@ const description = "Quarterly IFTA fuel-tax return preparation and filing throu
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
const slug = "intrastate-authority";
@ -19,6 +20,8 @@ const description = "Intrastate operating authority application for carriers hau
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import TruckingValueNotice from "../../components/TruckingValueNotice.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
@ -20,6 +21,8 @@ const description = "Apportioned (IRP) registration for interstate carriers —
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import TruckingValueNotice from "../../components/TruckingValueNotice.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
@ -20,6 +21,8 @@ const description = "Kentucky KYU weight-distance tax license for carriers opera
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
const slug = "mc-authority";
@ -19,6 +20,8 @@ const description = "Apply for common or contract carrier operating authority.";
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import TruckingValueNotice from "../../components/TruckingValueNotice.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
@ -20,6 +21,8 @@ const description = "FMCSA biennial update of company profile, fleet size, and m
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -2,6 +2,7 @@
import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import { INTAKE_MANIFEST, SERVICE_META, formatUSD } from "../../lib/intake_manifest";
const slug = "new-carrier-bundle";
@ -18,6 +19,8 @@ const description = "Start-to-finish for a brand-new VoIP carrier: FRN + 499 Ini
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<Wizard service_slug={slug} steps={steps ?? ["entity", "review", "payment"]} title={meta?.name ?? slug} />
</main>
<script>

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import TruckingValueNotice from "../../components/TruckingValueNotice.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
@ -20,6 +21,8 @@ const description = "New Mexico Weight-Distance Tax permit and account setup.";
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import TruckingValueNotice from "../../components/TruckingValueNotice.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
@ -20,6 +21,8 @@ const description = "New York Highway Use Tax (HUT) registration and decal for c
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import TruckingValueNotice from "../../components/TruckingValueNotice.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
@ -20,6 +21,8 @@ const description = "Oregon Weight-Mile Tax enrollment and account setup for car
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
const slug = "osow-permit";
@ -19,6 +20,8 @@ const description = "Oversize / Overweight (OS/OW) trip permit acquisition for n
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
const slug = "state-dot-registration";
@ -19,6 +20,8 @@ const description = "Intrastate (state) DOT number registration for carriers ope
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import TruckingValueNotice from "../../components/TruckingValueNotice.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
@ -20,6 +21,8 @@ const description = "State clean-truck / emissions compliance (NY, CO, MD, NJ, M
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
const slug = "state-trucking-bundle";
@ -19,6 +20,8 @@ const description = "State Compliance Bundle — IRP, IFTA, state weight-distanc
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import TruckingValueNotice from "../../components/TruckingValueNotice.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
@ -20,6 +21,8 @@ const description = "Unified Carrier Registration for interstate carriers.";
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />

View file

@ -3,6 +3,7 @@ import Base from "../../layouts/Base.astro";
import Wizard from "../../components/intake/Wizard.astro";
import OrderPriceBanner from "../../components/OrderPriceBanner.astro";
import TaxDeductibilityNotice from "../../components/TaxDeductibilityNotice.astro";
import TruckingOrderHeader from "../../components/TruckingOrderHeader.astro";
import TruckingValueNotice from "../../components/TruckingValueNotice.astro";
import { INTAKE_MANIFEST, SERVICE_META } from "../../lib/intake_manifest";
@ -20,6 +21,8 @@ const description = "Reactivate an inactive or revoked USDOT number and bring yo
<p class="pw-desc">{description}</p>
</section>
<TruckingOrderHeader />
<OrderPriceBanner priceCents={meta?.price_cents} govFeeLabel={meta?.gov_fee_label} note="Choose card, ACH, or PayPal at payment." />
<TaxDeductibilityNotice />