From 56ade68d4577dfb23a970349e90a0ed0e0fba5a2 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Fri, 30 Jan 2026 21:44:49 +0100
Subject: [PATCH] refactor: add "Most Popular" label to top plans in
 PricingSection component for enhanced visibility

---
 components/PricingSection.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/components/PricingSection.tsx b/components/PricingSection.tsx
index d9b30ab..300499b 100644
--- a/components/PricingSection.tsx
+++ b/components/PricingSection.tsx
@@ -190,7 +190,12 @@ export default function PricingSection() {
             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'}`}>
                 {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">