Snigdha-OS/Snigdha-OS.github.io
2
0
Fork 0
mirror of https://github.com/Snigdha-OS/Snigdha-OS.github.io.git synced 2025-09-06 12:45:18 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

⚡️ perf: optimized and ui effects

Browse Source
This commit is contained in:
eshanized
2025-01-07 02:33:06 +05:30
parent 30ba712898
commit bcaf08572c
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/donate/SponsorshipTiers.tsx
View File

@@ -55,11 +55,12 @@ export function SponsorshipTiers() {
key={tier.name} key={tier.name}
initial={{ opacity: 0, y: 20 }} initial={{ opacity: 0, y: 20 }}
whileInView={{ opacity: 1, y: 0 }} whileInView={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5, delay: 0.1 }}
className={`relative rounded-2xl ${ className={`relative rounded-2xl ${
tier.featured tier.featured
? 'bg-gradient-to-b from-cornflower-blue/10 to-cornflower-blue/5 border-2 border-cornflower-blue' ? 'bg-gradient-to-b from-cornflower-blue/10 to-cornflower-blue/5 border-2 border-cornflower-blue'
: 'bg-white/80 border border-gray-200' : 'bg-white/80 border border-gray-200'
} backdrop-blur-sm p-6 shadow-lg`} } backdrop-blur-sm p-6 shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:scale-105`}
> >
{tier.featured && ( {tier.featured && (
<div className="absolute -top-4 left-1/2 -translate-x-1/2"> <div className="absolute -top-4 left-1/2 -translate-x-1/2">
@@ -89,7 +90,7 @@ export function SponsorshipTiers() {
))} ))}
</ul> </ul>
<a <motion.a
href={`https://github.com/sponsors/eshanized?frequency=one-time&amount=${convertINRToUSD(tier.amount)}`} href={`https://github.com/sponsors/eshanized?frequency=one-time&amount=${convertINRToUSD(tier.amount)}`}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
@@ -98,9 +99,11 @@ export function SponsorshipTiers() {
? 'bg-cornflower-blue text-white hover:bg-blue-600' ? 'bg-cornflower-blue text-white hover:bg-blue-600'
: 'bg-gray-100 text-gray-900 hover:bg-gray-200' : 'bg-gray-100 text-gray-900 hover:bg-gray-200'
}`} }`}
whileHover={{ scale: 1.05 }}
transition={{ type: 'spring', stiffness: 300 }}
> >
Make a One-Time Donation Make a One-Time Donation
</a> </motion.a>
</motion.div> </motion.div>
))} ))}
</div> </div>