From ccf21f9d9c38d5a64bc6773ff333daf0c24c5528 Mon Sep 17 00:00:00 2001
From: Nishitha Reddy <gudurunishithareddy@gmail.com>
Date: Sat, 3 Jan 2026 13:30:33 +0530
Subject: [PATCH 1/4] Fix unstable key usage in protocol card list

---
 app/protocols/page.tsx | 19 +++----------------
 1 file changed, 3 insertions(+), 16 deletions(-)

diff --git a/app/protocols/page.tsx b/app/protocols/page.tsx
index d708ecc..327c6d7 100644
--- a/app/protocols/page.tsx
+++ b/app/protocols/page.tsx
@@ -93,26 +93,12 @@ export default function ProtocolsPage() {
         <div className="h-56 bg-gradient-to-r from-primary via-info to-secondary blur-[100px]"></div>
         <div className="h-56 bg-gradient-to-r from-secondary via-info to-primary blur-[100px]"></div>
       </div>
+
       <Container>
-        {/*
-        <div className="relative z-20 mb-12 space-y-4 text-center">
-          <h2 className="text-4xl font-bold text-black md:text-4xl">
-            Protocols <br /> Researched and Developed <br /> by The Stable Order
-          </h2>
-          <p className="text-lg leading-6 text-black opacity-80 lg:mx-auto lg:w-6/12">
-            
-          </p>
-        </div>
-        */}
-        {/*
-        <h2 className="mb-5 text-2xl font-bold text-black underline decoration-dashed underline-offset-4">
-          Protocols
-        </h2>
-        */}
         <div className="mb-20 grid gap-8 md:grid-cols-2 lg:grid-cols-4">
           {protocols1.map((protocol, index) => (
             <Card
-              key={index}
+              key={protocol.title}   // ✅ FIXED: stable, unique key
               index={index}
               image={protocol.image}
               title={protocol.title}
@@ -122,6 +108,7 @@ export default function ProtocolsPage() {
           ))}
         </div>
       </Container>
+
       <CTA
         heading="The Stable Order"
         text="The Stable Order is an open and mutually supportive collaboration, whose primary activity is the research and development of novel protocols that stabilize the decentralized economy. If you share our goals and would like to work together or support us, get in touch."

From e483319c535a960eb28955ba9bb084ad6f2c5ce4 Mon Sep 17 00:00:00 2001
From: Nishitha Reddy <gudurunishithareddy@gmail.com>
Date: Sat, 3 Jan 2026 13:41:31 +0530
Subject: [PATCH 2/4] Remove unused index prop from Card component

---
 app/protocols/page.tsx | 4 ++--
 components/card.tsx    | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/protocols/page.tsx b/app/protocols/page.tsx
index 327c6d7..6356889 100644
--- a/app/protocols/page.tsx
+++ b/app/protocols/page.tsx
@@ -98,13 +98,13 @@ export default function ProtocolsPage() {
         <div className="mb-20 grid gap-8 md:grid-cols-2 lg:grid-cols-4">
           {protocols1.map((protocol, index) => (
             <Card
-              key={protocol.title}   // ✅ FIXED: stable, unique key
-              index={index}
+              key={protocol.title}
               image={protocol.image}
               title={protocol.title}
               description={protocol.description}
               link={protocol.link}
             />
+
           ))}
         </div>
       </Container>
diff --git a/components/card.tsx b/components/card.tsx
index 210a872..8a9f270 100644
--- a/components/card.tsx
+++ b/components/card.tsx
@@ -2,14 +2,14 @@ import Image from "next/image"
 import Link from "next/link"
 
 interface Props {
-  index: number
   image: string
   title: string
   description: string
   link: string
 }
 
-const Card: React.FC<Props> = ({ index, image, title, description, link }) => {
+const Card: React.FC<Props> = ({ image, title, description, link }) => {
+
   return (
     <Link href={link}>
       <div

From 14cbe725a4551f0db18a4ae093bd9f0a4cbd9bc3 Mon Sep 17 00:00:00 2001
From: Nishitha Reddy <gudurunishithareddy@gmail.com>
Date: Sat, 3 Jan 2026 13:50:15 +0530
Subject: [PATCH 3/4] Use stable composite key for description line rendering

---
 components/card.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/components/card.tsx b/components/card.tsx
index 8a9f270..6f4ba17 100644
--- a/components/card.tsx
+++ b/components/card.tsx
@@ -30,14 +30,15 @@ const Card: React.FC<Props> = ({ image, title, description, link }) => {
             {title}
           </h3>
           <p className="mb-6 mt-2 text-center text-black">
-            {description.split("\n").map((item, key) => {
+            {description.split("\n").map((item, index) => {
               return (
-                <span key={key}>
-                  {item}
-                  <br />
-                </span>
+                <span key={`${item}-${index}`}>
+                {item}
+                <br />
+               </span>
               )
             })}
+
           </p>
         </div>
       </div>

From 603e5b4b29becb939ce3213566db0fb32ff8c6d8 Mon Sep 17 00:00:00 2001
From: Nishitha Reddy <gudurunishithareddy@gmail.com>
Date: Sat, 3 Jan 2026 13:54:53 +0530
Subject: [PATCH 4/4] Use index key for static description line rendering

---
 components/card.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/components/card.tsx b/components/card.tsx
index 6f4ba17..59518d7 100644
--- a/components/card.tsx
+++ b/components/card.tsx
@@ -30,14 +30,15 @@ const Card: React.FC<Props> = ({ image, title, description, link }) => {
             {title}
           </h3>
           <p className="mb-6 mt-2 text-center text-black">
-            {description.split("\n").map((item, index) => {
+            {description.split("\n").map((item, idx) => {
               return (
-                <span key={`${item}-${index}`}>
-                {item}
-                <br />
-               </span>
-              )
-            })}
+                <span key={idx}>
+                  {item}
+                  <br />
+                </span>
+                )
+              })}
+
 
           </p>
         </div>