Merge pull request #116 from she-code-africa/update/school-program

Update/school-program
she-code-africa · Feb 26, 2024 · 5fc00dc · 5fc00dc
2 parents 12b93ff + b0bbeba
commit 5fc00dc
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/src/pages/Academy/_slug.jsx b/src/pages/Academy/_slug.jsx
@@ -20,6 +20,10 @@ const AcademyPage = () => {
     getAllSchools
   );
 
+  console.log('====================================');
+  console.log(school);
+  console.log('====================================');
+
   useEffect(() => {
     if (!isLoading) {
       const findSchool = data.find((school, id) => {
@@ -109,33 +113,33 @@ const AcademyPage = () => {
                     return (
                       <div
                         key={content._id}
-                        className={`${
-                          index % 2 ? "flex-row-reverse" : "flex-row"
-                        } md:flex p-6 items-center mt-8 mb-0 gap-28 justify-center`}
+                        className={`${index % 2 ? "flex-row-reverse" : "flex-row"
+                          } md:flex p-6  mt-8 mb-0 gap-28 justify-center`}
                       >
                         <img
-                          className="text-center md:w-96 object-contain h-[200px]"
+                          className="text-center md:w-96 object-contain h-[250px]"
                           src={content.image}
                           alt={content.title}
                         />
                         <div className="text-primary-dark-brown">
                           <h3 className="mt-4 text-2xl font-semibold lg:text-3xl lg:mt-0">
                             {content.title}
                           </h3>
-                          <p className="py-4 font-medium">
-                            {content.briefContent}. {content.extendedContent}
+                          <p className="py-4 font-medium leading-relaxed">
+                            {content.briefContent}
                           </p>
-                          <button className="rounded-lg text-white text-sm px-8 py-4 bg-primary-main-pink">
+                          <p className=" pb-4 font-medium leading-relaxed mb-10">{content.extendedContent}</p>
+                          <a href={content.link} target="_blank" className="rounded-lg text-white text-sm px-8 py-4 bg-primary-main-pink" rel="noreferrer">
                             Apply
-                          </button>
+                          </a>
                         </div>
                       </div>
                     );
                   })
               ) : (
-                <h1 className="text-xl text-center mt-5 mx-auto font-normal text-[#1A1A1A] lg:leading-[72px]">
+                <h2 className="text-xl text-center mt-5 mx-auto font-normal text-[#1A1A1A] lg:leading-[72px]">
                   No ongoing programs.
-                </h1>
+                </h2>
               )}
             </section>
           )}