Merge pull request #47 from Bitshala/cohortStructure

fixes #36 : [LBTCL] Cohort Structure

src/components/CohortCard.astro

@@ -5,6 +5,7 @@ const cardsList = [
     img: "/website-v2/cohort/lbtcl.png",
     no: "02",
     desc: "Donec laoreet congue justo at rhoncus. Nam aliquet suscipit feugiat...",
+    url: "/website-v2/lbtcl",
   },
   {
     name: "Mastering Bitcoin by Andreas M. ",
@@ -50,19 +51,21 @@ const cardsList = [
             </h1>
             <p class="text-base lg:text-xl">{card.desc}</p>
           </div>
-          <button
-            class={`my-2 w-full rounded-lg text-base lg:text-xl ${
-              Number(card.no) % 2 == 0
-                ? "bg-white"
-                : "bg-black"
-            } px-3 py-5 font-semibold ${
-              Number(card.no) % 2 == 0
-                ? "text-black"
-                : "text-white"
-            } border-2 border-dotted border-white `}
-          >
-            Visit the Cohort Page
-          </button>
+          <a href={card.url}>
+            <button
+              class={`my-2 w-full rounded-lg text-base lg:text-xl ${
+                Number(card.no) % 2 == 0
+                  ? "bg-white"
+                  : "bg-black"
+              } px-3 py-5 font-semibold ${
+                Number(card.no) % 2 == 0
+                  ? "text-black"
+                  : "text-white"
+              } border-2 border-dotted border-white `}
+            >
+              Visit the Cohort Page
+            </button>
+          </a>
         </div>
       </div>
     ))

src/components/CohortStructure.astro

@@ -0,0 +1,34 @@
+<div class="rounded-2xl bg-peach p-10 lg:px-16">
+  <h1
+    class="mb-5 font-header text-2xl font-bold lg:text-4xl"
+  >
+    Study Cohort Structure
+  </h1>
+  <p class="mb-3 py-2 lg:text-xl">
+    The structure of the cohort program is designed for
+    <span class="font-bold">self-study</span>
+     . Each week, participants will be assigned to a group
+    to receive questions related to the scheduled chapters.
+    Participants are expected to study the material, prepare
+    answers to their questions, and actively participate in
+    the weekly group discussion sessions, where they will
+    explain their answers to other participants.
+  </p>
+  <p class="mb-3 py-2 lg:text-xl">
+    Following the group discussion, Bitshala <span
+      class="font-bold"
+    >
+      Teaching Assistants (TAs) will be available for
+      doubt-clearing sessions,</span
+    > providing an opportunity to ask additional questions
+    and clarify any doubts that arose during the study
+    session.
+  </p>
+  <p class="mb-3 py-2 lg:text-xl">
+    After the group session, participants will be given
+    programming exercises based on the weekly study content.
+    Participants are expected to <span class="font-bold"
+      >complete and submit the exercises</span
+    > within the designated timeframe.
+  </p>
+</div>

src/pages/lbtcl.astro

@@ -4,6 +4,7 @@ import Header from "../components/Header.astro";
 import Carousel from "../components/Carousel";
 import Footer from "../components/Footer.astro";
 import Description from "../components/Description.astro";
+import CohortStructure from "../components/CohortStructure.astro";
 ---
 
 <Layout title="LBTCL">
@@ -14,7 +15,9 @@ import Description from "../components/Description.astro";
     headingColor="text-black"
     subheadingColor="text-white"
   />
+
   <Description />
+  <CohortStructure />
   <Carousel client:visible />
   <Footer />
 </Layout>