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 }}
|
initial={{ scale: 0 }}
|
||||||
animate={{ scale: 1 }}
|
animate={{ scale: 1 }}
|
||||||
transition={{ delay: 0.2, type: 'spring' }}
|
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" />
|
<Crown className="w-5 h-5 text-white" />
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|||||||
@ -19,7 +19,7 @@ return (
|
|||||||
|
|
||||||
{/* Subheading with offer */}
|
{/* Subheading with offer */}
|
||||||
<p className="text-[12px] lg:text-[14px] text-gray-900 mb-4">
|
<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>
|
</p>
|
||||||
|
|
||||||
{/* Features List */}
|
{/* Features List */}
|
||||||
|
|||||||
@ -34,9 +34,9 @@ const ProfileCompletion = () => {
|
|||||||
id: 3,
|
id: 3,
|
||||||
icon: FamilyIcon,
|
icon: FamilyIcon,
|
||||||
title: "Family Details",
|
title: "Family Details",
|
||||||
bgColor: "bg-orange-50",
|
bgColor: "bg-red-50",
|
||||||
iconColor: "text-orange-600",
|
iconColor: "text-red-600",
|
||||||
borderColor: "border-orange-200",
|
borderColor: "border-red-200",
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
@ -94,7 +94,7 @@ export default function SubscriptionHistory() {
|
|||||||
>
|
>
|
||||||
{/* Crown Badge */}
|
{/* 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 ${
|
<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]" />
|
<CrownIcon className="text-[12px]" />
|
||||||
{sub.plan}
|
{sub.plan}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user