Describe the problem
The "Quick Facts About New Zealand" section on the New Zealand page currently uses solid dark red cards with white text and icons. While the content is readable, the overall design looks very heavy, flat, and outdated. It lacks visual hierarchy, depth, and a premium feel. This is the exact same UI issue previously addressed for the UK page (Issue #193) and the Canada page.
Expected Behavior
The Quick Facts cards should have a modern, premium appearance. They should feel lightweight, visually engaging, and consistent with the modern design system.
Current Behavior
- All cards use a heavy, solid dark red background (
linear-gradient).
- The design looks flat with no subtle interactive hover effects.
- The visual presentation feels disjointed from the premium UI standards.
Suggested Improvements
(To match the premium redesign applied to UK and Canada)
- Replace the solid red background with a clean white/light background (e.g.,
var(--bg-card)).
- Add red accent elements (such as a
3px top border or a dynamic red icon container) instead of a solid red block.
- Add soft, premium box shadows (
box-shadow) to create depth.
- Improve icon container styling (subtle red tint background turning fully red on hover).
- Add smooth hover animations (like a
translateY(-8px) lift effect).
- Ensure text and icons are perfectly visible and centered.
Acceptance Criteria
Screenshot

Describe the problem
The "Quick Facts About New Zealand" section on the New Zealand page currently uses solid dark red cards with white text and icons. While the content is readable, the overall design looks very heavy, flat, and outdated. It lacks visual hierarchy, depth, and a premium feel. This is the exact same UI issue previously addressed for the UK page (Issue #193) and the Canada page.
Expected Behavior
The Quick Facts cards should have a modern, premium appearance. They should feel lightweight, visually engaging, and consistent with the modern design system.
Current Behavior
linear-gradient).Suggested Improvements
(To match the premium redesign applied to UK and Canada)
var(--bg-card)).3pxtop border or a dynamic red icon container) instead of a solid red block.box-shadow) to create depth.translateY(-8px)lift effect).Acceptance Criteria
Screenshot