Fintech landingPro

• Holographic card stack
• Rolling savings rate
• Budget rings
• Trust stats and FAQ

• Banking, cards, savings and payments products.

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

Import it from @/components/templates/fintech-landing after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

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

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

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

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

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

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

• 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.