feat: add Konstantin testimonial

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>
   );
 }

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>
     </>
   );
 }

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;
 }