Obsidian Pricing Grid
A premium fintech-themed pricing section with three comparison tiers.
Features
- Three-tier pricing layout (Starter, Professional, Enterprise)
- Dark theme with gold/amber accent highlights
- Popular tier emphasized with ring and badge
- Feature checklist with icons per tier
- Monthly and annual pricing hints
- Fully responsive: stacked on mobile, 3-column on desktop
Usage
import RegistryItem from './registry-item';
export default function Page() {
return <RegistryItem />;
}
Customization
- Edit the
tiers array to change plan names, prices, and features
- Adjust amber/gold accent colors via Tailwind classes
- Swap icons from lucide-react as needed
