From f310b66e2767c9d0379a08f2120517bf3ed640aa Mon Sep 17 00:00:00 2001
From: Jennifer Hasegawa <5481259+jhaaaa@users.noreply.github.com>
Date: Mon, 10 Feb 2025 15:34:44 -0800
Subject: [PATCH 1/2] add d14n to homepage

---
 src/components/BuiltWithXmtp/index.js | 34 +++++++++++++--------------
 static/img/xmtp-logo-lockup-black.svg |  7 ++++++
 2 files changed, 24 insertions(+), 17 deletions(-)
 create mode 100644 static/img/xmtp-logo-lockup-black.svg

diff --git a/src/components/BuiltWithXmtp/index.js b/src/components/BuiltWithXmtp/index.js
index 5723d9ac..39c9b6eb 100644
--- a/src/components/BuiltWithXmtp/index.js
+++ b/src/components/BuiltWithXmtp/index.js
@@ -349,6 +349,22 @@ const BuiltWithXmtp = () => {
 
           <div class="mx-auto mt-10 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-12 md:gap-y-16 border-solid border-0 border-t border-gray-200 pt-10 mt-4 sm:pt-16 lg:mx-0 lg:max-w-none lg:grid-cols-4">
             
+          <article class="flex max-w-xl flex-col items-start justify-between">
+              <div class="flex items-center gap-x-4 text-xs">
+                <img src="img/xmtp-logo-lockup-black.svg" class="h-6 mb-2"></img>
+              </div>
+              <div class="group relative">
+                <p class="font-normal text-xs uppercase tracking-widest">Decentralization</p>
+                <h3 class="mt-3 text-lg/6 md:text-xl/7 font-semibold text-gray-900 group-hover:text-gray-600">
+                  <a href="https://paragraph.xyz/@xmtp_community/xmtp-launches-testnet-building-the-worlds-most-secure-decentralized-messaging-network" target="_blank" class="hover:text-red-500 hover:no-underline">
+                    <span class="absolute inset-0"></span>
+                    XMTP testnet: Building the most secure decentralized messaging network
+                  </a>
+                </h3>
+                <a href="https://paragraph.xyz/@xmtp_community/xmtp-launches-testnet-building-the-worlds-most-secure-decentralized-messaging-network" target="_blank" class="relative z-10 text-sm font-medium text-red-500 hover:no-underline hover:text-red-800 transition-all">Learn more <span aria-hidden="true">→</span></a>
+              </div>
+            </article>
+            
             <article class="flex max-w-xl flex-col items-start justify-between">
               <div class="flex items-center gap-x-4 text-xs">
                 <img src="img/family-logo-black.svg" class="h-6 mb-2"></img>
@@ -381,22 +397,6 @@ const BuiltWithXmtp = () => {
               </div>
             </article>
 
-            <article class="flex max-w-xl flex-col items-start justify-between">
-              <div class="flex items-center gap-x-4 text-xs">
-                <img src="img/converse-logo-full-black.svg" class="h-9 mb-6"></img>
-              </div>
-              <div class="group relative">
-                <p class="font-normal text-xs uppercase tracking-widest">Agents</p>
-                <h3 class="mt-3 text-lg/6 md:text-xl/7 font-semibold text-gray-900 group-hover:text-gray-600">
-                  <a href="https://converse.xyz" target="_blank" class="hover:text-red-500 hover:no-underline">
-                    <span class="absolute inset-0"></span>
-                    Converse Messenger unleashes the power of AI agents and universal identity
-                  </a>
-                </h3>
-                <a href="https://converse.xyz" target="_blank" class="relative z-10 text-sm font-medium text-red-500 hover:no-underline hover:text-red-800 transition-all">Learn more <span aria-hidden="true">→</span></a>
-              </div>
-            </article>
-
             <article class="flex max-w-xl flex-col items-start justify-between">
               <div class="flex items-center gap-x-4 text-xs">
                 <img src="img/notifiLogo.svg" class="h-5 mb-2"></img>
@@ -409,7 +409,7 @@ const BuiltWithXmtp = () => {
                     Learn about how Notifi delivers millions of critical DeFi alerts through XMTP
                   </a>
                 </h3>
-                <a href="https://xmtp.org/notifi-case-study" target="_blank" class="relative z-10 text-sm font-medium text-red-500 hover:no-underline hover:text-red-800 transition-all">Read more <span aria-hidden="true">→</span></a>
+                <a href="https://xmtp.org/notifi-case-study" target="_blank" class="relative z-10 text-sm font-medium text-red-500 hover:no-underline hover:text-red-800 transition-all">Learn more <span aria-hidden="true">→</span></a>
               </div>
             </article>
 
diff --git a/static/img/xmtp-logo-lockup-black.svg b/static/img/xmtp-logo-lockup-black.svg
new file mode 100644
index 00000000..a8a15019
--- /dev/null
+++ b/static/img/xmtp-logo-lockup-black.svg
@@ -0,0 +1,7 @@
+<svg width="1058" height="248" viewBox="0 0 1058 248" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M401.246 122.658L461.097 42.1384H414.665L377.359 96.0865L339.516 42.1384H290.937L349.983 124.537L287.716 208.813H333.879L374.138 151.913L414.129 208.813H462.976L401.246 122.658Z" fill="#010613"/>
+<path d="M591.535 158.086H590.999L553.189 42.1384H489.815V209.082H529V86.1557H530.074L571.406 209.082H608.176L649.24 86.1557H650.313V209.082H692.182V42.1384H629.647L591.535 158.086Z" fill="#010613"/>
+<path d="M720.095 41.87V77.0302H779.018L778.873 208.813H821.01L821.094 77.0302H879.788V41.87H720.095Z" fill="#010613"/>
+<path d="M990.365 41.87H907.164V208.813H949.301V156.744H989.56C1032.32 156.744 1058 136.233 1058 98.502C1058 61.228 1032.27 42.1092 990.428 42.1092L990.365 41.87ZM949.301 122.121V77.0302H986.339C1003.95 77.0302 1015.59 82.9221 1015.59 99.844C1015.59 116.537 1004.06 121.853 985.534 121.853L949.301 122.121Z" fill="#010613"/>
+<path d="M0 124C0 55.5167 55.5153 0 123.997 0C192.434 0 245.31 54.4848 246.92 123.463C246.92 145.472 239.405 163.991 220.618 181.437C204.742 196.18 177.675 198.346 157.816 187.342C143.641 179.165 132.717 161.751 123.46 148.961L106.283 175.264H69.2451L104.136 123.461L70.3186 72.4675H108.43L123.729 98.7706L138.759 72.4675H177.139L142.248 123.463C142.248 123.463 158.888 148.961 168.013 158.892C177.139 168.823 193.779 169.091 204.514 158.355C216.318 146.551 218.96 137.152 219.008 123.463C219.192 70.4783 177.107 27.9134 123.997 27.9134C70.9311 27.9134 27.9127 70.9328 27.9127 124C27.9127 177.067 70.9311 220.087 123.997 220.087C131.337 220.087 138.373 219.47 145.2 217.939L151.105 245.048C141.39 247.226 133.54 248 123.997 248C55.5153 248 0 192.483 0 124Z" fill="#010613"/>
+</svg>

From 148ff7d605fa4bc2f86b045b44bd5c38ad824ff6 Mon Sep 17 00:00:00 2001
From: Jennifer Hasegawa <5481259+jhaaaa@users.noreply.github.com>
Date: Mon, 10 Feb 2025 15:57:13 -0800
Subject: [PATCH 2/2] update use case to using XMTP

---
 src/components/BuiltWithXmtp/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/BuiltWithXmtp/index.js b/src/components/BuiltWithXmtp/index.js
index 39c9b6eb..69d75c88 100644
--- a/src/components/BuiltWithXmtp/index.js
+++ b/src/components/BuiltWithXmtp/index.js
@@ -342,7 +342,7 @@ const BuiltWithXmtp = () => {
       <div class="relative isolate overflow-hidden py-16 md:py-4 md:pb-16">
         <div class="mx-auto max-w-7xl py-0 sm:px-6 md:py-24 lg:px-8">
           <div class="lg:col-end-1 lg:w-full lg:max-w-3xl lg:pb-8 mb-8 md:mb-0">
-              <p class="text-sm/4 md:text-base font-semibold uppercase tracking-wider leading-tight bg-gradient-to-r from-[#FFB07F] to-[#FC4F37] inline-block text-transparent bg-clip-text [text-shadow:_0_2px_24px_rgba(255_176_127_/_0.2)]">Use Cases</p>
+              <p class="text-sm/4 md:text-base font-semibold uppercase tracking-wider leading-tight bg-gradient-to-r from-[#FFB07F] to-[#FC4F37] inline-block text-transparent bg-clip-text [text-shadow:_0_2px_24px_rgba(255_176_127_/_0.2)]">Using XMTP</p>
               <h2 class="max-w-3xl text-balance text-3xl md:text-4xl font-semibold tracking-tight">How apps and wallets use XMTP</h2>
               <p class=" max-w-3xl text-base md:text-lg font-normal">Learn about the connected and resilient ecosystem for seamless communication across apps and wallets</p>
           </div>