+
+ 
+
+
+
+
+ Payments
+
-
-
- Groups with MLS in production ↗
+
+
+
+
+
-
+
+
+
+
+
-
-
-
-
-
-
- The open protocol for web3 messaging -
-- Over 2 million web3 identities rely on apps built with XMTP for secure, private, and portable messaging -
+ +
+
+
+
+
+
+
+
+
+
-
-
-
-
- 
- Build with XMTP ↗
-
+
+
+
- Build with XMTP ↗
-
+
+
+
+
+
+
XMTP is the largest & most secure decentralized messaging network
+
+
+ -
+
- Connected identities +
- 2 Million+ +
- of developers +
- 1,000s +
- Production apps +
- 60+ +
+
+
+
+
+
+ Enterprise-grade secure messaging — powered by decentralization. + Start building group chats, DMs, and notifications in minutes.
+
+
+
+
+ Get started
+
+
+
+
+ Try XMTP now
+
+
+
-
-
- Pick any app. Message any identity.
-
+
- Pick any app. Message any identity.
-
- Own your communications.
-
+
+
-
+
Trusted by the best
+ +
+
+
+
+ -
+
-
+
+
+ -
+
+
+ -
+
+
+
-
+
+
+ -
+
+
+ -
+
+
+ -
+
+
+ -
+
+
+ -
+
+
+ -
+
+
+ -
+
+
+ -
+
+
+ -
+
+
+
- {ListOfDevelopers.map((developer) => (
-
-
-
- })
-
+
+
+
-
-
-
- {developer.name} -
- -{developer.description}
- -
- {developer.href && (
-
-
+
+
+
+
+
+
+
+
+ Use Cases
+How apps and wallets use XMTP
+Learn about the connected and resilient ecosystem for seamless communication across apps and wallets
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Messaging
++ + + How Coinbase Wallet connects millions of users through messaging + +
+ Learn more +
+
+
+
+
+
+ 
+
+
+
+
+ Notifications
++ + + Learn about how Notifi delivers millions of critical DeFi alerts through XMTP - )} - {developer.github && ( - - +
+ Read more +
+
+
+
+
+
+
+
+
+
+
+ Security
+Enterprise-grade encryption
+Built on the IETF-standard Messaging Layer Security (MLS) protocol – the same open-source security foundation trusted by Mozilla, Google, Wire, and Cisco. XMTP's fully audited implementation provides perfect forward secrecy and post-compromise security, ensuring messages can never be retroactively decrypted.
++ + + + + + Encryption in XMTP + + +
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Identity
+Flexible identity foundation
+Turn any collection of wallet addresses into a unified messaging identity. Support the full spectrum of web3 identities — from naming systems (ENS, Base, Lens) to social platforms (Farcaster, Lens) to smart accounts (Safe, ERC-4337 wallets) — through simple wallet signatures.
++ + + + + + Identity in XMTP - )} - {developer.twitter && ( - - 𝕏 + +
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
- ))}
-
+
+
+
+
Consent
+Built-in spam protection
+Users block spam once, and it's blocked everywhere they go. Your app automatically inherits spam protection that works across the entire XMTP network — giving every user control of who can message them.
++ + + + + + Consent in XMTP - )} + +
+
+
+
+
+ 
+
+
+
-
+
+
-
- 
-
+
+
-
+
+
);
};
diff --git a/src/components/FeedbackWidget/styles.module.css b/src/components/FeedbackWidget/styles.module.css
index 7980b6b7e..4355b6a16 100644
--- a/src/components/FeedbackWidget/styles.module.css
+++ b/src/components/FeedbackWidget/styles.module.css
@@ -183,4 +183,4 @@
.form {
margin-top: 4px;
width: 100%;
-}
+}
\ No newline at end of file
diff --git a/src/components/ToggleButtons/index.js b/src/components/ToggleButtons/index.js
index 88769ff2b..a56d647b4 100644
--- a/src/components/ToggleButtons/index.js
+++ b/src/components/ToggleButtons/index.js
@@ -47,7 +47,7 @@ export default function ToggleButtons() {
+
+
+
+
-
+
+
+
+ Decentralization
+Unruggable infrastructure
+Your messaging infrastructure keeps running independently of any single operator or organization. No central authority can change the rules, revoke access, or shut down the service your users depend on.
++ + + + + + Decentralizing XMTP + + +
+
+
+
+
+
+
+ 
+
+
+
-
-
+ - Help build this list -
- -- Know of a project built with XMTP that should be here? - - Submit it - -
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ XMTP is open source
+The entire XMTP stack — protocol, apps, and developer tools — is fully open to inspect, modify, and improve, creating a trustworthy foundation for developers to build on with confidence.
+{/* +
+
*/}
+
+
+
+
+
+
+ $
+
+
+
+
+ npm install
+
+
+
+ @xmtp/xmtp-js
+
+
+
+
+
+
+
+
+
+
+ Browse XMTP repos
+
+
+
+
+ className="hidden opacity-0 plausible-event-name=DarkMode w-11 h-11 rounded-full bg-gray-900 grid justify-center items-center border-2 border-solid border-gray-500 right-4 lg:right-12 bottom-5 z-[60] cursor-pointer fixed">
+ )
+}
+
+export function GradientBackground() {
+ return (
+
+
+
+ )
+}
diff --git a/src/css/tailwind.css b/src/css/tailwind.css
index 0ac84e7ac..c6c0bbbb4 100644
--- a/src/css/tailwind.css
+++ b/src/css/tailwind.css
@@ -248,7 +248,7 @@
.navbar {
box-shadow: none;
- background-color: rgba(255, 255, 255, 0.75);
+ background-color: rgba(255, 255, 255, 1);
/* blur/backdrop-blur-2xl */
backdrop-filter: blur(20px);
}
@@ -745,10 +745,11 @@ main[class*="docMainContainer"] tr {
}
.navbar__chatbutton {
- font-size: 0.8em;
+ font-size: 0.9em;
color: white;
border: none;
- background-color: #4f45e4;
+ background-color: #000;
+ border: 1px solid #000;
border-radius: 4px;
padding: 7px 11px;
cursor: pointer;
@@ -756,7 +757,9 @@ main[class*="docMainContainer"] tr {
}
.navbar__chatbutton:hover {
- background-color: #5a2895;
+ background-color: #fff;
+ border: 1px solid #000;
+ color: black;
}
@media (max-width: 450px) {
@@ -1691,3 +1694,16 @@ summary::before {
.apparelbot .prism-code {
background-color: #0233d2;
}
+
+@keyframes fadeIn {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+
+.fade-in {
+ animation: fadeIn 0.25s ease-in forwards;
+}
\ No newline at end of file
diff --git a/src/pages/custom.css b/src/pages/custom.css
index 77c9ef643..eaacff9fb 100644
--- a/src/pages/custom.css
+++ b/src/pages/custom.css
@@ -38,3 +38,251 @@
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
}
+
+.container {
+ max-width: 100% !important;
+}
+
+.-mt-2 {
+ margin-top: -2em;
+}
+
+.-mt-4 {
+ margin-top: -4em;
+}
+
+.-mt-6 {
+ margin-top: -6em;
+}
+
+.-mt-8 {
+ margin-top: -8em;
+}
+
+.-mt-12 {
+ margin-top: -12em;
+}
+
+.navbar {
+ padding: 1em !important;
+}
+
+.col {
+ padding: 0;
+}
+
+.footer__links {
+ .col {
+ padding: 0 3em;
+ }
+}
+
+dd {
+ margin: 0;
+}
+
+.logo-row ul {
+ padding-left: 0;
+}
+
+.logo-row ul li {
+ list-style-type: none;
+}
+
+.pulse-this {
+ box-shadow: 0px 0px 1px 1px #0000001a;
+ }
+
+.pulse {
+ animation: pulse-animation 2s infinite;
+}
+
+@keyframes pulse-animation {
+ 0% {
+ box-shadow: 0 0 2px 0px rgba(252, 79, 55, 0.8);
+ }
+ 100% {
+ box-shadow: 0 0 5px 15px rgba(252, 79, 55, 0);
+ }
+}
+
+.lines {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 100%;
+ margin: auto;
+ width: 100vw;
+ z-index: -9;
+}
+
+.line {
+ position: absolute;
+ width: 1px;
+ height: 100%;
+ top: 0;
+ left: 50%;
+ background: rgba(255, 255, 255, 0.1);
+ overflow: hidden;
+}
+
+.line::after {
+ content: "";
+ display: block;
+ position: absolute;
+ height: 15vh;
+ width: 100%;
+ top: -50%;
+ left: 0;
+ background: linear-gradient(to bottom, rgba(252, 79, 55, 0) 0%, #FC4F37 75%, #FC4F37 100%);
+ animation: drop 7s 0s infinite;
+ animation-fill-mode: forwards;
+ animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
+}
+
+.line:nth-child(1) {
+ margin-left: -25%;
+ opacity: 0.2;
+}
+.line:nth-child(1)::after {
+ animation-delay: 1s;
+}
+.line:nth-child(2) {
+ margin-left: -8%;
+ opacity: 0.25;
+}
+.line:nth-child(2)::after {
+ animation-delay: 2s;
+}
+.line:nth-child(3) {
+ margin-left: 25%;
+}
+.line:nth-child(3)::after {
+ animation-delay: 1.5s;
+}
+.line:nth-child(4) {
+ margin-left: 8%;
+ opacity: 0.5;
+}
+.line:nth-child(4)::after {
+ animation-delay: 2.5s;
+}
+.line:nth-child(5) {
+ margin-left: 42%;
+ opacity: 1;
+}
+.line:nth-child(5)::after {
+ animation-delay: 3.5s;
+}
+
+.h-lines {
+ position: absolute;
+ width: 100%;
+ margin: auto;
+ height: 100%;
+ z-index: -9;
+}
+
+.h-line {
+ position: absolute;
+ height: 1px;
+ width: 100%;
+ left: 50%;
+ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.1) 100%);
+ overflow: hidden;
+}
+
+@media (max-width: 680px) {
+ .h-line {
+ position: relative;
+ }
+}
+
+.h-line::after {
+ content: "";
+ display: block;
+ position: absolute;
+ width: 15vh;
+ height: 100%;
+ top: 0%;
+ left: -50%;
+ background: linear-gradient(to right, rgba(252, 79, 55, 0) 0%, #FC4F37 75%, #FC4F37 100%);
+ animation: hdrop 10s 0s infinite;
+ animation-fill-mode: forwards;
+ animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
+}
+
+.h-line:nth-child(1) {
+ margin-top: 4%;
+}
+.h-line:nth-child(1)::after {
+ animation-delay: 0.5s;
+}
+.h-line:nth-child(2) {
+ margin-top: 12%;
+ opacity: 0.25;
+}
+.h-line:nth-child(2)::after {
+ animation-delay: 3s;
+}
+.h-line:nth-child(3) {
+ margin-top: 20%;
+ opacity: 0.25;
+}
+.h-line:nth-child(3)::after {
+ animation-delay: 1.5s;
+}
+.h-line:nth-child(4) {
+ margin-top: 28%;
+ opacity: 0.25;
+}
+.h-line:nth-child(4)::after {
+ animation-delay: 4s;
+}
+.h-line:nth-child(5) {
+ margin-top: 36%;
+ opacity: 0.75;
+}
+.h-line:nth-child(5)::after {
+ animation-delay: 5s;
+}
+.h-line:nth-child(6) {
+ margin-top: 44%;
+ opacity: 0.75;
+}
+.h-line:nth-child(6)::after {
+ animation-delay: 4.5s;
+}
+
+@keyframes drop {
+ 0% {
+ top: -50%;
+ }
+ 100% {
+ top: 110%;
+ }
+}
+
+@keyframes hdrop {
+ 0% {
+ left: 0%;
+ }
+ 100% {
+ left: 110%;
+ }
+}
+
+.breathe {
+ background: linear-gradient(-38deg, #101827, #FC4F37);
+ background-size: 200% 200%;
+ animation: verticalBreathing 15s ease infinite;
+}
+
+@keyframes verticalBreathing {
+ 0% { background-position: 0% 0%; }
+ 25% { background-position: 40% 40%; }
+ 50% { background-position: 80% 80%; }
+ 75% { background-position: 20% 60%; }
+ 100% { background-position: 0% 0%; }
+}
\ No newline at end of file
diff --git a/src/pages/index.mdx b/src/pages/index.mdx
index c5f89d947..cc67fc668 100644
--- a/src/pages/index.mdx
+++ b/src/pages/index.mdx
@@ -1,7 +1,7 @@
---
hide_table_of_contents: true
-title: The open source protocol for web3 messaging
-description: 2M+ web3 identities trust XMTP for secure & private messaging
+title: XMTP is the largest & most secure decentralized messaging network
+description: Enterprise-grade secure messaging — powered by decentralization. Start building group chats, DMs, and notifications in minutes.
---
import BuiltWithXmtp from "@site/src/components/BuiltWithXmtp";
diff --git a/static/img/ConverseCTA.png b/static/img/ConverseCTA.png
new file mode 100644
index 000000000..90c1a1222
Binary files /dev/null and b/static/img/ConverseCTA.png differ
diff --git a/static/img/allowButton.png b/static/img/allowButton.png
new file mode 100644
index 000000000..a4521ed6d
Binary files /dev/null and b/static/img/allowButton.png differ
diff --git a/static/img/apple-store.svg b/static/img/apple-store.svg
new file mode 100644
index 000000000..0cf41b892
--- /dev/null
+++ b/static/img/apple-store.svg
@@ -0,0 +1,27 @@
+
diff --git a/static/img/avara-wordmark-logo-dark.svg b/static/img/avara-wordmark-logo-dark.svg
new file mode 100644
index 000000000..9329dbf54
--- /dev/null
+++ b/static/img/avara-wordmark-logo-dark.svg
@@ -0,0 +1,3 @@
+
diff --git a/static/img/cbw-header.jpg b/static/img/cbw-header.jpg
new file mode 100644
index 000000000..1a362489b
Binary files /dev/null and b/static/img/cbw-header.jpg differ
diff --git a/static/img/cbw-header.png b/static/img/cbw-header.png
new file mode 100644
index 000000000..660d436a7
Binary files /dev/null and b/static/img/cbw-header.png differ
diff --git a/static/img/coinbase-wallet-black.svg b/static/img/coinbase-wallet-black.svg
new file mode 100644
index 000000000..d774ffae1
--- /dev/null
+++ b/static/img/coinbase-wallet-black.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/img/coinbase-wallet-header.png b/static/img/coinbase-wallet-header.png
new file mode 100644
index 000000000..3c1156ed9
Binary files /dev/null and b/static/img/coinbase-wallet-header.png differ
diff --git a/static/img/coinbase-wallet-white.svg b/static/img/coinbase-wallet-white.svg
new file mode 100644
index 000000000..7be8c1847
--- /dev/null
+++ b/static/img/coinbase-wallet-white.svg
@@ -0,0 +1,17 @@
+
diff --git a/static/img/consent-short.png b/static/img/consent-short.png
new file mode 100644
index 000000000..bb7ee05e1
Binary files /dev/null and b/static/img/consent-short.png differ
diff --git a/static/img/consent.png b/static/img/consent.png
new file mode 100644
index 000000000..0f6b38c04
Binary files /dev/null and b/static/img/consent.png differ
diff --git a/static/img/converse-app.png b/static/img/converse-app.png
new file mode 100644
index 000000000..3601fa80f
Binary files /dev/null and b/static/img/converse-app.png differ
diff --git a/static/img/converse-app.webp b/static/img/converse-app.webp
new file mode 100644
index 000000000..9afd12c43
Binary files /dev/null and b/static/img/converse-app.webp differ
diff --git a/static/img/converse-header.png b/static/img/converse-header.png
new file mode 100644
index 000000000..bf733423c
Binary files /dev/null and b/static/img/converse-header.png differ
diff --git a/static/img/converse-logo-full-black.svg b/static/img/converse-logo-full-black.svg
new file mode 100644
index 000000000..3999e2bd2
--- /dev/null
+++ b/static/img/converse-logo-full-black.svg
@@ -0,0 +1,15 @@
+
diff --git a/static/img/converse-logo-full-white.svg b/static/img/converse-logo-full-white.svg
new file mode 100644
index 000000000..dda96e770
--- /dev/null
+++ b/static/img/converse-logo-full-white.svg
@@ -0,0 +1,10 @@
+
diff --git a/static/img/converse-square-logo.png b/static/img/converse-square-logo.png
new file mode 100644
index 000000000..ec06da171
Binary files /dev/null and b/static/img/converse-square-logo.png differ
diff --git a/static/img/decentralized-short.png b/static/img/decentralized-short.png
new file mode 100644
index 000000000..b7fd66ad5
Binary files /dev/null and b/static/img/decentralized-short.png differ
diff --git a/static/img/decentralized-tall.png b/static/img/decentralized-tall.png
new file mode 100644
index 000000000..3f9df924a
Binary files /dev/null and b/static/img/decentralized-tall.png differ
diff --git a/static/img/decentralized.png b/static/img/decentralized.png
new file mode 100644
index 000000000..bc5068aa6
Binary files /dev/null and b/static/img/decentralized.png differ
diff --git a/static/img/decentralizedByDesignGraphic.png b/static/img/decentralizedByDesignGraphic.png
new file mode 100644
index 000000000..9f5afa0cb
Binary files /dev/null and b/static/img/decentralizedByDesignGraphic.png differ
diff --git a/static/img/family-header.png b/static/img/family-header.png
new file mode 100644
index 000000000..40e84fd9a
Binary files /dev/null and b/static/img/family-header.png differ
diff --git a/static/img/family-logo-black.svg b/static/img/family-logo-black.svg
new file mode 100644
index 000000000..afb2f88f1
--- /dev/null
+++ b/static/img/family-logo-black.svg
@@ -0,0 +1,22 @@
+
diff --git a/static/img/family-logo-white.svg b/static/img/family-logo-white.svg
new file mode 100644
index 000000000..bcfc2ac0a
--- /dev/null
+++ b/static/img/family-logo-white.svg
@@ -0,0 +1,17 @@
+
diff --git a/static/img/family-top-header.png b/static/img/family-top-header.png
new file mode 100644
index 000000000..2dcb3e384
Binary files /dev/null and b/static/img/family-top-header.png differ
diff --git a/static/img/frog-logo.svg b/static/img/frog-logo.svg
new file mode 100644
index 000000000..e07da6408
--- /dev/null
+++ b/static/img/frog-logo.svg
@@ -0,0 +1,21 @@
+
diff --git a/static/img/google-play.svg b/static/img/google-play.svg
new file mode 100644
index 000000000..68b707abe
--- /dev/null
+++ b/static/img/google-play.svg
@@ -0,0 +1,2 @@
+
+
diff --git a/static/img/grid-1.png b/static/img/grid-1.png
new file mode 100644
index 000000000..8bc0855fe
Binary files /dev/null and b/static/img/grid-1.png differ
diff --git a/static/img/grid-2.png b/static/img/grid-2.png
new file mode 100644
index 000000000..6700f179d
Binary files /dev/null and b/static/img/grid-2.png differ
diff --git a/static/img/grid-3.png b/static/img/grid-3.png
new file mode 100644
index 000000000..af90eba80
Binary files /dev/null and b/static/img/grid-3.png differ
diff --git a/static/img/grid-4.png b/static/img/grid-4.png
new file mode 100644
index 000000000..c42270ec6
Binary files /dev/null and b/static/img/grid-4.png differ
diff --git a/static/img/grid-5.png b/static/img/grid-5.png
new file mode 100644
index 000000000..d509b60fb
Binary files /dev/null and b/static/img/grid-5.png differ
diff --git a/static/img/grid-6.png b/static/img/grid-6.png
new file mode 100644
index 000000000..8946127c1
Binary files /dev/null and b/static/img/grid-6.png differ
diff --git a/static/img/hey-logo-dark.png b/static/img/hey-logo-dark.png
new file mode 100644
index 000000000..699a213ec
Binary files /dev/null and b/static/img/hey-logo-dark.png differ
diff --git a/static/img/identity-short.png b/static/img/identity-short.png
new file mode 100644
index 000000000..7a9025acc
Binary files /dev/null and b/static/img/identity-short.png differ
diff --git a/static/img/identity-square.png b/static/img/identity-square.png
new file mode 100644
index 000000000..39981ec82
Binary files /dev/null and b/static/img/identity-square.png differ
diff --git a/static/img/interface-logo.png b/static/img/interface-logo.png
new file mode 100644
index 000000000..715fae575
Binary files /dev/null and b/static/img/interface-logo.png differ
diff --git a/static/img/javascriptLogo.png b/static/img/javascriptLogo.png
new file mode 100644
index 000000000..2ae1db5dd
Binary files /dev/null and b/static/img/javascriptLogo.png differ
diff --git a/static/img/kotlinLogo.png b/static/img/kotlinLogo.png
new file mode 100644
index 000000000..b78e63a0e
Binary files /dev/null and b/static/img/kotlinLogo.png differ
diff --git a/static/img/lens-logo-black.svg b/static/img/lens-logo-black.svg
new file mode 100644
index 000000000..02f6f01b6
--- /dev/null
+++ b/static/img/lens-logo-black.svg
@@ -0,0 +1,16 @@
+
diff --git a/static/img/metamask-logo.svg b/static/img/metamask-logo.svg
new file mode 100644
index 000000000..a8ce988ed
--- /dev/null
+++ b/static/img/metamask-logo.svg
@@ -0,0 +1,46 @@
+
diff --git a/static/img/neynar-logo.png b/static/img/neynar-logo.png
new file mode 100644
index 000000000..1557aa306
Binary files /dev/null and b/static/img/neynar-logo.png differ
diff --git a/static/img/nodejsLogo.png b/static/img/nodejsLogo.png
new file mode 100644
index 000000000..9518c4f13
Binary files /dev/null and b/static/img/nodejsLogo.png differ
diff --git a/static/img/notifi-header.png b/static/img/notifi-header.png
new file mode 100644
index 000000000..a5992a8ce
Binary files /dev/null and b/static/img/notifi-header.png differ
diff --git a/static/img/notifi-logo-white.svg b/static/img/notifi-logo-white.svg
new file mode 100644
index 000000000..fde23ec00
--- /dev/null
+++ b/static/img/notifi-logo-white.svg
@@ -0,0 +1,16 @@
+
diff --git a/static/img/phaver-logo.svg b/static/img/phaver-logo.svg
new file mode 100644
index 000000000..e09fac94e
--- /dev/null
+++ b/static/img/phaver-logo.svg
@@ -0,0 +1,15 @@
+
diff --git a/static/img/reactnativeLogo.png b/static/img/reactnativeLogo.png
new file mode 100644
index 000000000..b0b86389f
Binary files /dev/null and b/static/img/reactnativeLogo.png differ
diff --git a/static/img/realSecurityGraphic.png b/static/img/realSecurityGraphic.png
new file mode 100644
index 000000000..bb9b8e4cb
Binary files /dev/null and b/static/img/realSecurityGraphic.png differ
diff --git a/static/img/security-short.png b/static/img/security-short.png
new file mode 100644
index 000000000..aad68c49d
Binary files /dev/null and b/static/img/security-short.png differ
diff --git a/static/img/security.png b/static/img/security.png
new file mode 100644
index 000000000..d2c34cdcd
Binary files /dev/null and b/static/img/security.png differ
diff --git a/static/img/swiftLogo.png b/static/img/swiftLogo.png
new file mode 100644
index 000000000..b3d524fa5
Binary files /dev/null and b/static/img/swiftLogo.png differ
diff --git a/static/img/universalConsentGraphic.png b/static/img/universalConsentGraphic.png
new file mode 100644
index 000000000..c10cffe6f
Binary files /dev/null and b/static/img/universalConsentGraphic.png differ
diff --git a/static/img/universalIdentity-tall.png b/static/img/universalIdentity-tall.png
new file mode 100644
index 000000000..d20f3ab4c
Binary files /dev/null and b/static/img/universalIdentity-tall.png differ
diff --git a/static/img/universalIdentity.png b/static/img/universalIdentity.png
new file mode 100644
index 000000000..936d6687e
Binary files /dev/null and b/static/img/universalIdentity.png differ
diff --git a/static/img/universalIdentityGraphic.png b/static/img/universalIdentityGraphic.png
new file mode 100644
index 000000000..283e492e7
Binary files /dev/null and b/static/img/universalIdentityGraphic.png differ
diff --git a/static/img/yup-logo-black.svg b/static/img/yup-logo-black.svg
new file mode 100644
index 000000000..c718017a2
--- /dev/null
+++ b/static/img/yup-logo-black.svg
@@ -0,0 +1,11 @@
+
diff --git a/tailwind.config.js b/tailwind.config.js
index cfecdc41a..152e13b8d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -43,4 +43,18 @@ module.exports = {
// }, */
},
},
-}
+ mode: 'jit',
+ theme: {
+ extend: {
+ animation: {
+ 'infinite-scroll': 'infinite-scroll 40s linear infinite',
+ },
+ keyframes: {
+ 'infinite-scroll': {
+ from: { transform: 'translate3d(0, 0, 0)' },
+ to: { transform: 'translate3d(-100%, 0, 0)' },
+ }
+ }
+ },
+ },
+}
\ No newline at end of file