From cd739342ed918fd604e8ad5a00aa4331ca53140c Mon Sep 17 00:00:00 2001
From: Kalprajsinh <kalpraj51@gmail.com>
Date: Sat, 21 Dec 2024 01:58:54 +0530
Subject: [PATCH] fix: Testimonials alignment on the 'What the experts are
 saying' section

---
 pages/[lang]/index.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/pages/[lang]/index.tsx b/pages/[lang]/index.tsx
index 634982c9ee2a..f28c72f6feb1 100644
--- a/pages/[lang]/index.tsx
+++ b/pages/[lang]/index.tsx
@@ -192,38 +192,38 @@ export default function HomePage() {
           <SupportUs className='mt-4' showSupportBanner={false} />
         </Container>
         <Container className='mt-8 pb-20 text-center' wide as='section'>
-          <Heading level={HeadingLevel.h3} typeStyle={HeadingTypeStyle.lg} className='mb-4'>
+          <Heading level={HeadingLevel.h3} typeStyle={HeadingTypeStyle.lg} className='mb-8'>
             {t('testimonials.title')}
           </Heading>
-          <ul className='mx-auto max-w-screen-xl md:grid md:grid-cols-2 md:px-6 lg:px-8'>
+          <ul className='mx-auto grid max-w-screen-xl gap-8 md:grid-cols-2 lg:grid-cols-3 md:px-6 lg:px-8'>
             <Testimonial
-              className='md:pr-10 lg:pr-16'
+              className='p-6 bg-white shadow-md border-t rounded-lg transition-shadow'
               text='Microservices underline the need for event-based communication in distributed architectures. AsyncAPI brings the richness of the REST API ecosystem to asynchronous APIs.'
               authorAvatar='/img/testimonials/matt-mclarty.jpg'
               authorName='Matt McLarty'
               authorDescription='Global Leader of API Strategy at MuleSoft'
             />
             <Testimonial
-              className='md:pl-10 lg:pl-16'
+              className='p-6 bg-white shadow-md border-t rounded-lg transition-shadow'
               text='Event-driven APIs need love too! AsyncAPI brings the many benefits of a machine/human-readable specification to these nuanced approaches.'
               authorAvatar='/img/testimonials/bill-doerrfeld.jpg'
               authorName='Bill Doerrfeld'
               authorDescription='Editor in Chief at Nordic APIs'
             />
             <Testimonial
-              className='md:pr-10 lg:pr-16'
-              text="Developers need to be able to quickly and consistently create event-driven applications that provide business value and react to customer needs in realtime. I can't count how many times I've heard developers ask for OpenAPI/Swagger style tools for the asynchronous and event-driven world, and that is exactly what the AsyncAPI initiative is making a reality."
-              authorAvatar='/img/testimonials/jonathan-schabowsky.jpg'
-              authorName='Jonathan Schabowsky'
-              authorDescription='Sr. Architect, Office of the CTO at Solace'
-            />
-            <Testimonial
-              className='md:pl-10 lg:pl-16'
+              className='p-6 bg-white shadow-md border-t rounded-lg transition-shadow'
               text='We’ve been focusing on event-driven APIs since 2014 and thank the AsyncAPI contributors every day for driving the community towards common standards.'
               authorAvatar='/img/testimonials/eric-horesnyi.jpg'
               authorName='Eric Horesnyi'
               authorDescription='CEO at Streamdata.io'
             />
+            <Testimonial
+              className='p-6 bg-white shadow-md border-t rounded-lg transition-shadow col-span-full'
+              text="Developers need to be able to quickly and consistently create event-driven applications that provide business value and react to customer needs in realtime. I can't count how many times I've heard developers ask for OpenAPI/Swagger style tools for the asynchronous and event-driven world, and that is exactly what the AsyncAPI initiative is making a reality."
+              authorAvatar='/img/testimonials/jonathan-schabowsky.jpg'
+              authorName='Jonathan Schabowsky'
+              authorDescription='Sr. Architect, Office of the CTO at Solace'
+            />
           </ul>
         </Container>
       </main>