diff --git a/docs/index.md b/docs/index.md
index 9699802b563..57da9a93899 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -9,11 +9,13 @@ description: "NEAR Protocol documentation - Build decentralized applications and
 
 import Card from '@site/src/components/UI/Card';
 import LandingHero from '@site/src/components/LandingHero';
+import AIBadges from '@site/src/components/AIBadges';
 
+<AIBadges />
 
 <LandingHero />
 
-<div className="row" style={{ marginTop: '4rem', gridGap: '3rem 0rem' }}>
+<div className="row" style={{ marginTop: '2rem', gridGap: '3rem 0rem' }}>
   <div className="auto-col">
     <Card
       variant="icon"
diff --git a/website/src/components/AIBadges/index.jsx b/website/src/components/AIBadges/index.jsx
new file mode 100644
index 00000000000..88c6fa3c390
--- /dev/null
+++ b/website/src/components/AIBadges/index.jsx
@@ -0,0 +1,43 @@
+import React, { useState } from 'react';
+import './styles.scss';
+
+const AIBadges = () => {
+  const [copiedUrl, setCopiedUrl] = useState(null);
+
+  const handleCopyUrl = (e, url) => {
+    e.preventDefault();
+    navigator.clipboard.writeText(url).then(() => {
+      setCopiedUrl(url);
+      setTimeout(() => setCopiedUrl(null), 1000);
+    });
+  };
+
+  return (
+    <div className="ai-badges">
+    <a 
+        href="https://docs.near.org/mcp" 
+        className="ai-badge"
+        onClick={(e) => handleCopyUrl(e, 'https://docs.near.org/mcp')}
+        style={{ cursor: 'pointer' }}
+    >
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M13.5 4L6 11.5L2.5 8" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+        </svg>
+        {copiedUrl === 'https://docs.near.org/mcp' ? 'URL Copied!' : 'MCP Ready'}
+    </a>
+    <a 
+        href="https://docs.near.org/llms.txt" 
+        className="ai-badge"
+        target="_blank"
+        rel="noopener noreferrer"
+    >
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M13.5 4L6 11.5L2.5 8" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+        </svg>
+        LLM.txt Ready
+    </a>
+    </div>
+  );
+};
+
+export default AIBadges;
diff --git a/website/src/components/AIBadges/styles.scss b/website/src/components/AIBadges/styles.scss
new file mode 100644
index 00000000000..4ed0c2a4120
--- /dev/null
+++ b/website/src/components/AIBadges/styles.scss
@@ -0,0 +1,36 @@
+.ai-badges {
+  display: flex;
+  gap: 0.75rem;
+  flex-wrap: wrap;
+  justify-content: center;
+  position: relative;
+  left: 41.67%; /* 5/12 of the screen */
+  transform: translateX(-50%); /* Center the badges at this point */
+  margin-top: -0.5rem;
+  margin-bottom: 2rem
+}
+
+.ai-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.25rem 1rem 0.25rem 0.8rem;
+  border: 1px solid rgba(95, 138, 250, 0.3);
+  border-radius: 12px;
+  font-size: 0.7rem;
+  font-weight: 600;
+  color: var(--ifm-font-color-base);
+  text-decoration: none;
+  transition: all 0.2s ease;
+  
+  svg {
+    flex-shrink: 0;
+    color: #22c55e;
+  }
+
+  &:hover {
+    border-color: rgba(95, 138, 250, 0.5);
+    text-decoration: none;
+    color: var(--ifm-font-color-base);
+  }
+}
diff --git a/website/src/components/LandingHero/styles.scss b/website/src/components/LandingHero/styles.scss
index 70288c65bf3..4d5159e4946 100644
--- a/website/src/components/LandingHero/styles.scss
+++ b/website/src/components/LandingHero/styles.scss
@@ -186,4 +186,12 @@ html[data-theme='light'] {
       }
     }
   }
+}
+
+@media (max-width: 999px) {
+  .landing-hero {
+    &__title-gradient {
+      margin-top: 0;
+    }
+  }
 }
\ No newline at end of file