Upgrade to Pro

Unlock to get unlimited access

Hero Section

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

Discover the Art of Perfect Coffee.

Experience the difference as we meticulously select and roast the finest beans to create a truly unforgettable cup of coffee. Join us on a journey of taste and awaken your senses one sip at a time.

1K+
menu
10K+
Best Sale
3K+
reviews

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