From 8993af2207dca8e1b24a9e705de4325679696f8a Mon Sep 17 00:00:00 2001 From: bgravenorst Date: Fri, 30 May 2025 13:43:13 +1000 Subject: [PATCH 1/3] Add embedded wallets. Signed-off-by: bgravenorst --- docusaurus.config.js | 6 ++++++ sdk/introduction/welcome.md | 5 +++++ src/pages/index.tsx | 7 +++++++ src/scss/custom.scss | 33 ++++++++++++++++++++++++++++++++- 4 files changed, 50 insertions(+), 1 deletion(-) diff --git a/docusaurus.config.js b/docusaurus.config.js index d49bfc2eb4e..9f786df226f 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -412,6 +412,12 @@ const config = { }, }, }, + announcementBar: { + id: 'support_us', + content: + 'NEW! Build embedded wallets with MetaMask using the Embedded Wallets SDK. Instantly onboard users with social logins, passkeys, and more.', + isCloseable: false, + }, }), } diff --git a/sdk/introduction/welcome.md b/sdk/introduction/welcome.md index 260d3fec5a6..11b48f1064c 100644 --- a/sdk/introduction/welcome.md +++ b/sdk/introduction/welcome.md @@ -16,6 +16,11 @@ With the SDK, you can: [Get started with JavaScript and Wagmi.](quickstart/javascript-wagmi.md) +:::tip Build embedded wallet experiences that work seamlessly with MetaMask +Introducing our latest [Embedded Wallets SDK](https://web3auth.io/docs) (previously Web3Auth), you can now onboard users +instantly and design seamless onchain experiences with social logins, passkeys and more. +::: + ## Why use the SDK? The benefits of using MetaMask SDK include the following: diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 9c5ce534c37..d8a52f20bea 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -28,6 +28,13 @@ export default function Home(): JSX.Element { "Use the Wallet API to integrate your dapp with MetaMask. Connect to the MetaMask browser extension and interact with your users' accounts.", href: '/wallet', theme: '', + }, + { + title: 'Embedded Wallets', + description: + 'Use the Embedded Wallets SDK to onboard power users and first-time users in seconds via social logins, passkeys, or by integrating your own authentication providers.', + href: 'https://web3auth.io/docs', + theme: '', }, { title: 'Snaps', diff --git a/src/scss/custom.scss b/src/scss/custom.scss index 5002169ab5a..cecb35161c9 100644 --- a/src/scss/custom.scss +++ b/src/scss/custom.scss @@ -768,4 +768,35 @@ ol { .resources-dropdown-menu a { width: 100%; // Makes each box take full width of dropdown } -} \ No newline at end of file +} + +div[class^='announcementBar_'] { + font-family: var(--font-mm-centra); + font-size: 1.4rem; + padding: 1rem 2rem; + text-align: center; + border-bottom: 1px solid var(--general-gray-light); + background-color: var(--developer-purple-light); + color: var(--color-text); + + a { + color: var(--ifm-link-color); + text-decoration: underline; + font-weight: 500; + + &:hover { + color: var(--ifm-link-hover-color); + } + } + + [data-theme='dark'] & { + background-color: var(--developer-purple-light); + color: var(--general-black); + a { + color: var(--general-black); + &:hover { + color: var(--ifm-link-hover-color); + } + } + } +} From d0d6b0f495a626aa68e2249b838c330b7b1dd809 Mon Sep 17 00:00:00 2001 From: bgravenorst Date: Mon, 2 Jun 2025 07:39:35 +1000 Subject: [PATCH 2/3] Stylesheet updates. Signed-off-by: bgravenorst --- src/scss/custom.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/scss/custom.scss b/src/scss/custom.scss index cecb35161c9..f7531a7d577 100644 --- a/src/scss/custom.scss +++ b/src/scss/custom.scss @@ -792,10 +792,12 @@ div[class^='announcementBar_'] { [data-theme='dark'] & { background-color: var(--developer-purple-light); color: var(--general-black); + a { color: var(--general-black); + &:hover { - color: var(--ifm-link-hover-color); + color: var(--developer-purple); } } } From 6070b9b42acd42fafc99a084920d8a420932fc25 Mon Sep 17 00:00:00 2001 From: bgravenorst Date: Tue, 3 Jun 2025 07:44:34 +1000 Subject: [PATCH 3/3] Apply feedback. Signed-off-by: bgravenorst --- src/pages/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/index.tsx b/src/pages/index.tsx index d8a52f20bea..9d938a71f10 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -32,7 +32,7 @@ export default function Home(): JSX.Element { { title: 'Embedded Wallets', description: - 'Use the Embedded Wallets SDK to onboard power users and first-time users in seconds via social logins, passkeys, or by integrating your own authentication providers.', + 'Use the Embedded Wallets SDK (Web3Auth) to onboard power users and first-time users in seconds via social logins, passkeys, or by integrating your own authentication providers.', href: 'https://web3auth.io/docs', theme: '', },