From 74baeed29d14677093ba21f0934c7692553e04f3 Mon Sep 17 00:00:00 2001
From: Piyush Tripathi <piyushtripathi9424@gmail.com>
Date: Sat, 19 Sep 2026 01:41:15 +0530
Subject: [PATCH 1/2] fix: correct layout shift on Meet Five and Handbook cards

Signed-off-by: Piyush Tripathi <piyushtripathi9424@gmail.com>
---
 src/components/AdventuresVol/index.js | 57 +++++++++++++++++++--------
 src/components/HandbookCard/index.js  | 10 ++---
 2 files changed, 44 insertions(+), 23 deletions(-)

diff --git a/src/components/AdventuresVol/index.js b/src/components/AdventuresVol/index.js
index 468ccd6c6b682f..084e9be8dfa3ff 100644
--- a/src/components/AdventuresVol/index.js
+++ b/src/components/AdventuresVol/index.js
@@ -1,27 +1,50 @@
 import React from "react";
+import { Link } from "gatsby";
 import { HiOutlineChevronRight } from "@react-icons/all-files/hi/HiOutlineChevronRight";
 import { AdventuresVolWrapper } from "./adventures-vol.style";
 
 const AdventuresVol = ({ title, description, to, image }) => {
+  const isExternalOrStatic =
+    to &&
+    (to.startsWith("http://") ||
+      to.startsWith("https://") ||
+      to.split("?")[0].split("#")[0].endsWith(".pdf") ||
+      to.startsWith("mailto:"));
+
+  const cardContent = (
+    <div className="handbook__card">
+      <h1 className="handbook__card--head">{title}</h1>
+      <div className="handbook__card--line"></div>
+      <img src={image} />
+      <p className="handbook__card--para">{description}</p>
+      {to && (
+        <div className="handbook__card--lm__container">
+          <span className="handbook__card--lm">
+            Read More <HiOutlineChevronRight />
+          </span>
+        </div>
+      )}
+    </div>
+  );
+
   return (
     <AdventuresVolWrapper>
-      <a href={to} className="handbook__card--main">
-        <div className="handbook__card">
-          <h1 className="handbook__card--head">{title}</h1>
-          <div className="handbook__card--line"></div>
-          <img src={image} />
-          <p className="handbook__card--para">
-            {description}
-          </p>
-          {to && (
-            <div className="handbook__card--lm__container">
-              <a href={to} className="handbook__card--lm">
-                Read More <HiOutlineChevronRight />
-              </a>
-            </div>
-          )}
-        </div>
-      </a>
+      {!to ? (
+        <div className="handbook__card--main">{cardContent}</div>
+      ) : isExternalOrStatic ? (
+        <a
+          href={to}
+          className="handbook__card--main"
+          target="_blank"
+          rel="noreferrer"
+        >
+          {cardContent}
+        </a>
+      ) : (
+        <Link to={to} className="handbook__card--main">
+          {cardContent}
+        </Link>
+      )}
     </AdventuresVolWrapper>
   );
 };
diff --git a/src/components/HandbookCard/index.js b/src/components/HandbookCard/index.js
index cc6cb8c3c64bc2..ce2754e1da3157 100644
--- a/src/components/HandbookCard/index.js
+++ b/src/components/HandbookCard/index.js
@@ -6,18 +6,16 @@ import { HandbookCardWrapper } from "./HandbookCard.style";
 const HandbookCard = ({ title, description, to }) => {
   return (
     <HandbookCardWrapper>
-      <Link to={to} class="handbook__card--main">
+      <Link to={to} className="handbook__card--main">
         <div className="handbook__card">
           <h1 className="handbook__card--head">{title}</h1>
           <div className="handbook__card--line"></div>
-          <p className="handbook__card--para">
-            {description}
-          </p>
+          <p className="handbook__card--para">{description}</p>
           {to && (
             <div className="handbook__card--lm__container">
-              <a href={to} className="handbook__card--lm">
+              <span className="handbook__card--lm">
                 Read More <HiOutlineChevronRight />
-              </a>
+              </span>
             </div>
           )}
         </div>

From abdadeb6f18c47a759a8b9ec8975221d2f6e7db5 Mon Sep 17 00:00:00 2001
From: Piyush Tripathi <piyushtripathi9424@gmail.com>
Date: Sun, 27 Sep 2026 18:23:06 +0530
Subject: [PATCH 2/2] fix: make pdf detection case-insensitive and handle
 mailto target/rel

Signed-off-by: Piyush Tripathi <piyushtripathi9424@gmail.com>
---
 src/components/AdventuresVol/index.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/AdventuresVol/index.js b/src/components/AdventuresVol/index.js
index 084e9be8dfa3ff..3c8cbfeb6cfa66 100644
--- a/src/components/AdventuresVol/index.js
+++ b/src/components/AdventuresVol/index.js
@@ -8,9 +8,11 @@ const AdventuresVol = ({ title, description, to, image }) => {
     to &&
     (to.startsWith("http://") ||
       to.startsWith("https://") ||
-      to.split("?")[0].split("#")[0].endsWith(".pdf") ||
+      to.split("?")[0].split("#")[0].toLowerCase().endsWith(".pdf") ||
       to.startsWith("mailto:"));
 
+  const isMailTo = to && to.startsWith("mailto:");
+
   const cardContent = (
     <div className="handbook__card">
       <h1 className="handbook__card--head">{title}</h1>
@@ -35,8 +37,8 @@ const AdventuresVol = ({ title, description, to, image }) => {
         <a
           href={to}
           className="handbook__card--main"
-          target="_blank"
-          rel="noreferrer"
+          target={isMailTo ? undefined : "_blank"}
+          rel={isMailTo ? undefined : "noreferrer"}
         >
           {cardContent}
         </a>