Merge pull request #211 from nepalcodes/about-fix

FIXED About

nepalingo-web/src/components/header/About.tsx

@@ -69,36 +69,50 @@ const About: React.FC = () => {
   return (
     <>
       <Header />
-      <div className="p-6 md:p-12 max-w-7xl mx-auto">
-        <h1 className="text-4xl font-bold mb-6 text-center">Incubate Nepal</h1>
-        <p className="mb-8 text-lg leading-relaxed">
-          Incubate Nepal is an 8-week virtual program that connects students
-          from all over Nepal to collaborate on open-ended projects. These
-          students are matched with accomplished mentors as they navigate
-          through their projects in small teams. Students will need to think
-          creatively, deeply, and collaboratively as they write papers or
-          prototype apps during the program. Mentors and guest speakers will
-          also provide guidance on the US college admission process, as well as
-          career advice in research and entrepreneurship. Incubate Nepal is
-          completely free and available to students who have completed Grade 11
-          or Grade 12, and not yet enrolled in university.
+      <div className="p-6 md:p-12 max-w-7xl mx-auto text-white">
+        <h1 className="text-4xl font-bold mb-6 text-center text-primary ">
+          Incubate Nepal
+        </h1>
+        <p className="mb-8 text-lg leading-relaxed text-center">
+          <a
+            href="https://www.incubatenepal.com/"
+            className="text-blue-600 hover:underline"
+            target="_blank"
+            rel="noreferrer"
+          >
+            Incubate Nepal
+          </a>
+          &#32; is an 8-week virtual program that connects students from all
+          over Nepal to collaborate on open-ended projects. These students are
+          matched with accomplished mentors as they navigate through their
+          projects in small teams. Students will need to think creatively,
+          deeply, and collaboratively as they write papers or prototype apps
+          during the program. Mentors and guest speakers will also provide
+          guidance on the US college admission process, as well as career advice
+          in research and entrepreneurship. Incubate Nepal is completely free
+          and available to students who have completed Grade 11 or Grade 12, and
+          not yet enrolled in university.
           <br />
           This program was founded by a group of MIT and Harvard graduates to
           make project-based learning more accessible to students in Nepal. In
           addition to connecting students from all over Nepal, this virtual
           program offers mentorship and exposure to open-ended projects.
           <br />
+        </p>
+
+        <h1 className="text-4xl font-bold mb-6 text-center text-primary">
+          Nepalingo
+        </h1>
+        <p className="mb-8 text-lg leading-relaxed text-center">
           <a
-            href="https://www.incubatenepal.com/"
+            href="https://www.nepalingo.com/"
             className="text-blue-600 hover:underline"
+            target="_blank"
+            rel="noreferrer"
           >
-            Learn more about Incubate Nepal
+            Nepalingo
           </a>
-        </p>
-
-        <h1 className="text-4xl font-bold mb-6 text-center">Nepalingo</h1>
-        <p className="mb-8 text-lg leading-relaxed">
-          Nepalingo is a project under Incubate Nepal. Since 1795, 61% of native
+          &#32; is a project under Incubate Nepal. Since 1795, 61% of native
           languages across the world have already been lost, and many of
           Nepal&apos;s 100 indigenous languages have also been identified as at
           risk. Nepalingo.com aims to help preserve these languages and with
@@ -117,16 +131,16 @@ const About: React.FC = () => {
           {teamMembers.map((member, index) => (
             <div
               key={index}
-              className="flex flex-col items-center text-center p-6 bg-white shadow-lg rounded-lg border border-gray-200 hover:bg-[#D03641] hover:shadow-xl transition-all duration-300"
+              className="flex flex-col items-center text-center p-6 bg-grayDark shadow-lg rounded-lg hover:scale-[1.01]  hover:shadow-xl transition-all duration-300"
             >
               <img
                 src={member.image}
                 alt={member.name}
                 className="h-32 w-32 rounded-full mb-4 object-cover"
               />
               <h3 className="text-xl font-semibold mb-2">{member.name}</h3>
-              <p className="text-sm text-black-800 mb-4">{member.role}</p>
-              <p className="text-sm text-gray-700">{member.bio}</p>
+              <p className="text-sm text-grayLight mb-4">{member.role}</p>
+              <p className="text-sm text-grayLight">{member.bio}</p>
             </div>
           ))}
         </div>