Amirmahdi/aramejan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: primary color from tailwind

Browse Source
This commit is contained in:
Amirmahdi
2025-11-07 13:27:36 +03:30
parent a6980bc35b
commit 81a10f6269
15 changed files with 340 additions and 279 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/CallToAction.jsx
+5 -5
View File
@@ -2,25 +2,25 @@ function CallToAction() {
return (
<div className="relative text-center rounded-3xl p-16 animate-fadeInUp overflow-hidden">
{/* Background with gradient */}
<div className="absolute inset-0 bg-gradient-to-r from-[#C3C7FF] via-[#A8B1FF] to-[#C3C7FF] opacity-10"></div>
<div className="absolute inset-0 bg-gradient-to-r from-primary-500 via-primary-600 to-primary-500 opacity-10"></div>
{/* Animated border */}
<div className="absolute inset-0 rounded-3xl border-2 border-[#C3C7FF]/20 animate-pulse"></div>
<div className="absolute inset-0 rounded-3xl border-2 border-primary-500/20 animate-pulse"></div>
<div className="relative">
<h2 className="text-3xl md:text-5xl font-bold text-gray-900 mb-6">
آماده برای <span className="text-[#C3C7FF]">تغییر</span> زندگی؟
آماده برای <span className="text-primary-500">تغییر</span> زندگی؟
</h2>
<p className="text-xl text-gray-700 mb-8 max-w-2xl mx-auto leading-relaxed">
امروز اولین قدم رو بردار و ببین چطور آرام‌لند می‌تونه کیفیت زندگی‌ات رو متحول کنه
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center items-center">
<button className="bg-gradient-to-r from-[#C3C7FF] to-[#A8B1FF] text-white font-bold py-4 px-8 rounded-2xl hover:shadow-2xl transition-all duration-300 transform hover:scale-105 text-lg shadow-lg hover:shadow-[#C3C7FF]/40 relative overflow-hidden group">
<button className="bg-gradient-to-r from-primary-500 to-primary-600 text-white font-bold py-4 px-8 rounded-2xl hover:shadow-2xl transition-all duration-300 transform hover:scale-105 text-lg shadow-lg hover:shadow-primary-500/40 relative overflow-hidden group">
<div className="absolute inset-0 bg-white/20 -translate-x-full group-hover:translate-x-full transition-transform duration-700"></div>
<span className="relative">شروع سفر آرامش</span>
</button>
<button className="border-2 border-gray-300 text-gray-700 font-bold py-4 px-8 rounded-2xl hover:border-[#C3C7FF] hover:text-[#C3C7FF] transition-all duration-300">
<button className="border-2 border-gray-300 text-gray-700 font-bold py-4 px-8 rounded-2xl hover:border-primary-500 hover:text-primary-500 transition-all duration-300">
بیشتر بدانید
</button>
</div>