feat: adjust opacity in Cohort component and remove unused Bottom CTA section

Author: chahatkesh

src/components/landingPage/Cohort.jsx

@@ -36,7 +36,7 @@ const LeagueCard = ({ league }) => {
 
   return (
     <MotionDiv 
-      className="group relative rounded-2xl p-6 md:p-8 h-full bg-white border-2 border-gray-100 shadow-sm hover:shadow-lg transition-all duration-300"
+      className="group relative rounded-2xl p-6 md:p-8 h-full bg-white border-2 border-gray-100 shadow-sm transition-all duration-300"
       initial={{ opacity: 0, y: 50 }}
       whileInView={{ opacity: 1, y: 0 }}
       viewport={{ once: true, amount: 0.3 }}
@@ -309,7 +309,7 @@ const Cohort = () => {
       }}
     >
       {/* Background Pattern */}
-      <div className="absolute inset-0 opacity-[0.02]">
+      <div className="absolute inset-0 opacity-[0.05]">
         <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
           <pattern id="grid" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
             <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#000000" strokeWidth="1"/>
@@ -398,32 +398,6 @@ const Cohort = () => {
             })}
           </MotionDiv>
         </MotionDiv>
-
-        {/* Bottom CTA Section */}
-        <MotionDiv 
-          className="text-center mt-16 md:mt-20"
-          initial={{ opacity: 0, y: 30 }}
-          whileInView={{ opacity: 1, y: 0 }}
-          viewport={{ once: true }}
-          transition={{ duration: 0.6, delay: 0.5 }}
-        >
-          <div className="bg-gray-50 rounded-2xl p-8 md:p-12 border border-gray-200 max-w-4xl mx-auto">
-            <h3 className="text-2xl md:text-3xl font-bold text-gray-900 mb-4">
-              Ready to Start Your Learning Journey?
-            </h3>
-            <p className="text-gray-600 mb-6 text-lg">
-              Join thousands of learners and start building skills that matter.
-            </p>
-            <button 
-      className="bg-[#FFDE59] hover:bg-yellow-400 text-black font-bold py-4 px-8 rounded-xl transition-all duration-300 transform hover:scale-105"
-      onClick={() => {
-        navigate('/signin');
-      }}
-    >
-      Get Started Today
-    </button>
-          </div>
-        </MotionDiv>
       </div>
     </MotionSection>
   );