diff --git a/package.json b/package.json index f529bc3b9..a9346b731 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "safe-homepage", "homepage": "https://github.com/safe-global/safe-homepage", - "version": "1.3.6", + "version": "1.3.7", "scripts": { "build": "next build && next export", "lint": "tsc && next lint", diff --git a/public/images/Wallet/buoy.png b/public/images/Wallet/buoy.png new file mode 100644 index 000000000..ccf1ee9e4 Binary files /dev/null and b/public/images/Wallet/buoy.png differ diff --git a/src/components/Core/BannerCta/index.tsx b/src/components/common/BannerCta/index.tsx similarity index 78% rename from src/components/Core/BannerCta/index.tsx rename to src/components/common/BannerCta/index.tsx index 4f8e5759c..a0f8899dc 100644 --- a/src/components/Core/BannerCta/index.tsx +++ b/src/components/common/BannerCta/index.tsx @@ -6,10 +6,15 @@ import layoutCss from '@/components/common/styles.module.css' import css from './styles.module.css' import type { BaseBlock } from '@/components/Home/types' -export const BannerCta = ({ title, buttons, caption }: BaseBlock): ReactElement => { +export const BannerCta = ({ + title, + buttons, + caption, + backgroundImage, +}: BaseBlock & { backgroundImage: string }): ReactElement => { return ( -
+
diff --git a/src/components/Core/BannerCta/styles.module.css b/src/components/common/BannerCta/styles.module.css similarity index 94% rename from src/components/Core/BannerCta/styles.module.css rename to src/components/common/BannerCta/styles.module.css index e8392ee1e..390284b30 100644 --- a/src/components/Core/BannerCta/styles.module.css +++ b/src/components/common/BannerCta/styles.module.css @@ -5,7 +5,6 @@ padding: 24px 24px 300px; justify-content: space-between; margin-bottom: 40px; - background-image: url('/images/robot.png'); background-repeat: no-repeat; background-size: contain; background-position: bottom; diff --git a/src/content/core.json b/src/content/core.json index 925672eab..c2f79caa5 100644 --- a/src/content/core.json +++ b/src/content/core.json @@ -210,6 +210,7 @@ "variant": "link" } ], - "component": "Core/BannerCta" + "backgroundImage": "/images/robot.png", + "component": "common/BannerCta" } ] diff --git a/src/content/wallet.json b/src/content/wallet.json index a3815dd41..508b90365 100644 --- a/src/content/wallet.json +++ b/src/content/wallet.json @@ -18,6 +18,25 @@ ], "component": "Wallet/Intro" }, + { + "title": "Safe RecoveryHub", + "caption": "New", + "buttons": [ + { + "text": "Try now", + "href": "https://app.safe.global", + "variant": "button", + "color": "secondary" + }, + { + "text": "Read more", + "href": "https://safe.mirror.xyz/WxKSxD9J1bRI-SDOuDvAAIezwVrvWWkpuwuzcLDPSmk", + "variant": "link" + } + ], + "backgroundImage": "/images/Wallet/buoy.png", + "component": "common/BannerCta" + }, { "variant": "3-columns", "title": "Your keys. Your coins",