Finwise - Next.js + Tailwind Landing Page Template

Finwise is a lightweight, easily configurable, and customizable Next.js and Tailwind CSS landing page template. It’s built to be adaptable, performant, and perfect for any product launch, portfolio, or promotional site.

Try out the demo here: https://finwise-omega.vercel.app.

Please check out the documentation below to get started.

Features

• Next.js app router with TypeScript
• Tailwind CSS v3 for flexible styling customization
• Smooth transitions powered by Framer Motion
• Built-in font optimization with next/font
• Automatic image optimization via next/image
• Access to 31+ icon packs via React Icons
• Near-perfect Lighthouse score
• Modular, responsive, and scalable components
• Free lifetime updates

Sections

• Hero
• Partners or Clients Logos
• Features
• Pricing
• Testimonials
• FAQ
• Statistics
• CTA
• Footer

Getting Started

Prerequisites

Before starting, make sure you have the following installed:

• Node.js: Version 18 or later
• npm: Version 8 or later (bundled with Node.js)
• Code editor: VS Code is recommended.

Steps

1. Install dependencies: Run npm install
2. Run the development server: npm run dev
3. View your project: Open localhost:3000

Customization

1. Edit colors: Update globals.css for primary, secondary, background, and accent colors.
2. Update site details: Customize siteDetails.ts in /src/data to reflect your brand and site info.
3. Modify content: Files in /src/data handle data for navigation, features, pricing, testimonials, and more.
4. Replace favicon: Add your icon to /src/app/favicon.ico.
5. Add images: Update public/images for Open Graph metadata (e.g., og-image.jpg, twitter-image.jpg).

Deploying on Vercel

The fastest way to deploy Finwise is on Vercel. Simply click the "Deploy with Vercel" button at the top of this README, or check the Next.js deployment docs for other deployment options.

Contributing

Finwise is an open-source project, and we welcome contributions from the community! If you have ideas for new components, designs, layouts, or optimizations, please join us in making Finwise even better.

How to Contribute

1. Fork the Repository: Clone it locally.
2. Create a New Branch: For example, feature/new-section or fix/style-issue.
3. Develop and Test: Make sure your changes work and don't break existing functionality.
4. Submit a Pull Request: Open a pull request with a clear description of your changes, and we'll review it.

Ideas for Contributions

• New component sections (team introductions, comparison table, case studies, etc.)
• Additional page variants (e.g., agency, eCommerce, portfolio layouts)
• Additional themes
• Documentation updates, tutorials, or guides

Community and Support

Join our community discussions on GitHub to share ideas, ask questions, or suggest improvements. Let’s build something amazing together!

License

This project is open-source and available under the MIT License. Feel free to use, modify, and distribute it for personal or commercial projects.