--- interface Tier { name: string; priceMonthly: number | null; features: string[]; highlighted?: boolean; ctaLabel: string; ctaHref: string; } interface Props { heading: string; subheading?: string; tiers: Tier[]; } const { heading = "Federal Procurement Pricing", subheading = "Transparent, compliant, and scalable plans for government agencies", tiers = [ { name: "Starter", priceMonthly: 499, features: ["FAR-compliant workflows", "Up to 5 users", "Basic reporting", "Email support"], ctaLabel: "Get Started", ctaHref: "/signup/starter" }, { name: "Professional", priceMonthly: 1299, features: ["FAR-compliant workflows", "Up to 25 users", "Advanced analytics & audit trails", "Priority support", "SOC 2 Type II compliance"], highlighted: true, ctaLabel: "Request Demo", ctaHref: "/signup/pro" }, { name: "Enterprise", priceMonthly: null, features: ["FAR-compliant workflows", "Unlimited users", "Custom integrations & FedRAMP High", "Dedicated success manager", "SLA guarantees"], ctaLabel: "Contact Sales", ctaHref: "/contact" } ] }: Props = Astro.props; const formatter = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', maximumFractionDigits: 0 }); const formattedTiers = tiers.map(tier => ({ ...tier, displayPrice: tier.priceMonthly === null ? 'Contact us' : formatter.format(tier.priceMonthly) })); ---

{heading}

{subheading &&

{subheading}

}
{formattedTiers.map((tier) => (
{tier.highlighted && Most Popular}

{tier.name}

{tier.displayPrice}/mo

    {tier.features.map((feature) => (
  • {feature}
    • ))}
{tier.ctaLabel}
))}