diff --git a/public/images/Wallet/group.png b/public/images/Wallet/group.png new file mode 100644 index 00000000..1dd9ff15 Binary files /dev/null and b/public/images/Wallet/group.png differ diff --git a/public/images/Wallet/user.png b/public/images/Wallet/user.png new file mode 100644 index 00000000..ae2ad136 Binary files /dev/null and b/public/images/Wallet/user.png differ diff --git a/public/images/aave-logo-light.svg b/public/images/aave-logo-light.svg index 284f43a3..f6e1c9b8 100644 --- a/public/images/aave-logo-light.svg +++ b/public/images/aave-logo-light.svg @@ -1,9 +1,9 @@ - - - - - - - - + + + + + + + + diff --git a/public/images/starknet-logo.png b/public/images/starknet-logo.png deleted file mode 100644 index 9bd55ac7..00000000 Binary files a/public/images/starknet-logo.png and /dev/null differ diff --git a/public/images/starknet-logo.svg b/public/images/starknet-logo.svg new file mode 100644 index 00000000..4ba939c5 --- /dev/null +++ b/public/images/starknet-logo.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/Wallet/BigCardsGrid/index.tsx b/src/components/Wallet/BigCardsGrid/index.tsx index b43e2022..914d3840 100644 --- a/src/components/Wallet/BigCardsGrid/index.tsx +++ b/src/components/Wallet/BigCardsGrid/index.tsx @@ -7,7 +7,7 @@ const BigCardsGrid = ({ items }: { items: Array + {items.map((item, index) => { const { component } = item diff --git a/src/components/Wallet/BigImageCard/styles.module.css b/src/components/Wallet/BigImageCard/styles.module.css index 134b3fab..4ca57675 100644 --- a/src/components/Wallet/BigImageCard/styles.module.css +++ b/src/components/Wallet/BigImageCard/styles.module.css @@ -1,7 +1,7 @@ .card { outline: 1px solid var(--mui-palette-border-light); border-radius: 16px; - padding: 16px; + padding: 32px 16px; display: flex; flex-direction: column; align-items: center; diff --git a/src/components/Wallet/FeatureCards/index.tsx b/src/components/Wallet/FeatureCards/index.tsx index d3893554..db14a247 100644 --- a/src/components/Wallet/FeatureCards/index.tsx +++ b/src/components/Wallet/FeatureCards/index.tsx @@ -35,7 +35,7 @@ const FeatureCards = ({ title, text, items = [] }: FeatureCardsProps) => { const restItems = items.slice(0, -1) return ( - + {title} diff --git a/src/components/Wallet/FeatureCards/styles.module.css b/src/components/Wallet/FeatureCards/styles.module.css index beae6b80..0db0aba5 100644 --- a/src/components/Wallet/FeatureCards/styles.module.css +++ b/src/components/Wallet/FeatureCards/styles.module.css @@ -29,6 +29,7 @@ .lastCard { padding: 0; + gap: 0; } .lastCard .cardContent { @@ -36,10 +37,6 @@ max-width: 516px; } -.image { - height: 100%; -} - .cardContent { display: flex; flex-direction: column; @@ -98,4 +95,8 @@ display: flex; align-items: center; } + + .image { + height: 100%; + } } diff --git a/src/components/Wallet/GradientNumbers/index.tsx b/src/components/Wallet/GradientNumbers/index.tsx index 9d4bcc25..29bbf511 100644 --- a/src/components/Wallet/GradientNumbers/index.tsx +++ b/src/components/Wallet/GradientNumbers/index.tsx @@ -5,7 +5,7 @@ import layoutCss from '@/components/common/styles.module.css' import css from './styles.module.css' const Stats = ({ title, items }: BaseBlock): ReactElement => ( - + {title} diff --git a/src/components/Wallet/Hero/styles.module.css b/src/components/Wallet/Hero/styles.module.css index c7a71da8..dba57d98 100644 --- a/src/components/Wallet/Hero/styles.module.css +++ b/src/components/Wallet/Hero/styles.module.css @@ -53,17 +53,13 @@ flex-direction: column; } -.logosWrapper img { - height: 42px; -} - .video { border-radius: 16px; width: 90%; } .watchDemo { - margin-top: 50px; + margin-top: 85px; position: relative; } @@ -75,7 +71,7 @@ .playButton { position: absolute; z-index: 10; - top: 200px; + top: 40%; display: flex; flex-direction: column; justify-content: center; @@ -121,6 +117,11 @@ .logosWrapper { flex-direction: row; + height: 42px; + } + + .watchDemo { + margin-top: 100px; } .video { diff --git a/src/components/Wallet/VerticalSlide/index.tsx b/src/components/Wallet/VerticalSlide/index.tsx index a5d52703..b4e3aa14 100644 --- a/src/components/Wallet/VerticalSlide/index.tsx +++ b/src/components/Wallet/VerticalSlide/index.tsx @@ -11,7 +11,7 @@ const VerticalSlide = ({ title, items = [] }: BaseBlock) => { const sectionRef = useRef(null) return ( - +
{title} diff --git a/src/components/common/CenteredTextBlock/index.tsx b/src/components/common/CenteredTextBlock/index.tsx index 42d1e098..babd447c 100644 --- a/src/components/common/CenteredTextBlock/index.tsx +++ b/src/components/common/CenteredTextBlock/index.tsx @@ -5,7 +5,7 @@ import layoutCss from '@/components/common/styles.module.css' import css from './styles.module.css' const CenteredTextBlock = ({ caption, title, text, buttons }: BaseBlock) => ( - + {caption}
diff --git a/src/components/common/styles.module.css b/src/components/common/styles.module.css index 8550966d..8867d782 100644 --- a/src/components/common/styles.module.css +++ b/src/components/common/styles.module.css @@ -24,7 +24,7 @@ } .container { - margin-top: 350px; + margin-top: 300px; } .containerMedium { diff --git a/src/components/commonCMS/Faq/index.tsx b/src/components/commonCMS/Faq/index.tsx index 81fb9021..5440b504 100644 --- a/src/components/commonCMS/Faq/index.tsx +++ b/src/components/commonCMS/Faq/index.tsx @@ -28,7 +28,7 @@ const Faq = (props: BaseBlockEntry) => { const itemsList = items?.filter(isEntryTypeBaseBlock) ?? [] return ( - +
diff --git a/src/content/wallet.json b/src/content/wallet.json index c93eba5e..d04ec842 100644 --- a/src/content/wallet.json +++ b/src/content/wallet.json @@ -11,7 +11,7 @@ "text": "Use the multisig trusted by Vitalik Buterin and leading web3 projects to secure over $100 billion.", "buttons": [ { - "text": "Launch wallet", + "text": "Launch Wallet", "href": "https://app.safe.global", "variant": "button" } @@ -41,7 +41,7 @@ }, { "image": { - "src": "/images/starknet-logo.png", + "src": "/images/starknet-logo.svg", "alt": "Starknet logo" } }, @@ -86,8 +86,8 @@ "title": "Secure Your Savings Beyond a Seed Phrase", "text": "Protect your assets with multi-signature security, giving you peace of mind without relying solely on a seed phrase.", "image": { - "src": "/images/Home/safe-shield.png", - "alt": "Safe Smart Account shield" + "src": "/images/Wallet/user.png", + "alt": "Individual user" }, "component": "Wallet/BigImageCard" }, @@ -96,8 +96,8 @@ "title": "Manage Assets Together, Securely", "text": "Collaboratively manage your organization's assets with multi-signature approvals, ensuring security and transparency every step of the way.", "image": { - "src": "/images/Home/safe-shield.png", - "alt": "Safe Smart Account shield" + "src": "/images/Wallet/group.png", + "alt": "user group" }, "component": "Wallet/BigImageCard" } @@ -267,7 +267,7 @@ "text": "Still have questions and want to know more about Safe{Wallet}? Watch our demo.", "buttons": [ { - "text": "Launch Safe{Wallet}", + "text": "Launch Wallet", "href": "https://app.safe.global", "variant": "button" },