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 {logo.alt} })} 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" },