color cahnge
This commit is contained in:
parent
b40e2fd035
commit
92ce73f4dd
@ -130,7 +130,7 @@ className="w-full max-w-sm rounded-[10px] shadow-xl overflow-hidden border-2 bor
|
||||
initial={{ scale: 0 }}
|
||||
animate={{ scale: 1 }}
|
||||
transition={{ delay: 0.2, type: 'spring' }}
|
||||
className="absolute top-4 left-4 z-10 bg-orange-500 rounded-full p-2 shadow-lg"
|
||||
className="absolute top-4 left-4 z-10 bg-red-900 rounded-full p-2 shadow-lg"
|
||||
>
|
||||
<Crown className="w-5 h-5 text-white" />
|
||||
</motion.div>
|
||||
|
||||
@ -19,7 +19,7 @@ return (
|
||||
|
||||
{/* Subheading with offer */}
|
||||
<p className="text-[12px] lg:text-[14px] text-gray-900 mb-4">
|
||||
Get up to <span className="text-orange-600 font-bold">58% OFF</span> on paid membership!
|
||||
Get up to <span className="text-red-600 font-bold">58% OFF</span> on paid membership!
|
||||
</p>
|
||||
|
||||
{/* Features List */}
|
||||
|
||||
@ -34,9 +34,9 @@ const ProfileCompletion = () => {
|
||||
id: 3,
|
||||
icon: FamilyIcon,
|
||||
title: "Family Details",
|
||||
bgColor: "bg-orange-50",
|
||||
iconColor: "text-orange-600",
|
||||
borderColor: "border-orange-200",
|
||||
bgColor: "bg-red-50",
|
||||
iconColor: "text-red-600",
|
||||
borderColor: "border-red-200",
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
@ -94,7 +94,7 @@ export default function SubscriptionHistory() {
|
||||
>
|
||||
{/* Crown Badge */}
|
||||
<div className={` text-[12px] absolute z-[999] -top-1 left-1/2 -translate-x-1/2 px-8 py-2 rounded-b-3xl font-bold text-white shadow-xl flex items-center gap-2 ${
|
||||
sub.isActive ? 'bg-gradient-to-r from-amber-500 to-orange-600' : 'bg-gradient-to-r from-pink-500 to-rose-600'
|
||||
sub.isActive ? 'bg-gradient-to-r from-amber-500 to-red-600' : 'bg-gradient-to-r from-pink-500 to-rose-600'
|
||||
}`}>
|
||||
<CrownIcon className="text-[12px]" />
|
||||
{sub.plan}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user