From 2705431135de5ceb3ac4faac839c774f058eb510 Mon Sep 17 00:00:00 2001
From: David Dal Busco <david.dalbusco@outlook.com>
Date: Sun, 15 Sep 2024 17:18:32 +0200
Subject: [PATCH] feat: add Konstantin testimonial

Signed-off-by: David Dal Busco <david.dalbusco@outlook.com>
---
 src/components/Testimonial/index.tsx           |  4 ++--
 src/components/Testimonials/index.tsx          | 10 ++++++++--
 src/components/Testimonials/styles.module.scss |  2 ++
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/Testimonial/index.tsx b/src/components/Testimonial/index.tsx
index 207c534c..79349383 100644
--- a/src/components/Testimonial/index.tsx
+++ b/src/components/Testimonial/index.tsx
@@ -13,7 +13,7 @@ export default function Testimonial({
   testimonial: TestimonialProps;
 }): JSX.Element {
   return (
-    <article className={styles.container}>
+    <li className={styles.container}>
       <blockquote className={styles.quote}>{text}</blockquote>
 
       <div className={styles.author}>
@@ -37,6 +37,6 @@ export default function Testimonial({
           </a>
         </div>
       </div>
-    </article>
+    </li>
   );
 }
diff --git a/src/components/Testimonials/index.tsx b/src/components/Testimonials/index.tsx
index 8676bd3e..6025cacb 100644
--- a/src/components/Testimonials/index.tsx
+++ b/src/components/Testimonials/index.tsx
@@ -35,6 +35,12 @@ export default function Testimonials(): JSX.Element {
       img: "https://pbs.twimg.com/profile_images/1789664405740736512/PBu6OhgZ_400x400.jpg",
       text: "Thanks to Juno's well-documented get-started guide, we had it up and running in under 5 minutes. Our first decentralized analytics tool is now live and kicking!"
     },
+    {
+      name: "Nezovskii Konstantin",
+      twitter: "nezovskii",
+      img: "https://pbs.twimg.com/profile_images/1673509145104850945/V87HzJPL_400x400.jpg",
+      text: "If you're looking to start building on ICP, you definitely need to check out Juno! It's been a game-changer for me."
+    },
     {
       name: "DFINITY Developers ∞",
       twitter: "DFINITYDev",
@@ -49,11 +55,11 @@ export default function Testimonials(): JSX.Element {
         What people are saying
       </p>
 
-      <div className={styles.grid}>
+      <ul className={styles.grid}>
         {testimonials.map((testimonial, i) => (
           <Testimonial testimonial={testimonial} key={i} />
         ))}
-      </div>
+      </ul>
     </>
   );
 }
diff --git a/src/components/Testimonials/styles.module.scss b/src/components/Testimonials/styles.module.scss
index 33557df2..280d57e0 100644
--- a/src/components/Testimonials/styles.module.scss
+++ b/src/components/Testimonials/styles.module.scss
@@ -8,4 +8,6 @@
   @include grid.columns;
   --grid-gap: 3rem;
   margin: 0 0 4rem;
+  padding: 0;
+  list-style: none;
 }