From 1f7bdb950fe67f507c4147ae8467c56ee65bc3ca Mon Sep 17 00:00:00 2001
From: ankitrewar11 <ankitrewar11@gmail.com>
Date: Wed, 15 Apr 2026 15:17:05 +0530
Subject: [PATCH 1/2] fix: center event image and fix Join Now button
 navigation #7623

Signed-off-by: ankitrewar11 <ankitrewar11@gmail.com>
---
 src/components/UpcomingEventCard/EventCard.style.js | 13 ++++++++++++-
 src/components/UpcomingEventCard/index.js           |  4 ++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/UpcomingEventCard/EventCard.style.js b/src/components/UpcomingEventCard/EventCard.style.js
index 820a2ea857c7a..a8c404fcaa2b2 100644
--- a/src/components/UpcomingEventCard/EventCard.style.js
+++ b/src/components/UpcomingEventCard/EventCard.style.js
@@ -21,9 +21,20 @@ const UpcomingEventsWrapper = styled.div`
 	.blog-slider_img{
 		max-height: 25rem; 
 		object-fit: cover;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
 		.gatsby-image-wrapper {
+		    width: 100%;
+			height: 100%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
 			img {
 				 max-height: 25rem;
+				 object-fit: cover;
+				 width: 100%;
 			 }
 	   }
 	}
@@ -111,4 +122,4 @@ const UpcomingEventsWrapper = styled.div`
 	}
 `;
 
-export default UpcomingEventsWrapper;
+export default UpcomingEventsWrapper;
\ No newline at end of file
diff --git a/src/components/UpcomingEventCard/index.js b/src/components/UpcomingEventCard/index.js
index 6761d5a72d69d..deb5e3e342d94 100644
--- a/src/components/UpcomingEventCard/index.js
+++ b/src/components/UpcomingEventCard/index.js
@@ -37,7 +37,7 @@ const UpcomingEvents = ({ data }) => {
                       <h3 className="blog-slider_title">{item.frontmatter.title}</h3>
                       <p className="blog-slider_date">{item.frontmatter.date}</p>
                       <p className="blog-slider_description">{item.frontmatter.abstract}</p>
-                      <Button $secondary className="blog-slider_button" $url={item.frontmatter.eurl} title="Join Now" $external={true} />
+                      <Button $secondary className="blog-slider_button" $url={item.frontmatter.eurl || `/community/events/${slugify(item.frontmatter.title)}`} title="Join Now" $external={!!item.frontmatter.eurl} />
                     </div>
                   </div>
                 </SwiperSlide>
@@ -51,4 +51,4 @@ const UpcomingEvents = ({ data }) => {
   );
 };
 
-export default UpcomingEvents;
+export default UpcomingEvents;
\ No newline at end of file

From 23f55f901efa8c30f6d72fc9e99f59a003fadd81 Mon Sep 17 00:00:00 2001
From: ankitrewar11 <ankitrewar11@gmail.com>
Date: Mon, 20 Apr 2026 17:18:31 +0530
Subject: [PATCH 2/2] fix: resolve merge conflict

Signed-off-by: ankitrewar11 <ankitrewar11@gmail.com>
---
 src/components/UpcomingEventCard/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/UpcomingEventCard/index.js b/src/components/UpcomingEventCard/index.js
index deb5e3e342d94..a3ed92e149830 100644
--- a/src/components/UpcomingEventCard/index.js
+++ b/src/components/UpcomingEventCard/index.js
@@ -29,8 +29,8 @@ const UpcomingEvents = ({ data }) => {
                 <SwiperSlide key={item.id}>
                   <div className="blog-slider_item swiper-slide">
                     <div className="blog-slider_img">
-                      <Link to={`/community/events/${slugify(item.frontmatter.title)}`}>
-                        <Image {...item.frontmatter.thumbnail}  alt={item.frontmatter.title} />
+                      <Link to={`/community/events/${slugify(item.frontmatter.title)}`} aria-label={`View event: ${item.frontmatter.title}`}>
+                        <Image {...item.frontmatter.thumbnail}  alt={item.frontmatter.title}  width={480} height={270} />
                       </Link>
                     </div>
                     <div className="blog-slider_content">