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/Header.jsx
+5 -5
View File
@@ -4,10 +4,10 @@ function Header() {
<div className="max-w-6xl mx-auto flex justify-between items-center">
{/* Logo */}
<div className="flex items-center gap-3">
<div className="bg-gradient-to-r from-[#C3C7FF] to-[#A8B1FF] w-8 h-8 rounded-xl flex items-center justify-center">
<div className="bg-gradient-to-r from-primary-500 to-primary-600 w-8 h-8 rounded-xl flex items-center justify-center">
<span className="text-white font-bold text-sm">آ</span>
</div>
<div className="text-2xl font-bold bg-gradient-to-r from-[#C3C7FF] to-[#A8B1FF] bg-clip-text text-transparent">
<div className="text-2xl font-bold bg-gradient-to-r from-primary-500 to-primary-600 bg-clip-text text-transparent">
آرام‌لند
</div>
</div>
@@ -18,16 +18,16 @@ function Header() {
<a
key={item}
href="#"
className="text-gray-600 hover:text-[#C3C7FF] font-medium transition-colors duration-200 relative group"
className="text-gray-600 hover:text-primary-500 font-medium transition-colors duration-200 relative group"
>
{item}
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#C3C7FF] group-hover:w-full transition-all duration-300"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-primary-500 group-hover:w-full transition-all duration-300"></span>
</a>
))}
</div>
{/* CTA Button */}
<button className="bg-gradient-to-r from-[#C3C7FF] to-[#A8B1FF] text-white font-medium py-2 px-6 rounded-xl hover:shadow-lg transition-all duration-300 transform hover:scale-105">
<button className="bg-gradient-to-r from-primary-500 to-primary-600 text-white font-medium py-2 px-6 rounded-xl hover:shadow-lg transition-all duration-300 transform hover:scale-105">
شروع رایگان
</button>
</div>