--- title: "Finwise: SaaS Landing Page" description: "Lightweight, easy to customize landing page template for SaaS, built with Next.js and Tailwind." url: "https://vercel.com/templates/next.js/finwise-saas-landing-page" links: repository: "https://github.com/nexi-launch/finwise-landing-page" demo: "https://finwise-omega.vercel.app/" deploy: "https://vercel.com/new/clone?demo-title=Finwise%3A+SaaS+Landing+Page&demo-description=Lightweight%2C+easy+to+customize+landing+page+template+for+SaaS%2C+built+with+Next.js+and+Tailwind.&demo-url=https%3A%2F%2Ffinwise-omega.vercel.app%2F&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F3mWrk0YjcDMlhdk7OR5SEc%2F2ea03a8ac3a5f751adb43b066cf1da9b%2Ffinwise-thumbnail.png&project-name=Finwise%3A+SaaS+Landing+Page&repository-name=finwise-saas-landing-page&repository-url=https%3A%2F%2Fgithub.com%2Fnexi-launch%2Ffinwise-landing-page&from=templates&skippable-integrations=1" --- # Finwise: SaaS Landing Page Lightweight, easy to customize landing page template for SaaS, built with Next.js and Tailwind. [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fnexi-launch%2Ffinwise-landing-page) # 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](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](https://nextjs.org/docs/app/api-reference/components/font) - Automatic **image optimization** via [next/image](https://nextjs.org/docs/app/building-your-application/optimizing/images) - Access to **31+ icon packs** via [React Icons](https://react-icons.github.io/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](https://code.visualstudio.com/) is recommended. ### Steps 1. **Install dependencies**: Run `npm install` 2. **Run the development server**: `npm run dev` 3. **View your project**: Open [localhost:3000](http://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](https://vercel.com/). Simply click the "Deploy with Vercel" button at the top of this README, or check the [Next.js deployment docs](https://vercel.com/docs/deployments/deployment-methods) 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. ## Related Templates ### [Next.js SaaS Starter](https://vercel.com/templates/next.js/next-js-saas-starter) Postgres, Auth, Tailwind, shadcn/ui, and more. ### [Paddle Billing Subscription Starter](https://vercel.com/templates/next.js/paddle-billing-subscription-starter) A complete starter kit to build and deploy a Next.js SaaS app powered by Paddle Billing, Supabase, and Vercel. ### [SaaStart: Auth0 + Next.js SaaS Starter Kit](https://vercel.com/templates/next.js/auth0-nextjs-saas-starter) The Auth0 SaaS Starter Kit is a full-stack Next.js application designed to help you get started building B2B SaaS with Auth0 by Okta. --- ## Additional documentation The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.