diff --git a/public/images/Wallet/laptop-half.png b/public/images/Wallet/laptop-half.png new file mode 100644 index 000000000..35af4485f Binary files /dev/null and b/public/images/Wallet/laptop-half.png differ diff --git a/src/components/Wallet/ImageGradient/index.tsx b/src/components/Wallet/ImageGradient/index.tsx new file mode 100644 index 000000000..1d557eb1f --- /dev/null +++ b/src/components/Wallet/ImageGradient/index.tsx @@ -0,0 +1,17 @@ +import { Container, Divider } from '@mui/material' +import type { BaseBlock } from '@/components/Home/types' +import css from './styles.module.css' + +const ImageGradient = ({ image }: Partial) => { + if (!image) return null + + return ( + + {image.alt} + + + + ) +} + +export default ImageGradient diff --git a/src/components/Wallet/ImageGradient/styles.module.css b/src/components/Wallet/ImageGradient/styles.module.css new file mode 100644 index 000000000..744058444 --- /dev/null +++ b/src/components/Wallet/ImageGradient/styles.module.css @@ -0,0 +1,20 @@ +.container { + display: none; +} + +.container img { + width: 90%; +} + +.container :global .MuiDivider-root { + width: 100%; +} + +@media (min-width: 600px) { + .container { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + } +} diff --git a/src/components/Wallet/LegalDisclaimer/index.tsx b/src/components/Wallet/LegalDisclaimer/index.tsx index 62f44b869..577cf308d 100644 --- a/src/components/Wallet/LegalDisclaimer/index.tsx +++ b/src/components/Wallet/LegalDisclaimer/index.tsx @@ -1,14 +1,16 @@ -import { Container, Typography } from '@mui/material' -import layoutCss from '@/components/common/styles.module.css' +import { Container, Divider, Typography } from '@mui/material' import type { BaseBlock } from '@/components/Home/types' import css from './styles.module.css' const LegalDisclaimer = ({ caption, text }: BaseBlock) => ( - + {caption} +
{text}
+ +
) diff --git a/src/components/Wallet/LegalDisclaimer/styles.module.css b/src/components/Wallet/LegalDisclaimer/styles.module.css index e650bc830..fd5b4ce74 100644 --- a/src/components/Wallet/LegalDisclaimer/styles.module.css +++ b/src/components/Wallet/LegalDisclaimer/styles.module.css @@ -1,3 +1,7 @@ +.container { + margin-top: 80px; +} + .container .caption { margin-bottom: 16px; } @@ -12,3 +16,7 @@ line-height: 24px; color: var(--mui-palette-primary-light); } + +.container :global .MuiDivider-root { + margin-top: 80px; +} diff --git a/src/components/common/CenteredTextBlock/styles.module.css b/src/components/common/CenteredTextBlock/styles.module.css index 4b8b669fa..cb3dc19c5 100644 --- a/src/components/common/CenteredTextBlock/styles.module.css +++ b/src/components/common/CenteredTextBlock/styles.module.css @@ -13,7 +13,6 @@ .text { margin: 24px auto 0; text-align: center; - max-width: 725px; } .buttons { diff --git a/src/content/wallet.json b/src/content/wallet.json index 221b85576..a32518576 100644 --- a/src/content/wallet.json +++ b/src/content/wallet.json @@ -247,15 +247,48 @@ } ] }, + { + "title": "Get the Latest on Safe{Wallet}", + "text": "Sign up to our updates and be informed about new features, improvements, and special announcements.", + "buttons": [ + { + "text": "Subscribe", + "href": "https://safe.global", + "variant": "button" + } + ], + "component": "common/CenteredTextBlock" + }, { "component": "commonCMS/Faq" }, + { + "title": "Create your Smart Account now", + "text": "Still have questions and want to know more about Safe{Wallet}? Watch our demo.", + "buttons": [ + { + "text": "Launch Safe{Wallet}", + "href": "https://app.safe.global", + "variant": "button" + }, + { + "text": "View demo", + "href": "https://safe.global", + "variant": "link" + } + ], + "component": "common/CenteredTextBlock" + }, + { + "component": "Wallet/ImageGradient", + "image": { + "src": "/images/Wallet/laptop-half.png", + "alt": "Safe wallet on a laptop" + } + }, { "component": "Wallet/LegalDisclaimer", "caption": "Legal Disclaimer", "text": "

Safe{Wallet} stands as the leading wallet for Safe Smart Accounts and technology, provided as free open-source software under the GNU General Public License, Version 3.

For a comprehensive list of attribution notices for third-party software that may be contained in portions of the Safe{Wallet}, please visit Licenses. The website is operated by Core Contributors GmbH, Berlin, Germany. Safe{Wallet} is a registered trademark owned by the Safe Ecosystem Foundation. The Safe Ecosystem Foundation does not operate any implementations of Safe{Wallet}. Third parties may hold licenses for the Safe trademark and operate implementations of Safe{Wallet} under the foundation's trademark policy available at Trademark and/or other license agreements. Please note that the use of and access to the Safe{Wallet} is subject to terms and conditions provided by Core Contributors GmbH. The Safe Ecosystem Foundation makes no representations, warranties and/or covenants with respect to the Safe Technology (or any implementations of the Safe{Wallet} and/or Safe Smart Accounts) or any third party DeFi protocols, as to their technical properties and/or characteristics or performance, or their actual or potential usefulness or suitability for any particular purpose.

" - }, - { - "component": "common/TextBlockBanner" } ]