feat: primary color from tailwind

app/components/FreeTrial.jsx

@@ -1,6 +1,6 @@
 function FreeTrial() {
   return (
-    <div className="relative bg-gradient-to-r from-[#C3C7FF] via-[#A8B1FF] to-[#C3C7FF] rounded-3xl p-12 text-white text-center mb-20 animate-fadeInUp overflow-hidden">
+    <div className="relative bg-gradient-to-r from-primary-500 via-primary-600 to-primary-500 rounded-3xl p-12 text-white text-center mb-20 animate-fadeInUp overflow-hidden">
       {/* Background Pattern */}
       <div className="absolute inset-0 opacity-10">
         <div className="absolute top-0 right-0 w-32 h-32 bg-white rounded-full -translate-y-16 translate-x-16"></div>
@@ -47,7 +47,7 @@ function FreeTrial() {
         </div>
 
         {/* CTA Button */}
-        <button className="bg-white text-[#C3C7FF] font-bold py-4 px-12 rounded-2xl hover:shadow-2xl transition-all duration-300 transform hover:scale-105 animate-fadeInUp delay-500 relative overflow-hidden group">
+        <button className="bg-white text-primary-500 font-bold py-4 px-12 rounded-2xl hover:shadow-2xl transition-all duration-300 transform hover:scale-105 animate-fadeInUp delay-500 relative overflow-hidden group">
           <div className="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-700"></div>
           <span className="relative">شروع دوره آزمایشی رایگان</span>
         </button>