diff --git a/src/app/layout.tsx b/src/app/layout.tsx index d64317b..db02862 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1417,4 +1417,4 @@ export default function RootLayout({ ); -} +} \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index 9195242..ddad76f 100644 --- a/src/app/page.tsx +++ b/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() { ); -} +} \ No newline at end of file