ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

refactor: add "Most Popular" label to top plans in PricingSection component for enhanced visibility

Browse Source
This commit is contained in:
Usman Baig
2026-01-30 21:44:49 +01:00
parent 18b5fee956
commit 56ade68d45
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/PricingSection.tsx
View File

@@ -190,7 +190,12 @@ export default function PricingSection() {
return ( return (
<div key={plan.id} className={`p-8 flex flex-col relative transition-colors ${isTeam ? 'bg-brand-orange/[0.02]' : 'hover:bg-neutral-50/50 dark:hover:bg-neutral-800/50'}`}> <div key={plan.id} className={`p-8 flex flex-col relative transition-colors ${isTeam ? 'bg-brand-orange/[0.02]' : 'hover:bg-neutral-50/50 dark:hover:bg-neutral-800/50'}`}>
{isTeam && ( {isTeam && (
<div className="absolute top-0 left-0 w-full h-1 bg-brand-orange" /> <>
<div className="absolute top-0 left-0 w-full h-1 bg-brand-orange" />
<div className="absolute top-4 right-4 bg-brand-orange/10 text-brand-orange text-[10px] font-bold px-2 py-1 rounded-full uppercase tracking-wide">
Most Popular
</div>
</>
)} )}
<div className="mb-8"> <div className="mb-8">