src/app/layout.tsx

@@ -1417,4 +1417,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -9,7 +9,7 @@ import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Shield, Info, Zap, DollarSign, Sparkles, Heart, HelpCircle } from 'lucide-react';
+import { Shield, Info, Zap, DollarSign, Sparkles, Heart, HelpCircle, Crown } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -114,14 +114,15 @@ export default function LandingPage() {
               ]
             },
             {
-              id: "pro",              badge: "Popular",              badgeIcon: Sparkles,
+              id: "pro",              badge: "Popular",              badgeIcon: Crown,
               price: "$24.99/day",              subtitle: "Most comprehensive option",              buttons: [
                 { text: "Select Plan", onClick: () => {} },
                 { text: "Details", href: "#" }
               ],
               features: [
                 "Up to $500K coverage",                "Full liability + personal injury",                "1-90 day flexibility",                "24/7 phone support",                "Accident forgiveness"
-              ]
+              ],
+              badgeClassName: "bg-gradient-to-r from-amber-400 to-yellow-500 text-amber-900 font-bold text-base shadow-lg shadow-amber-300/50 scale-105 px-4 py-2"
             },
             {
               id: "premium",              badge: "Ultimate",              badgeIcon: Sparkles,
@@ -207,4 +208,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}