diff --git a/app/protocols/page.tsx b/app/protocols/page.tsx
index d708ecc..6356889 100644
--- a/app/protocols/page.tsx
+++ b/app/protocols/page.tsx
@@ -93,35 +93,22 @@ 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}
-              index={index}
+              key={protocol.title}
               image={protocol.image}
               title={protocol.title}
               description={protocol.description}
               link={protocol.link}
             />
+
           ))}
         </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."
diff --git a/components/card.tsx b/components/card.tsx
index 210a872..59518d7 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
@@ -30,14 +30,16 @@ const Card: React.FC<Props> = ({ index, 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, idx) => {
               return (
-                <span key={key}>
+                <span key={idx}>
                   {item}
                   <br />
                 </span>
-              )
-            })}
+                )
+              })}
+
+
           </p>
         </div>
       </div>