Upgrade to Pro

Unlock to get unlimited access

pricing Section

A collections of pricing sections. Each pricing section is a different and powered by @shadcn and Tailwind CSS.

Pricing Plans

Choose the plan that's right for you

Basic

$10

/month

Essential features you need to get started

Example Feature Number 1

Example Feature Number 2

Example Feature Number 3

Pro

$25

/month

Perfect for owners of small & medium businessess

Example Feature Number 1

Example Feature Number 2

Example Feature Number 3

Enterprise

Custom

Dedicated support and infrastructure to fit your needs

Example Feature Number 1

Example Feature Number 2

Example Feature Number 3

Super Exclusive Feature

Installation

📍 Install dependencies

pnpm i lucide-react

📍 Add util file

lib/utils.ts


  import { ClassValue, clsx } from "clsx";
  import { twMerge } from "tailwind-merge";
  
  export function cn(...inputs: ClassValue[]) {
    return twMerge(clsx(inputs));
  }

📍 Add the following code in tailwind.config.js file


  const defaultTheme = require("tailwindcss/defaultTheme");
  const colors = require("tailwindcss/colors");
  
  /** @type {import('tailwindcss').Config} */
  module.exports = {
    content: ["./src/**/*.{js,jsx,ts,tsx}"],
    theme: {
      extend: {
        // Add your custom configurations here
      },
    },
    plugins: [],
  };

Be a hero in a world full of sidekicks.

Suman Sharma

CEO @whysumancode.com