Merge pull request #98 from Bitshala/testimonial

#97 : testimonial image
Bitshala · Dec 25, 2023 · 5816db2 · 5816db2
2 parents 677ddd5 + 1d6fe0c
commit 5816db2
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 28 deletions.
diff --git a/public/testimonial/bitcoin.png b/public/testimonial/bitcoin.png
diff --git a/public/testimonial/faisal.webp b/public/testimonial/faisal.webp
diff --git a/public/testimonial/goku.png b/public/testimonial/goku.png
diff --git a/public/testimonial/lazy.webp b/public/testimonial/lazy.webp
diff --git a/public/testimonial/person1.png b/public/testimonial/person1.png
diff --git a/public/testimonial/shreyan.webp b/public/testimonial/shreyan.webp
diff --git a/src/components/home/Testimonial.astro b/src/components/home/Testimonial.astro
@@ -4,55 +4,48 @@ const list = [
     title: "Game-changer for Bitcoin Education!",
     desc: "The questions and practical exercises. I think they are very well designed to make you deeply reflect on the studied topic. It help me a lot to consolidate knowledge. The kindle and super fast support from bitshala team and the rest of bitshala comunity. Sharing knowledge, experience and a lot of good stuff. I was awesome to me you all. I loved the day when instead of following the planned agenda and discussing the weekly questions, there was a debate on philosophical and profound topics about money and  bitcoin. It was great",
     name: "Lazysatoshi, Learning Bitcoin via CLI",
+    image: "/website-v2/testimonial/lazy.webp",
   },
   {
     title: "Transformative Learning Community",
     desc: "I feel elated to be a part of the first cohort of graduates from Bitshala, and I hope that it turns into a beacon of Bitcoin literacy in India. It's a tailor-made platform and an avenue of great resources  for those who are keen on traversing on a path to learning and imparting Bitcoin education.",
     name: "Faisal, Learning Bitcoin via CLI",
+    image: "/website-v2/testimonial/faisal.webp",
   },
   {
     title: "Rich and Empowering Learning Experience",
     desc: "The LBTCL-cohort was an unbelievably rich and empowering exercise in learning the finer details of a Bitcoin node and transactions. Raj and Setu have made the experience worth so much by their sheer enthusiasm and dedication, that it leaves a mark on you. The mentorship and the community at Bitshala is invaluable, and like Bitcoin, it will gradually then suddenly take the world by storm",
     name: "Shreyan, Learning Bitcoin via CLI",
+    image: "/website-v2/testimonial/shreyan.webp",
   },
 ];
 ---
 
 <div class="mb-10 mt-10"></div>
 <div class="flex flex-col items-center lg:flex-row">
   <div class="flex h-min md:p-24 lg:p-0">
-    <div class="mr-8">
-      <img
-        src="/website-v2/testimonial/bitcoin.png"
-        alt="Bitcoin"
-      />
-    </div>
-    <div class="flex grow flex-col justify-between">
-      <img
-        src="/website-v2/testimonial/person1.png"
-        class="mb-8"
-        alt="Image of Person 1"
-      />
-      <img
-        src="/website-v2/testimonial/goku.png"
-        class="min-h-96"
-        alt="Image of Person 2"
-      />
-    </div>
+    <div class="mr-8"></div>
   </div>
   <div class="ml-1 flex flex-col lg:ml-8">
     {
       list.map((item) => (
-        <div class="mt-8">
-          <h1 class="mb-4 text-2xl font-semibold lg:text-4xl">
-            {item.title}
-          </h1>
-          <p class="text-base md:text-lg lg:text-xl">
-            {item.desc}
-          </p>
-          <p class="mt-1 text-base font-semibold md:text-lg lg:text-2xl">
-            - {item.name}
-          </p>
+        <div class="mt-8 flex-col lg:flex">
+          <img
+            src={item.image}
+            alt={item.name}
+            class="m-4 h-24 w-24 rounded-full"
+          />
+          <div>
+            <h1 class="mb-4 text-2xl font-semibold lg:text-4xl">
+              {item.title}
+            </h1>
+            <p class="text-base md:text-lg lg:text-xl">
+              {item.desc}
+            </p>
+            <p class="mt-1 text-base font-semibold md:text-lg lg:text-2xl">
+              - {item.name}
+            </p>
+          </div>
         </div>
       ))
     }