# Fintech landing

> A neobank landing page: stacked holographic cards, rates, budget rings, trust stats and FAQ.

Template · Pro · https://lodeui.com/templates/fintech-landing

## When to use

- Banking, cards, savings and payments products.

## When not to use

- B2B finance tools: use the CRM or analytics pages as a base.

## Installation

```bash
npx shadcn@latest add @lode/fintech-landing
```

Pro: needs a Lode API key and the `@lode` registry in components.json. See https://lodeui.com/docs/cli.

npm dependencies: motion, lucide-react

## Usage

```tsx title="example.tsx"
// app/page.tsx
import { FintechLanding } from "@/components/templates/fintech-landing";

export default function Page() {
  return <FintechLanding />;
}
```

Built from: Activity rings, CTA section, FAQ section, Footer section, Hero section, Number ticker, Payment card, Stats section, Testimonials wall

## API reference

### FintechLanding

A complete neobank landing page: stacked holographic cards, features, a rolling savings rate, budget rings, trust stats, testimonials, FAQ and CTA. Also the default export. No props: sample data sits at the top of the file, ready to swap for your own.

No props.

## Keyboard interactions

| Keys | Action |
| --- | --- |
| Tab | Move through header, sections and forms |

## Accessibility

- Rates and amounts are text; cards are decorative previews with readable numbers.
- Card tilt and sheen are off under reduced motion.

## Motion

- Cards fan out into a stack; the savings rate rolls; budget rings sweep in.

## Responsive behavior

- Every section stacks on phones; the header collapses into a menu below 768px.
- Tested from 320px to 1920px.

## Performance

- Section animations start when they scroll into view and run once.
- No data fetching: copy and sample data live in the file.

## Notes for AI

- Installs with landing-kit.tsx (the shared header and section heading); edit the header links there or via props.
- Have compliance review rates, insurance and legal lines before publishing.

## Related

- [Payment card](https://lodeui.com/components/payment-card) — A wallet card with a holographic sheen that follows the pointer and a number reveal.
- [Activity rings](https://lodeui.com/components/activity-rings) — Concentric progress rings like a fitness watch, overlapping past 100%.
- [Stats section](https://lodeui.com/blocks/stats-section) — Headline numbers that count up when they scroll into view.
- [Crypto wallet](https://lodeui.com/blocks/crypto-wallet) — Wallet balance, portfolio chart, holdings with sparklines and a slide-to-send flow.