Ferry, a Next.js template
multi-currency payments landing page
A light and dark landing page for a business that holds, converts and sends money in many currencies: a hero converter with rolling digits and a globe that routes each corridor, a live treasury view, rate locks, payout routing, approval rules, a developer section with real code samples, and a pricing calculator.
- Fintech
- Advanced
- 1 page
- 11 sections
Inside the page
Screens from the live template. The first one is open to everyone; Pro unlocks the other 3.
What's in it
Sections, top to bottom
- 1Nav with Product Menu and Theme Toggle
- 2Hero with Currency Converter and Globe
- 3Live Treasury
- 4Product Bento
- 5Payout Routing
- 6Approval Rules
- 7Developer API
- 8Customer Cards
- 9Pricing Calculator
- 10FAQ
- 11Closing Call to Action and Footer
Built in
- Light and dark themes with a view-transition toggle that remembers the choice
- Hero currency converter with rolling digits, twelve currencies and live rate, fee and arrival text
- Canvas globe that redraws its arc and sends a dot along the route for each corridor
- Treasury view with a hover line chart, a tap-to-cycle card stack and arrival rates by rail
- Rate-lock dial, Ferry versus SWIFT bar chart, cut-off table and webhook flow diagram
- Payout router and approval rules whose switches and limit change the checklist and button
- Developer section with cURL, Node and Python tabs, copy button and a typed sample response
- Pricing calculator on a logarithmic slider that marks the cheapest plan for your volume
- No remote images, no web fonts to load and no audio; reduced-motion settings respected
Run it on your machine
Get the code
Get Pro or lifetime access, then download the source zip from this page.
Install
In the project folder:
$ npm installStart it
Then open localhost:3000.
$ npm run dev
More templates
See all templates
Make Ferry yours
Included in Pro, $49.99 a year, along with every other template. Swap in your words and colours and ship it.