Zenith Government Footer
A professional government footer with institutional authority and full accessibility compliance.
Features
- 4-column layout — About, Services, Resources, and Contact information
- Government seal — Shield icon placeholder with official branding
- Social links — Facebook, Twitter, YouTube, LinkedIn with icon buttons
- Accessibility statement — Section 508 compliance notice with policy link
- Contact info — Phone, email, and physical address with icons
- Bottom bar — Darker navy strip with copyright, Privacy Policy, Terms, FOIA, No Fear Act
- External link indicators — Hover-reveal external link icons on navigation items
- Dark mode — Even deeper navy (#0d1525) for dark variant
- Responsive — 4-column grid collapses to 2 then 1 column on smaller screens
Dependencies
@/components/vue-ui/button — Button@/components/vue-ui/separator — Separatorlucide-vue-next — Mail, Phone, MapPin, ExternalLink, Facebook, Twitter, Youtube, Linkedin, Shield, Accessibility
Customization
- Columns: Edit
footerColumns for your organization's navigation structure
- Social: Update
socialLinks for your active social platforms
- Seal: Replace the Shield icon with your official logo or seal
- Colors: Swap navy (#1b2a4a) and sky-300/400 for your institutional colors
- Legal links: Update the bottom bar links for your jurisdiction's requirements
