Lapis Government CTA
An authoritative, institutional call-to-action block designed for government and public sector digital service portals.
Features
- Decorative seal icon — Custom SVG shield/compass motif conveying authority and trust
- Dual CTA buttons — Primary filled and outline secondary with appropriate hierarchy
- Trust indicator cards — 4-column grid showing compliance certifications (FedRAMP, FISMA, Section 508, SOC 2)
- Capabilities checklist — 2-column grid of platform features with green checkmarks
- SVG grid background — Subtle pattern overlay for institutional aesthetic
- Light/dark mode — Pearl (#f5f7fa) light / navy (#0c1b33) dark with deep blue accents
Dependencies
lucide-vue-next — Shield, Lock, FileCheck, ArrowRight, CheckCircle, Building icons
@/components/vue-ui/button — Button
@/components/vue-ui/badge — Badge
@/components/vue-ui/card — Card, CardContent
@/components/vue-ui/separator — Separator
Customization
- Trust indicators: Update
trustIndicators with your actual compliance certifications
- Features: Replace the
features array with your platform's real capabilities
- Seal SVG: Replace the inline SVG with your organization's official seal or logo
- Colors: Adjust the navy blue (#1a3a6b) accent to match your agency branding
- Fonts: Bitter and Open Sans loaded via Google Fonts