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/Hero.jsx
+6 -6
View File
@@ -4,21 +4,21 @@ function Hero() {
<div className="text-center mb-20 relative">
{/* Background decoration */}
<div className="absolute inset-0 overflow-hidden pointer-events-none">
<div className="absolute -top-20 -right-20 w-72 h-72 bg-[#C3C7FF] opacity-10 rounded-full blur-3xl"></div>
<div className="absolute -bottom-20 -left-20 w-72 h-72 bg-[#C3C7FF] opacity-10 rounded-full blur-3xl"></div>
<div className="absolute -top-20 -right-20 w-72 h-72 bg-primary-500 opacity-10 rounded-full blur-3xl"></div>
<div className="absolute -bottom-20 -left-20 w-72 h-72 bg-primary-500 opacity-10 rounded-full blur-3xl"></div>
</div>
<div className="relative">
<div className="mb-8 animate-float">
<div className="relative inline-block">
<span className="text-6xl">✨</span>
<div className="absolute inset-0 bg-gradient-to-r from-[#C3C7FF] to-[#A8B1FF] opacity-20 blur-xl rounded-full"></div>
<div className="absolute inset-0 bg-gradient-to-r from-primary-500 to-primary-600 opacity-20 blur-xl rounded-full"></div>
</div>
</div>
<h1 className="text-5xl md:text-7xl font-bold text-gray-900 mb-6 leading-tight animate-fadeInUp">
آرامش را در
<span className="bg-gradient-to-r from-[#C3C7FF] to-[#A8B1FF] bg-clip-text text-transparent"> هر لحظه </span>
<span className="bg-gradient-to-r from-primary-500 to-primary-600 bg-clip-text text-transparent"> هر لحظه </span>
تجربه کنید
</h1>
@@ -28,10 +28,10 @@ function Hero() {
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center items-center animate-fadeInUp delay-200">
<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]/25">
<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/25">
شروع کنید رایگان
</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>