A collection of 4 sleek, responsive React components built with Next.js, Tailwind CSS, and shadcn/ui. These cards are tailored for modern fintech or trading dashboards, showcasing gradients, interactivity, and clean layouts.
- React (via Next.js)
- Tailwind CSS
- shadcn/ui
- Lucide Icons
- TypeScript (minimal usage; components are JS-compatible)
A company mission section with gradient lighting and image focus.
Feature-focused layout with simple content + data visualization.
Grid-patterned background variant with the same feature set.
A live demo call-to-action card with interactive intent.
You can drop any of these components into your Next.js + Tailwind project. They assume shadcn/ui setup and use components like <Button />.
To install shadcn/ui and Lucide:
npm install @shadcn/ui lucide-react