Topaz Government Comparison

Topaz Government Comparison

A formal comparison block for government services and institutional platforms.

Features

• Two plan cards — Standard and Enterprise side-by-side comparison
• Feature checklist — 12 features with check/x icons per plan
• Featured highlight — Gradient top bar and border for recommended plan
• Pricing display — Large price with period label
• Trust banner — FedRAMP, SOC 2, 508 compliance badges
• Navy/gold palette — Blue-900 primary, amber-500 gold accent
• Responsive — Stacks on mobile, side-by-side on desktop
• Dark mode — Full slate-950 dark variant

Dependencies

• @/components/vue-ui/card — Card, CardHeader, CardTitle, CardContent, CardFooter
• @/components/vue-ui/button — Button
• @/components/vue-ui/badge — Badge
• @/components/vue-ui/separator — Separator
• lucide-vue-next — Check, X, Shield, Building2, FileText, Users, Star, Award

Customization

• Plans: Edit the plans array for your pricing tiers
• Features: Modify features array for your feature matrix
• Trust badges: Update trustBadges for your certifications
• Colors: Swap blue-900/amber classes for your institutional branding