From 19785629d18b917f8008707082d61f9e1d089f14 Mon Sep 17 00:00:00 2001 From: justin Date: Mon, 8 Jun 2026 02:36:38 -0500 Subject: [PATCH] checkout: add shared trust band (guarantee + security) to order flow High-friction conversion points (payment step, review step, order intro) had almost no trust reinforcement at the moment of payment. Adds a shared, regulator-agnostic CheckoutTrustBand component used across all four verticals: - Payment step: 'full' variant -- money-back-if-we-fail-to-file guarantee + 256-bit TLS / Stripe / SOC 2 / PCI / fixed-price security badges + the right 'not affiliated with ' disclaimer for the vertical. - Review step: 'compact' variant -- guarantee + disclaimer (no badges). - Order intro (VerticalOrderHeader, shared by all 49 order pages): thin green 'Secure checkout / Fixed price / Money-back guarantee' bar. Guarantee copy is a real promise (full refund if we cannot file), worded so it never overpromises a regulatory outcome (agency approval is not ours to give). Vertical is inferred from the intake-step list via slugVertical() (single source of truth, no hand-maintained slug table), with an explicit corporate slug set since corporate services share the generic 'entity' step. Note: the 'dc_agent' step is the telecom D.C. process-agent designation, not corporate. Also fixes two pre-existing mislabeled order-page headers surfaced by an exhaustive header-vs-disclaimer audit: rmd-filing (Robocall Mitigation DB) and new-carrier-bundle (VoIP carrier onboarding) are telecom, not healthcare/ trucking. --- site/src/components/CheckoutTrustBand.astro | 114 ++++++++++++++++++ site/src/components/VerticalOrderHeader.astro | 2 + .../components/intake/steps/PaymentStep.astro | 6 +- .../components/intake/steps/ReviewStep.astro | 6 +- site/src/lib/intake_manifest.ts | 29 +++++ site/src/pages/order/new-carrier-bundle.astro | 2 +- site/src/pages/order/rmd-filing.astro | 2 +- 7 files changed, 157 insertions(+), 4 deletions(-) create mode 100644 site/src/components/CheckoutTrustBand.astro diff --git a/site/src/components/CheckoutTrustBand.astro b/site/src/components/CheckoutTrustBand.astro new file mode 100644 index 0000000..5bbcfd5 --- /dev/null +++ b/site/src/components/CheckoutTrustBand.astro @@ -0,0 +1,114 @@ +--- +// Shared checkout trust band. One source of truth for the security + guarantee +// reassurance shown at the high-friction moments of the order flow (payment +// step, review step, and the order intro). Used across ALL verticals +// (telecom, trucking, healthcare, corporate), so the copy is regulator-agnostic +// except for an optional vertical-specific affiliation disclaimer. +// +// Usage: +// // Payment step +// // Review step +// // Order H1 bar +// +// The guarantee is a real money-back-if-we-fail-to-file promise: if we are +// unable to file your filing, you get a full refund. Worded so it never +// overpromises a regulatory outcome (agency approval is not ours to guarantee), +// only our own work. +export interface Props { + variant?: "full" | "compact" | "bar"; + vertical?: "trucking" | "telecom" | "healthcare" | "corporate"; +} +const { variant = "full", vertical } = Astro.props; + +// Regulator-agnostic security badges shown on every order. +const BADGES = [ + { icon: "\u{1F512}", label: "256-bit TLS encrypted" }, + { icon: "\u{1F4B3}", label: "Secure payment by Stripe" }, + { icon: "\u{1F6E1}\u{FE0F}", label: "SOC 2 hosting \u00b7 PCI compliant" }, + { icon: "\u{1F4CB}", label: "Fixed price, no billable hours" }, +]; + +const GUARANTEE_TITLE = "Money-back guarantee"; +const GUARANTEE_BODY = + "If we are unable to file your filing, you get a full refund. Fixed price, no billable hours, no surprises."; + +// Affiliation disclaimer is vertical-specific (only relevant when the order is +// tied to a particular agency). Omitted when vertical is unknown. +const DISCLAIMERS: Record, string> = { + healthcare: "Performance West is an independent compliance firm, not affiliated with CMS or Medicare.", + telecom: "Performance West is an independent compliance firm, not affiliated with the FCC or USAC.", + trucking: "Performance West is an independent compliance firm, not affiliated with the FMCSA or DOT.", + corporate: "Performance West is an independent compliance firm, not a government agency.", +}; +const disclaimer = vertical ? DISCLAIMERS[vertical] : ""; +--- + +{variant === "bar" && ( +
+ Secure checkout + + Fixed price, no billable hours + + Money-back guarantee: we file it or your money back +
+)} + +{variant !== "bar" && ( +
+
+ +
+

{GUARANTEE_TITLE}

+

{GUARANTEE_BODY}

+
+
+ {variant === "full" && ( +
    + {BADGES.map((b) => ( +
  • {b.label}
    • + ))} +
+ )} + {disclaimer &&

{disclaimer}

} +
+)} + + diff --git a/site/src/components/VerticalOrderHeader.astro b/site/src/components/VerticalOrderHeader.astro index dd4835b..0da6f73 100644 --- a/site/src/components/VerticalOrderHeader.astro +++ b/site/src/components/VerticalOrderHeader.astro @@ -9,6 +9,7 @@ export interface Props { vertical: "trucking" | "telecom" | "healthcare" | "corporate"; } const { vertical } = Astro.props; +import CheckoutTrustBand from "./CheckoutTrustBand.astro"; type Card = { icon: string; h: string; p: string }; type Content = { @@ -93,6 +94,7 @@ const c = CONTENT[vertical]; ))} +