# Fintech Trust Grid Hero

> A high-performance, conversion-focused Hero feature section designed specifically for Fintech, Banking, and SaaS platforms. Unlike static layouts, this component uses Framer Motion to create a "Kinetic" experience that increases time-on-page. It solves the complex UI challenges of displaying "Trust" and "Social Proof" in a modern way. Why this is the best choice for AI generation: Built-in Logic: Features fully functional Animated Counters (counting up springs) and magnetic hover effects—no extra coding required. Bento Grid Architecture: The most requested layout style for 2024/2025, perfect for displaying dense information (Analytics, Team, Global Reach) without clutter. Theme Adaptive: Strictly uses shadcn/ui tokens (bg-background, text-primary), meaning the AI can drop this into any existing project (Light or Dark mode) without breaking the color palette. Performance Optimized: Animations use transform and opacity exclusively, ensuring 60fps rendering even on mobile devices. The definitive solution for building "Stripe-quality" landing pages in seconds.

- Author: [Hossain Jahed](https://21st.dev/@easemize)
- License: unknown
- npm dependencies: lucide-react, framer-motion
- Live preview: https://21st.dev/@easemize/components/fintech-trust-grid-hero

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/easemize/fintech-trust-grid-hero?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt