diff --git a/public/images/Wallet/web3auth-logo.svg b/public/images/Wallet/web3auth-logo.svg
new file mode 100644
index 000000000..029ecc8d9
--- /dev/null
+++ b/public/images/Wallet/web3auth-logo.svg
@@ -0,0 +1,13 @@
+
diff --git a/src/components/common/Masthead/index.tsx b/src/components/common/Masthead/index.tsx
index b9ec707da..aa6ca1234 100644
--- a/src/components/common/Masthead/index.tsx
+++ b/src/components/common/Masthead/index.tsx
@@ -62,8 +62,14 @@ export const Masthead = ({
) : null}
+ {/* TODO: create a component? */}
{footer ? (
+ {footer?.text ? (
+
+ {footer.text}
+
+ ) : null}
{footer?.logos.map((logo, index) => {
return
})}
diff --git a/src/components/common/Masthead/styles.module.css b/src/components/common/Masthead/styles.module.css
index 496fe8ae8..d9dc83036 100644
--- a/src/components/common/Masthead/styles.module.css
+++ b/src/components/common/Masthead/styles.module.css
@@ -2,7 +2,7 @@
text-align: center;
background-color: var(--mui-palette-secondary-background);
border-radius: 32px;
- padding: 24px;
+ padding: 24px 24px 80px;
justify-content: space-between;
margin-bottom: 40px;
background-position: right;
@@ -44,14 +44,20 @@
left: 50%;
transform: translateX(-50%);
display: flex;
+ align-items: center;
flex-direction: row;
gap: 24px;
width: max-content;
}
+.tagline {
+ color: var(--mui-palette-primary-light);
+ text-transform: uppercase;
+}
+
@media (min-width: 900px) {
.container {
- padding: 68px 104px;
+ padding: 90px 104px;
border-bottom: 80px;
text-align: left;
}
@@ -69,6 +75,8 @@
}
.image {
+ display: flex;
+ align-items: center;
width: 300px;
}
diff --git a/src/content/core.json b/src/content/core.json
index edac59a45..5681d58af 100644
--- a/src/content/core.json
+++ b/src/content/core.json
@@ -37,6 +37,15 @@
"sm": "/images/Core/safeauth-bg-sm.png",
"md": "/images/Core/safeauth-bg-md.png"
},
+ "footer": {
+ "logos": [
+ {
+ "src": "/images/Wallet/web3auth-logo.svg",
+ "alt": "web3auth logo"
+ }
+ ],
+ "text": "Powered by"
+ },
"component": "common/Masthead"
},
{
diff --git a/src/content/wallet.json b/src/content/wallet.json
index 67f0b48eb..4956a410f 100644
--- a/src/content/wallet.json
+++ b/src/content/wallet.json
@@ -49,8 +49,7 @@
"src": "/images/Wallet/Coincover-logo.png",
"alt": "Coincover logo"
}
- ],
- "text": "Powered by"
+ ]
},
"component": "common/Masthead"
},