SUI Dashboard
Hero Section
A collections of hero sections. Each hero section is a different and powered by @shadcn and Tailwind CSS.
Restaurant Management made as easy as pie
Plateform will help you manage your store easily with its outstanding features. Trusted be ten of thousands of customers all over the world.
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