fix 2

frontend/app/page.tsx

@@ -136,16 +136,67 @@ export default function Page() {
                 </div>
             </section>
 
-            <section id="learn-more" className="mt-32 px-6 max-w-6xl mx-auto" data-oid="vwy0vq_">
-                <h2
-                    className="text-3xl font-bold mb-12 text-gray-100 text-center"
-                    data-oid="5gu2yrb"
-                >
-                    Community for Active Mathematics
-                </h2>
-                <div className="grid md:grid-cols-3 gap-8" data-oid="vu-0agj">
-                </div>
-            </section>
+            {/* <section id="learn-more" className="mt-32 px-6 max-w-6xl mx-auto" data-oid="vwy0vq_">
+        <h2
+        className="text-3xl font-bold mb-12 text-gray-100 text-center"
+        data-oid="5gu2yrb"
+        >
+        Community for Active Mathematics
+        </h2>
+        <div className="grid md:grid-cols-3 gap-8" data-oid="vu-0agj">
+        <div
+        className="bg-gray-900/50 p-2 rounded-xl shadow-lg hover:shadow-xl border border-gray-800/50 hover:border-purple-600 border-t-0 border-b-0 transition-all duration-300 ease-in-out"
+        data-oid="ab99vsa"
+        >
+        <Image
+        src={'/images/banner-crop.jpg'}
+        width={200}
+        height={50}
+        alt="banner"
+        className="block border-solid opacity-[100%] h-[fit-content] w-full text-start"
+        data-oid="sbncp97"
+        />
+        </div>
+        <div
+        className="bg-gray-900/50 p-6 rounded-xl shadow-lg hover:shadow-xl border border-gray-800/50 hover:border-purple-600 border-t-0 border-b-0 transition-all duration-300 ease-in-out"
+        data-oid="n_uwrw7"
+        >
+        <div
+        className="w-12 h-12 bg-purple-950/50 rounded-full flex items-center justify-center mb-4 border border-purple-800/20"
+        data-oid="q9y29ft"
+        >
+        <span className="text-2xl" data-oid="wue2eps">
+        🤝
+        </span>
+        </div>
+        <h3 className="font-bold text-xl mb-2 text-gray-100" data-oid="4yc0699">
+        Active Community
+        </h3>
+        <p className="text-gray-300" data-oid="qp.bt8o">
+        Connect with fellow learners and share your mathematical journey
+        </p>
+        </div>
+        <div
+        className="bg-gray-900/50 p-6 rounded-xl shadow-lg hover:shadow-xl border border-gray-800/50 hover:border-purple-600 border-t-0 border-b-0 transition-all duration-300 ease-in-out"
+        data-oid="b5w09k6"
+        >
+        <div
+        className="w-12 h-12 bg-pink-950/50 rounded-full flex items-center justify-center mb-4 border border-pink-800/20"
+        data-oid="a85x.c8"
+        >
+        <span className="text-2xl" data-oid="2d5dm.s">
+        📱
+        </span>
+        </div>
+        <h3 className="font-bold text-xl mb-2 text-gray-100" data-oid="0cnhig3">
+        Accessible Learning
+        </h3>
+        <p className="text-gray-300" data-oid="4hj.p-.">
+        Learn anytime, anywhere with our mobile-friendly platform
+        </p>
+        </div>
+        </div>
+        </section> */}
 
             <section id="why-choose-us" className="mt-32 px-6 max-w-6xl mx-auto" data-oid="5-zmzpc">
                 <h2
@@ -220,8 +271,8 @@ export default function Page() {
                         Get in Touch
                     </h2>
                     <p className="text-gray-400 mt-4 max-w-2xl mx-auto" data-oid="krawc39">
-                        Have questions or suggestions? We&apos;d love to hear from you. Here's how
-                        you can reach us.
+                        Have questions or suggestions? We&apos;d love to hear from you. Here&apos;s
+                        how you can reach us.
                     </p>
                 </div>
                 <div className="grid md:grid-cols-3 gap-4" data-oid=".ifg177">