From 4435a0c2395ee6f01fb47f4c98bbbeb4d8ef45f6 Mon Sep 17 00:00:00 2001
From: Javier Bueno <javierbueno@emurgo.io>
Date: Fri, 26 Jul 2024 17:05:02 +0200
Subject: [PATCH] feature(network-selection): preprod banner

---
 .../ShowBuyBanner/PreprodFaucetBanner.tsx     | 111 +++
 .../ShowBuyBanner/PreprodFaucetBannerLogo.tsx | 742 ++++++++++++++++++
 .../common/ShowBuyBanner/ShowBuyBanner.tsx    |   7 +
 .../features/Exchange/common/useStrings.tsx   |  15 +
 .../src/kernel/i18n/locales/en-US.json        |   3 +
 .../features/Exchange/common/useStrings.json  | 269 ++++---
 6 files changed, 1035 insertions(+), 112 deletions(-)
 create mode 100644 apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/PreprodFaucetBanner.tsx
 create mode 100644 apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/PreprodFaucetBannerLogo.tsx

diff --git a/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/PreprodFaucetBanner.tsx b/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/PreprodFaucetBanner.tsx
new file mode 100644
index 0000000000..87f677140e
--- /dev/null
+++ b/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/PreprodFaucetBanner.tsx
@@ -0,0 +1,111 @@
+import {useTheme} from '@yoroi/theme'
+import * as React from 'react'
+import {Linking, StyleSheet, Text, View} from 'react-native'
+import LinearGradient from 'react-native-linear-gradient'
+
+import {Button, Spacer} from '../../../../components'
+import {Space} from '../../../../components/Space/Space'
+import {useStrings} from '../useStrings'
+import {PreprodFaucetBannerLogo} from './PreprodFaucetBannerLogo'
+
+export const PreprodFaucetBanner = () => {
+  const strings = useStrings()
+  const {styles, colors} = useStyles()
+
+  const handleOnPress = () => {
+    Linking.openURL('https://docs.cardano.org/cardano-testnets/tools/faucet/')
+  }
+
+  return (
+    <>
+      <View style={styles.root}>
+        <LinearGradient style={styles.gradient} start={{x: 1, y: 1}} end={{x: 0, y: 0}} colors={colors.gradientColor}>
+          <View style={styles.viewTitle}>
+            <Text style={styles.title}>{strings.preprodFaucetBannerTitle}</Text>
+
+            <Space height="xs" />
+          </View>
+
+          <View style={styles.content}>
+            <View style={styles.contentInner}>
+              <Spacer height={8} />
+
+              <Text style={styles.text}>{strings.preprodFaucetBannerText}</Text>
+
+              <Space height="lg" />
+
+              <Button
+                testID="rampOnOffButton"
+                shelleyTheme
+                title={strings.preprodFaucetBannerButtonText}
+                onPress={handleOnPress}
+                style={styles.spaceButton}
+              />
+            </View>
+
+            <View style={styles.logo}>
+              <PreprodFaucetBannerLogo />
+            </View>
+          </View>
+        </LinearGradient>
+      </View>
+
+      <Spacer height={18} />
+    </>
+  )
+}
+
+const useStyles = () => {
+  const {color, atoms} = useTheme()
+  const styles = StyleSheet.create({
+    root: {
+      backgroundColor: color.bg_color_high,
+    },
+    gradient: {
+      ...atoms.flex_1,
+      opacity: 1,
+      borderRadius: 8,
+      ...atoms.flex_col,
+    },
+    viewTitle: {
+      ...atoms.flex_row,
+      ...atoms.justify_between,
+      ...atoms.flex_1,
+      ...atoms.px_lg,
+      ...atoms.pt_md,
+    },
+    title: {
+      ...atoms.body_1_lg_medium,
+      color: color.gray_cmax,
+      ...atoms.flex_wrap,
+      ...atoms.flex_shrink,
+    },
+    content: {
+      position: 'relative',
+      ...atoms.flex_1,
+      ...atoms.px_lg,
+      ...atoms.pb_lg,
+    },
+    contentInner: {
+      ...atoms.flex_1,
+    },
+    logo: {
+      position: 'absolute',
+      bottom: 0,
+      right: 0,
+    },
+    text: {
+      ...atoms.body_2_md_regular,
+      color: color.gray_cmax,
+      maxWidth: 270,
+    },
+    spaceButton: {
+      maxWidth: 180,
+    },
+  })
+  const colors = {
+    gradientColor: color.bg_gradient_1,
+    gray: color.gray_cmax,
+  }
+  return {styles, colors} as const
+}
diff --git a/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/PreprodFaucetBannerLogo.tsx b/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/PreprodFaucetBannerLogo.tsx
new file mode 100644
index 0000000000..f33aefb589
--- /dev/null
+++ b/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/PreprodFaucetBannerLogo.tsx
@@ -0,0 +1,742 @@
+import * as React from 'react'
+import Svg, {Defs, Ellipse, LinearGradient, Path, Stop} from 'react-native-svg'
+
+export const PreprodFaucetBannerLogo = () => {
+  return (
+    <Svg width={128} height={116} viewBox="0 0 128 116" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M116.209 141.673l4.087-1.801a2.863 2.863 0 001.43-2.598V84.538s.023-4.062-4.29-6.47c-4.078-2.291-63.17-36.843-63.17-36.843s-3.68-1.039-3.985 4.535c-.305 5.573.188 56.184.188 56.184l65.74 39.729z"
+        fill="#16E3BA"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M116.521 141.555l3.745-1.687c.901-.52 1.489-1.447 1.443-2.511V84.483s0-4.201-4.782-6.493a555.581 555.581 0 01-8.948-5.25s-2.382 14.968-2.682 20.548c-.301 5.58 1.41 43.484 1.41 43.484l9.814 4.783z"
+        fill="url(#paint0_linear_25789_170917)"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M114.945 79.757L53.274 43.94a2.676 2.676 0 00-.75-.284c-16.406-6.795-14.791 6.51-14.791 6.51l12.756 6.96v43.037c0 2.06 1.263 4.498 2.808 5.374l61.648 35.794c1.545.899 2.809-.071 2.809-2.131V85.13c0-2.059-1.264-4.497-2.809-5.373z"
+        fill="url(#paint1_linear_25789_170917)"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M105.034 143.39l8.279-5.289c.303-.189.466-.521.466-.853V87.112c0-1.542-.793-2.989-2.099-3.771L52.283 47.506a4.349 4.349 0 00-3.824-.309l-7.86 3.131c-.606.237-.839.996-.442 1.541l64.877 91.521z"
+        fill="#52FCFF"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M103.9 143.964l8.277-5.285c.303-.189.466-.521.466-.853V87.723c0-1.541-.792-2.987-2.098-3.769L51.158 48.142c-1.166-.687-2.89-.9-4.15-.403l-7.555 2.94c-.606.236-.816 1.28-.443 1.824l64.89 91.461z"
+        fill="url(#paint2_linear_25789_170917)"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M102.288 144.539l8.255-5.222c.304-.189.397-.803.397-1.134V88.258c0-1.536-.793-2.977-2.099-3.757L49.444 48.799c-1.166-.685-3.102-1.016-4.338-.52l-7.345 3.308c-.607.237-.84.993-.444 1.536l64.971 91.416z"
+        fill="#52FCFF"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M100.864 145.688l7.976-5.138c.303-.189.396-.615.396-.971V88.985c0-1.539-.793-2.983-2.099-3.764L47.74 49.447c-1.166-.686-2.938-1.112-4.174-.615l-7.509 3.433c-.606.237-.84.994-.443 1.539l65.25 91.884z"
+        fill="url(#paint3_linear_25789_170917)"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M99.974 146.836l7.186-4.681c.303-.189.373-.662.373-1.016V90.191c0-1.537-.793-2.979-2.1-3.76L46.013 50.71c-1.166-.685-2.683-1.253-3.943-.756l-6.485 2.624c-.607.236.606 1.442.98 1.986l63.409 92.273z"
+        fill="#52FCFF"
+      />
+
+      <Path
+        opacity={0.5}
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M102.422 91.17l11.23-6.942s.695.83.695 2.085v50.438c0 .308-.632 1.08-.887 1.246l-8.508 5.485-2.53-52.313z"
+        fill="url(#paint4_linear_25789_170917)"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M54.904 41.655a4.493 4.493 0 00-1.388-.647c-1.072-.284-3.134-.775-5.085-.937-5.699-.463-15.275 1.043-14.691 13.14l6.75-1.043 1.868.394c-10.51-5.979 4.704-12.016 11.454-8.308l3.751-.776-2.66-1.823z"
+        fill="#16E3BA"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M99.799 150.857l4.03-2.294a2.867 2.867 0 001.43-2.601V93.154s.023-4.068-4.288-6.48c-4.078-2.294-61.674-36.018-61.674-36.018s-5.179-1.915-5.483 3.666c-.305 5.581.187 56.261.187 56.261L99.8 150.857z"
+        fill="#16E3BA"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M99.868 150.857l3.979-2.286a2.864 2.864 0 001.412-2.593v-52.63s.023-4.054-4.235-6.458a307.647 307.647 0 01-7.867-4.643s-5.113-1.91-5.414 3.653c-.301 5.562.3 58.381.3 58.381l11.825 6.576z"
+        fill="url(#paint5_linear_25789_170917)"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M97.947 150.518L36.57 114.843c-1.537-.896-2.795-3.301-2.795-5.352V55.636c-.186-4.575.116-5.871.116-5.871s.373 1.697 1.584 2.853c.396.377 2.003 1.462 2.586 1.792l59.862 34.803c1.538.896 2.795 3.3 2.795 5.352v53.855c.024 2.051-1.234 2.994-2.771 2.098z"
+        fill="url(#paint6_linear_25789_170917)"
+      />
+
+      <Path
+        d="M69.942 80.34c-.159.022-.318.04-.477.058-.159.017-.318.035-.477.058-.045 0-.068 0-.113-.07a68.716 68.716 0 00-1.181-1.521l-1.227-1.615a17.403 17.403 0 01-.213-.276 9.04 9.04 0 00-.378-.473l-1.408-.819c.068.094.137.188.205.258l.334.434c.254.332.51.668.779.993.181.234.363.474.545.714.181.24.363.48.545.714l1.022 1.334c.159.21.324.42.488.631.165.21.33.421.489.632.045.047.068.07.09.047a9.19 9.19 0 00.795-.094c.33-.035.653-.076.977-.117.324-.04.648-.082.977-.117.254-.025.508-.056.758-.087a31.3 31.3 0 01.65-.076c.091 0 .204-.024.295-.047l-1.408-.843c-.473.081-.946.14-1.427.2a71.91 71.91 0 00-.64.081zM71.396 85.979l-.704.093-2.612-3.393-2.612-3.393V78.28a2204.17 2204.17 0 005.928 7.699zM68.162 84.251c-.897-1.169-1.79-2.335-2.694-3.49v1.005a754.06 754.06 0 011.537 1.997c.65.845 1.301 1.694 1.96 2.543l.705-.093a870.808 870.808 0 01-1.508-1.962zM72.44 82.375c-.43.058-.862.111-1.294.164-.431.052-.863.105-1.295.164a.074.074 0 01.023.046c.114.14.222.287.33.433.107.147.215.293.329.433l.022.024c.319-.035.63-.076.943-.117.312-.041.625-.082.943-.117v-1.03zM72.44 84.879c-.147.023-.289.04-.43.058-.143.018-.285.035-.432.059.113.152.227.298.34.444.113.146.227.293.341.445l.182-.023v-.983zM66.15 86.891l-.137-.07-.704.702-.682-1.52-.136-.071.772 1.685v1.03l.114.07v-1.03l.772-.796z"
+        fill="#fff"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M66.58 89.091c.205.351.455.609.773.796.295.187.568.21.772.117.205-.094.318-.328.318-.656 0-.327-.113-.678-.318-1.006a2.46 2.46 0 00-.772-.772c-.318-.187-.568-.21-.772-.117-.205.094-.296.304-.296.632 0 .327.091.678.296 1.006zm1.454.796c-.181.07-.408.046-.681-.117a1.869 1.869 0 01-.704-.702c-.182-.305-.273-.609-.273-.89 0-.304.091-.491.273-.585.182-.093.409-.046.704.117.273.14.5.375.681.679.182.304.273.608.273.913 0 .304-.09.491-.273.585zM70.328 91.618l-.136-.07-.659-1.334-.545-.327v.96l-.113-.071v-2.27l.727.421c.227.14.408.304.522.492.113.187.182.374.182.585 0 .21-.069.327-.182.374-.114.047-.273.023-.454-.094l.658 1.334zm-1.34-2.925v1.1l.568.328c.409.234.636.187.636-.188a.75.75 0 00-.159-.491c-.09-.14-.25-.28-.409-.374l-.636-.375zM70.942 91.665c.204.351.454.609.772.796.318.164.568.21.772.117.204-.094.318-.328.318-.655 0-.328-.114-.68-.318-1.007a2.46 2.46 0 00-.772-.772c-.318-.187-.568-.21-.772-.117-.205.094-.296.304-.296.632s.091.679.296 1.006zm1.453.796c-.181.07-.408.047-.681-.117-.273-.164-.5-.398-.704-.702-.182-.304-.273-.609-.273-.89 0-.304.091-.49.273-.584.181-.094.409-.047.704.116.273.14.5.375.681.68.182.303.273.608.273.912 0 .304-.091.491-.273.585z"
+        fill="#fff"
+      />
+
+      <Path
+        d="M73.281 91.08v2.27l.114.07v-2.27l-.114-.07zM68.125 91.057l.046.023-.182.445-.046-.024-.159-.585-.159.398-.045-.023-.182-.656.046.024.159.585.159-.398.045.024.16.585.158-.398z"
+        fill="#fff"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M68.9 91.431l.06.023v.562l-.06-.023v-.117c-.061.047-.152.047-.304 0a.853.853 0 01-.243-.187.394.394 0 01-.092-.258c0-.093.03-.14.092-.164a.306.306 0 01.243.024c.06.023.121.07.182.117.06.046.091.093.121.14v-.117zm-.274.398c.091.047.152.047.213.023.06-.023.09-.07.09-.14s-.03-.14-.09-.21a.655.655 0 00-.213-.164c-.091-.047-.152-.047-.213-.024-.06.024-.09.07-.09.14s.03.14.09.211c.03.07.122.117.213.164z"
+        fill="#fff"
+      />
+
+      <Path
+        d="M69.011 92.157v-.843l.045.024v.842l-.045-.023zM69.306 91.478v.842l.046.024V91.5l-.046-.023z"
+        fill="#fff"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M69.69 92.466a.342.342 0 01-.1-.225l.647.244v.21c0 .07 0 .093.023.14 0 .024.046.07.091.094.046.047.09.047.136.047v-.047c-.045 0-.068 0-.113-.024l-.068-.07c-.023-.023-.023-.07-.023-.117v-.35l.204.116v-.047l-.204-.117v-.21l-.046-.024v.188l-.068-.047v.013a.684.684 0 00-.247-.174c-.1-.05-.2-.05-.266-.025-.067.025-.1.075-.1.175 0 .1.033.2.1.276.066.075.166.15.266.2.133.05.233.075.3.025l-.034-.05a.342.342 0 01-.266-.025.714.714 0 01-.233-.176zm.519-.165c.01.02.02.043.028.07v-.05l-.028-.02zm-.52-.235c.034-.025.133 0 .2.025.1.025.166.075.2.15.066.05.1.125.1.2l-.6-.25c0-.075.034-.1.1-.125z"
+        fill="#fff"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M124 98.193l-2.279-.754.071.754-20.461 11.573-5.544-3.041s-4.628-1.838-8.128 3.441l13.625 2.781L124 98.193z"
+        fill="#52FCFF"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M101.287 128.456l-8.802-4.924c-3.667-2.055-5.962-5.975-5.962-10.205 0-4.661 4.945-7.6 8.99-5.354l5.774 3.227v17.256z"
+        fill="url(#paint7_linear_25789_170917)"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M97.88 117.405c0 1.923-1.517 2.92-3.407 2.202-1.89-.719-3.407-2.875-3.407-4.798 0-1.924 1.516-2.921 3.407-2.202 1.89.718 3.407 2.874 3.407 4.798z"
+        fill="url(#paint8_linear_25789_170917)"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M124 115.145l-22.713 13.311v-17.131L124 98.013v17.132z"
+        fill="url(#paint9_linear_25789_170917)"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M48.652 93.883l35.894 21.101c.28.166.628.332.698 0 0-.048.024-.095.024-.143v-5.53c0-.427-.257-.926-.582-1.116L48.582 86.929c-.023-.024-.047-.024-.093-.048-.28-.118-.35.261-.35.641l-.023 5.246c0 .45.233.95.536 1.115z"
+        fill="url(#paint10_linear_25789_170917)"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M48.489 86.881c0 .048-.023.095-.023.143v5.53c0 .427.256.926.581 1.115l36.104 21.267c.023.024.047.024.093.048-.046.332-.279.451-.558.284L48.582 94.002c-.326-.19-.582-.688-.582-1.116v-5.53c0-.38.21-.57.489-.475z"
+        fill="url(#paint11_linear_25789_170917)"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M48.652 105.969l35.894 21.101c.28.166.628.332.698 0 0-.048.024-.095.024-.143v-5.53c0-.427-.257-.926-.582-1.116L48.582 99.015c-.023-.024-.047-.024-.093-.048-.28-.118-.35.261-.35.641l-.023 5.246c0 .451.233.925.536 1.115z"
+        fill="url(#paint12_linear_25789_170917)"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M48.489 98.967c0 .048-.023.095-.023.143v5.53c0 .427.256.926.581 1.115l36.104 21.267c.023.024.047.024.093.048-.046.332-.279.451-.558.284l-36.104-21.266c-.326-.19-.582-.689-.582-1.116v-5.53c0-.38.21-.57.489-.475z"
+        fill="url(#paint13_linear_25789_170917)"
+      />
+
+      <Path
+        d="M57.893 109.909l.442-.854.443 1.376.814-.095-.628-1.424.93.119-.325-1.187-.861.048.116-1.14-1.047-.617.116 1.282-.861-1.068-.303.831.955.996-.629.665.838 1.068zM62.479 111.499l-.443.855-.837-1.068.628-.665-.954-.997.302-.83.861 1.068-.116-1.282 1.048.617-.117 1.139.861-.047.326 1.187-.93-.119.628 1.424-.815.095-.442-1.377zM66.18 114.799l.442-.855.442 1.377.815-.095-.628-1.424.93.118-.325-1.186-.861.047.116-1.139-1.047-.617.116 1.281-.861-1.068-.303.831.954.997-.628.664.838 1.069zM70.766 116.389l-.443.854-.838-1.068.629-.664-.955-.997.303-.831.861 1.068-.116-1.282 1.047.617-.116 1.14.861-.048.326 1.187-.93-.119.628 1.424-.815.095-.442-1.376zM74.932 118.833l-.442.855-.838-1.068.629-.665-.955-.997.303-.83.861 1.068-.116-1.282 1.047.617-.116 1.139.861-.047.326 1.187-.931-.119.628 1.424-.814.095-.443-1.377zM57.248 96.626c-.024-.023-.024-.047-.024-.071v-.713l-.753-1.878v-.047c0-.012 0-.018.003-.021.003-.003.009-.003.02-.003h.048l.423.261.071.072c.012.012.018.023.024.035a.126.126 0 00.023.036l.448 1.117.447-.57c0-.024.023-.024.047-.024.023 0 .047 0 .07.024l.424.261c.015 0 .02.01.028.022.005.008.01.017.02.026.023.023.023.047.023.07v.025l-.753.974v.713c0 .024 0 .048-.024.048s-.047 0-.07-.024l-.448-.261c-.023-.024-.047-.048-.047-.072z"
+        fill="#fff"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M58.496 96.698c0 .237.094.475.235.689.165.214.377.404.683.546.282.167.494.238.636.19.14-.023.212-.166.235-.404v-.285a1.545 1.545 0 00-.259-.689 2.49 2.49 0 00-.636-.57c-.282-.143-.494-.214-.635-.167-.165.048-.236.167-.26.404v.285zm1.153.665c0 .119-.023.19-.07.214-.047.024-.118.047-.212-.024a.903.903 0 01-.212-.214.663.663 0 01-.07-.309v-.285c0-.119.023-.19.07-.214.047-.047.118-.047.212.024l.023.018c.083.062.146.109.189.196.047.095.07.19.07.309v.285z"
+        fill="#fff"
+      />
+
+      <Path
+        d="M60.591 98.551c0 .024 0 .048.024.072 0 .023.023.047.07.047l.424.262c.024.023.047.023.07.023.024 0 .024-.023.024-.047v-.832c0-.095.024-.142.071-.166.047-.024.118 0 .212.047l.33.19h.07c.024 0 .024-.023.024-.047v-.357c0-.023 0-.047-.024-.071-.012-.012-.023-.018-.035-.024a.122.122 0 01-.035-.023l-.142-.096a.899.899 0 00-.282-.118c-.07-.024-.142 0-.212.023v-.118c0-.024 0-.048-.024-.072a.118.118 0 00-.047-.053c-.008-.005-.016-.01-.023-.018l-.4-.238h-.071c-.024 0-.024.024-.024.048v1.568z"
+        fill="#fff"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M62.028 98.79c0 .237.094.474.235.688.165.214.377.404.683.547.282.166.494.238.635.19.142-.024.212-.166.236-.404v-.285a1.545 1.545 0 00-.26-.69 2.488 2.488 0 00-.635-.57c-.282-.142-.494-.214-.636-.166-.164.047-.235.166-.258.404v.285zm1.153.665c0 .118-.023.19-.07.214-.048.023-.118.023-.212-.024a.905.905 0 01-.212-.214.663.663 0 01-.071-.31v-.284c0-.12.023-.19.07-.214.048-.048.118-.048.212.024l.024.017c.083.062.145.11.188.197.047.094.071.19.071.308v.286z"
+        fill="#fff"
+      />
+
+      <Path
+        d="M64.152 98.742c-.03-.024-.03-.048-.03-.072v-.309c0-.023 0-.047.03-.047h.058l.521.237c.01.008.02.014.03.019.019.01.038.021.057.053.03.023.03.047.03.071v.309c0 .024 0 .048-.03.048h-.087l-.521-.238c-.03-.024-.058-.048-.058-.071zM64.152 100.714c-.03-.023-.03-.047-.03-.071v-1.569c0-.023 0-.047.03-.047h.058l.521.237a.18.18 0 00.03.019c.019.01.038.021.057.053.03.024.03.047.03.071v1.569c0 .024 0 .047-.03.047-.029 0-.058 0-.087-.023l-.521-.238c-.03 0-.058-.024-.058-.048zM66.053 101.831a.177.177 0 01-.047-.095l-.353-2.329v-.024c0-.01 0-.016.002-.02.002-.008.008-.014.022-.027h.047l.424.261c.07.048.094.095.094.143l.212 1.378.235-.594c.024-.047.047-.047.118-.024l.259.143c.047.024.094.095.118.143l.235.855.212-1.141c0-.023.023-.047.023-.047.024 0 .048 0 .071.024l.424.261c.023 0 .047.024.047.048.024.023.024.047.024.071v.024l-.354 1.925a.05.05 0 01-.047.047c-.023 0-.047 0-.094-.023l-.33-.19a.326.326 0 00-.047-.036c-.017-.012-.035-.024-.047-.036-.014-.014-.02-.029-.028-.049a.405.405 0 00-.019-.046l-.33-1.117-.329.737c0 .024-.024.024-.047.024-.024 0-.047 0-.094-.024l-.33-.19c-.023 0-.047-.024-.07-.072z"
+        fill="#fff"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M68.62 103.353a1.714 1.714 0 01-.236-.333.828.828 0 01-.07-.309c0-.143.07-.238.188-.262.118-.023.306.024.518.119l.4.19v-.047a.701.701 0 00-.047-.214c-.023-.071-.094-.119-.165-.166l-.033-.019c-.028-.016-.05-.029-.084-.029h-.189l-.376-.238c-.01-.009-.018-.014-.026-.019-.012-.008-.021-.014-.021-.028-.024-.024-.024-.048-.024-.072 0-.047.024-.118.094-.142.047-.048.141-.048.26-.048.117 0 .258.072.423.167.283.166.47.332.612.546.141.214.189.404.189.618v.999c0 .023 0 .047-.024.047h-.07l-.4-.238c-.01-.009-.019-.014-.027-.019-.012-.008-.021-.013-.021-.028-.023-.024-.023-.048-.023-.071v-.119c-.048.047-.118.047-.212.047-.095 0-.189-.047-.306-.119a.57.57 0 01-.33-.213zm.73 0c.07-.024.094-.095.094-.238v-.048l-.283-.118c-.188-.072-.282-.072-.282.047 0 .048.023.095.07.166.048.048.095.096.165.143.094.071.165.095.236.048z"
+        fill="#fff"
+      />
+
+      <Path
+        d="M70.41 104.422c-.024-.024-.024-.047-.024-.071v-2.187c0-.024 0-.047.023-.047.024 0 .047 0 .07.023l.425.238c.011.012.023.018.035.024a.123.123 0 01.035.024c.024.023.024.047.024.071v2.187c0 .023 0 .047-.024.047h-.07l-.424-.238c-.047-.023-.07-.047-.07-.071zM71.328 104.921c0 .024 0 .048.023.071.024.024.047.048.07.048l.424.238h.071c.024 0 .024-.024.024-.048v-2.186c0-.024 0-.048-.024-.072-.012-.012-.023-.018-.035-.024a.102.102 0 01-.036-.023l-.423-.238c-.024-.024-.047-.024-.071-.024-.023 0-.023.024-.023.048v2.21z"
+        fill="#fff"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M72.222 104.707c0 .286.07.547.236.785.132.19.294.35.45.504.04.038.077.076.115.114.165.095.33.142.447.166.118.024.212.024.282-.024.071-.047.095-.095.095-.142 0 0-.024-.024-.024-.048a.05.05 0 00-.047-.047l-.424-.262a.089.089 0 00-.026-.022c-.005-.002-.01-.002-.02-.002 0 0-.024.024-.048.024-.023.024-.07.024-.094.024-.024 0-.07-.024-.118-.048a.556.556 0 01-.188-.214.637.637 0 01-.07-.285v-.024l1.035.618h.07c.024 0 .024-.023.024-.047v-.071c0-.167-.023-.357-.094-.523a1.058 1.058 0 00-.282-.499c-.118-.167-.283-.286-.471-.405-.26-.142-.448-.19-.612-.142-.142.047-.236.214-.236.475v.095zm1.06.167c.047.071.07.166.07.285l-.518-.309c0-.119.024-.19.071-.214.047-.024.094-.024.188.024l.054.051c.051.047.1.092.135.163z"
+        fill="#fff"
+      />
+
+      <Path
+        d="M74.459 105.563v.618c0 .451.235.808.706 1.022l.306.19h.07c.025 0 .025-.024.025-.047v-.309c0-.024 0-.048-.024-.072-.016-.031-.032-.042-.047-.053-.008-.005-.016-.01-.024-.018l-.259-.143a.402.402 0 01-.141-.142.454.454 0 01-.047-.19v-.571l.424.238c.023.024.047.024.07.024.024 0 .024-.024.024-.048v-.285c0-.024 0-.048-.024-.071-.011-.012-.023-.018-.035-.024-.012-.006-.023-.012-.035-.024l-.424-.238v-.546c0-.024 0-.048-.024-.072-.011-.012-.023-.017-.035-.023a.122.122 0 01-.035-.024l-.4-.238h-.048c-.023 0-.023.024-.023.048v.546l-.26-.142h-.046c-.024 0-.024.023-.024.047v.285c0 .024 0 .048.024.072 0 .014.009.02.021.028.008.005.017.01.026.019l.259.143z"
+        fill="#fff"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M81.042 63.085c-6.03-2.907-10.918-10.978-10.918-18.093 0-2.667.693-4.788 1.837-6.258l-.936.273 2.219-1.505a.612.612 0 01.121-.085c.043-.026.087-.052.121-.086l.07-.068c1.975-1.231 4.61-1.334 7.486.068 6.031 2.907 10.919 10.98 10.919 18.093 0 3.386-1.11 5.917-2.912 7.354l-.035.034c-.103.068-.199.137-.294.205-.095.068-.19.137-.295.205l-2.149 1.505.104-.718c-1.594.273-3.396 0-5.338-.924zm0-19.905c-3.292-1.574-5.961.273-5.961 4.172 0 3.865 2.669 8.312 5.961 9.92 3.293 1.572 5.962-.274 5.962-4.174 0-3.899-2.669-8.345-5.962-9.918z"
+        fill="url(#paint14_linear_25789_170917)"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M67.663 46.805c0-7.08 4.888-10.5 10.919-7.627 5.996 2.873 10.883 10.98 10.918 18.093 0 7.08-4.888 10.5-10.918 7.627-6.031-2.907-10.919-10.979-10.919-18.093zm4.957 2.326c0 3.899 2.669 8.345 5.962 9.919 3.292 1.607 5.961-.274 5.961-4.173 0-3.9-2.669-8.345-5.962-9.919-3.292-1.573-5.961.274-5.961 4.173z"
+        fill="url(#paint15_linear_25789_170917)"
+      />
+
+      <Ellipse
+        cx={8.19114}
+        cy={13.0352}
+        rx={8.19114}
+        ry={13.0352}
+        transform="matrix(.88698 -.46181 .47281 .88116 65.148 44.194)"
+        fill="url(#paint16_linear_25789_170917)"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M80.454 54.176l-5.313-3.195a269.79 269.79 0 01-1.932 4.58c-.07.103-.173.103-.312.034-.208-.102-.243-.17-.243-.376v-.069l1.9-4.523-1.692-1.017a.42.42 0 01-.173-.342v-.308c0-.137.07-.171.173-.137L74.817 50l.647-1.54-1.666-1.004a.42.42 0 01-.173-.342v-.342c0-.137.07-.171.173-.137l1.941 1.17 1.525-3.632c.139-.274.486-.48.798-.274.346.205.52.616.624 1.026l1.585 5.612 1.811 1.092a.42.42 0 01.174.342v.308c0 .17-.07.239-.174.17l-1.53-.922.654 2.316 1.778 1.07a.42.42 0 01.173.341v.308c.034.137-.07.205-.173.137l-1.51-.909 1.648 5.834c.104.274.243.718-.035.787-.38.102-.554-.171-.624-.41l-2.01-6.824zm-.855-3.224l.633 2.304-4.767-2.867.627-1.551 3.507 2.114zm-.27-.984l-2.97-1.79 1.217-3.014c.174-.48.347-.274.555.444l1.198 4.36z"
+        fill="#fff"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M118.822 27.49c-4.106-1.993-7.434-7.523-7.434-12.398 0-1.828.472-3.28 1.251-4.288l-.637.187 1.51-1.03a.419.419 0 01.083-.06c.029-.017.059-.035.082-.058l.047-.047c1.346-.843 3.139-.914 5.098.047 4.106 1.992 7.434 7.523 7.434 12.397 0 2.32-.756 4.054-1.983 5.039l-.023.023c-.071.047-.136.094-.201.14-.065.047-.13.094-.201.141l-1.463 1.031.071-.492c-1.085.188-2.313 0-3.634-.633zm0-13.64c-2.242-1.078-4.059.188-4.059 2.86 0 2.648 1.817 5.694 4.059 6.796 2.242 1.078 4.059-.188 4.059-2.86 0-2.671-1.817-5.718-4.059-6.796z"
+        fill="url(#paint17_linear_25789_170917)"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M109.713 16.334c0-4.85 3.327-7.194 7.433-5.226 4.083 1.969 7.41 7.523 7.434 12.398 0 4.85-3.327 7.194-7.434 5.225-4.106-1.992-7.433-7.522-7.433-12.397zm3.374 1.594c0 2.672 1.817 5.718 4.059 6.796 2.242 1.102 4.059-.187 4.059-2.859 0-2.671-1.817-5.718-4.059-6.796-2.242-1.078-4.059.187-4.059 2.859z"
+        fill="url(#paint18_linear_25789_170917)"
+      />
+
+      <Ellipse
+        cx={5.58454}
+        cy={8.91894}
+        rx={5.58454}
+        ry={8.91894}
+        transform="matrix(.88577 -.46412 .47049 .8824 108 14.546)"
+        fill="url(#paint19_linear_25789_170917)"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M118.421 21.385l-3.617-2.19a182.09 182.09 0 01-1.316 3.139c-.047.07-.118.07-.212.023-.142-.07-.165-.117-.165-.258v-.046l1.293-3.1-1.152-.697a.29.29 0 01-.118-.234v-.211c0-.094.048-.117.118-.094l1.332.806.44-1.055-1.134-.688a.287.287 0 01-.118-.235v-.234c0-.094.047-.117.118-.094l1.321.802 1.039-2.489c.094-.188.33-.328.542-.188.236.141.354.422.425.704l1.08 3.845 1.233.748c.071.047.118.14.118.234v.211c0 .117-.047.164-.118.117l-1.043-.632.446 1.587 1.21.733c.071.046.118.14.118.234v.21c.024.095-.047.141-.118.095l-1.028-.623 1.123 3.997c.071.188.165.492-.024.54-.259.07-.377-.118-.425-.282l-1.368-4.675zm-.582-2.21l.431 1.58-3.246-1.965.427-1.063 2.388 1.449zm-.184-.674l-2.022-1.226.829-2.065c.118-.329.236-.188.377.304l.816 2.988z"
+        fill="#fff"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M68.228 29.142c-3.336-1.615-6.04-6.1-6.04-10.052 0-1.482.384-2.66 1.016-3.477l-.517.152 1.227-.836c.019-.02.043-.033.067-.048a.34.34 0 00.067-.047l.038-.038c1.093-.684 2.55-.741 4.142.038 3.336 1.615 6.04 6.1 6.04 10.052 0 1.88-.614 3.287-1.61 4.085l-.02.019c-.058.038-.11.076-.163.114-.053.038-.105.076-.163.114l-1.189.836.058-.4c-.882.153-1.88 0-2.953-.512zm0-11.059c-1.822-.874-3.298.152-3.298 2.318 0 2.147 1.476 4.617 3.298 5.51 1.822.875 3.298-.151 3.298-2.318 0-2.166-1.477-4.636-3.298-5.51z"
+        fill="url(#paint20_linear_25789_170917)"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M60.827 20.097c0-3.933 2.703-5.833 6.04-4.237 3.317 1.596 6.02 6.1 6.04 10.052 0 3.933-2.704 5.833-6.04 4.237-3.337-1.615-6.04-6.1-6.04-10.052zm2.742 1.292c0 2.166 1.476 4.637 3.298 5.51 1.821.894 3.298-.151 3.298-2.318 0-2.166-1.477-4.636-3.298-5.51-1.822-.874-3.298.152-3.298 2.318z"
+        fill="url(#paint21_linear_25789_170917)"
+      />
+
+      <Ellipse
+        cx={4.53541}
+        cy={7.23491}
+        rx={4.53541}
+        ry={7.23491}
+        transform="matrix(.88617 -.46337 .47125 .882 59.435 18.647)"
+        fill="url(#paint22_linear_25789_170917)"
+      />
+
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M67.902 24.192l-2.938-1.775a151.06 151.06 0 01-1.07 2.545c-.038.057-.095.057-.172.019-.115-.057-.134-.095-.134-.21v-.038l1.05-2.512-.935-.566a.233.233 0 01-.096-.19v-.17c0-.077.038-.096.096-.077l1.081.654.358-.856-.921-.558a.233.233 0 01-.096-.19v-.19c0-.076.038-.095.096-.076l1.073.65.844-2.018c.077-.152.268-.266.441-.152.192.114.288.342.345.57l.877 3.118 1.002.606a.233.233 0 01.096.19v.171c0 .096-.038.133-.096.096l-.847-.513.362 1.286.984.595a.233.233 0 01.096.19v.17c.019.077-.039.115-.096.077l-.836-.505.912 3.24c.058.153.135.4-.019.438-.21.057-.306-.095-.345-.228l-1.112-3.79zm-.472-1.791l.35 1.28-2.637-1.593.346-.862 1.94 1.175zm-.15-.547l-1.643-.994.674-1.675c.095-.266.191-.152.306.247l.663 2.422z"
+        fill="#fff"
+      />
+
+      <Defs>
+        <LinearGradient
+          id="paint0_linear_25789_170917"
+          x1={103.414}
+          y1={97.7311}
+          x2={128.51}
+          y2={107.266}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop offset={0.00313273} stopColor="#fff" stopOpacity={0.01} />
+
+          <Stop offset={0.6176} stopOpacity={0.12} />
+
+          <Stop offset={1} stopOpacity={0.32} />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint1_linear_25789_170917"
+          x1={121.343}
+          y1={202.184}
+          x2={253.834}
+          y2={19.0393}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#244ABF" />
+
+          <Stop offset={1} stopColor="#4760FF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint2_linear_25789_170917"
+          x1={115.953}
+          y1={202.395}
+          x2={245.609}
+          y2={31.2485}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#244ABF" />
+
+          <Stop offset={1} stopColor="#4760FF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint3_linear_25789_170917"
+          x1={112.546}
+          y1={204.466}
+          x2={243.181}
+          y2={33.0472}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#244ABF" />
+
+          <Stop offset={1} stopColor="#4760FF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint4_linear_25789_170917"
+          x1={102.084}
+          y1={85.0252}
+          x2={109.074}
+          y2={145.911}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#52FCFF" stopOpacity={0.01} />
+
+          <Stop offset={0.0864389} stopColor="#46D3F0" stopOpacity={0.1417} />
+
+          <Stop offset={0.1984} stopColor="#39A5DE" stopOpacity={0.3253} />
+
+          <Stop offset={0.3056} stopColor="#2F81D1" stopOpacity={0.5011} />
+
+          <Stop offset={0.4055} stopColor="#2767C7" stopOpacity={0.6648} />
+
+          <Stop offset={0.4951} stopColor="#2357C1" stopOpacity={0.8117} />
+
+          <Stop offset={0.5658} stopColor="#2152BF" stopOpacity={0.9276} />
+
+          <Stop offset={0.7568} stopColor="#1E48BB" stopOpacity={0.9596} />
+
+          <Stop offset={0.9984} stopColor="#1D45BA" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint5_linear_25789_170917"
+          x1={85.6134}
+          y1={106.921}
+          x2={112.628}
+          y2={118.285}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop offset={0.00313273} stopColor="#fff" stopOpacity={0.01} />
+
+          <Stop offset={0.6176} stopOpacity={0.12} />
+
+          <Stop offset={1} stopOpacity={0.32} />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint6_linear_25789_170917"
+          x1={74.5627}
+          y1={49.7646}
+          x2={14.3174}
+          y2={105.863}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#17D1AA" />
+
+          <Stop offset={0.15} stopColor="#1ACBAF" />
+
+          <Stop offset={0.37} stopColor="#21B8BC" />
+
+          <Stop offset={0.62} stopColor="#2E9BD3" />
+
+          <Stop offset={0.89} stopColor="#3F71F1" />
+
+          <Stop offset={1} stopColor="#475FFF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint7_linear_25789_170917"
+          x1={86.5229}
+          y1={128.456}
+          x2={101.287}
+          y2={128.456}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#17D1AA" />
+
+          <Stop offset={0.15} stopColor="#1ACBAF" />
+
+          <Stop offset={0.37} stopColor="#21B8BC" />
+
+          <Stop offset={0.62} stopColor="#2E9BD3" />
+
+          <Stop offset={0.89} stopColor="#3F71F1" />
+
+          <Stop offset={1} stopColor="#475FFF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint8_linear_25789_170917"
+          x1={98.1851}
+          y1={124.362}
+          x2={107.618}
+          y2={109.508}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#244ABF" />
+
+          <Stop offset={1} stopColor="#4760FF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint9_linear_25789_170917"
+          x1={101.287}
+          y1={128.456}
+          x2={124}
+          y2={128.456}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#17D1AA" />
+
+          <Stop offset={0.15} stopColor="#1ACBAF" />
+
+          <Stop offset={0.37} stopColor="#21B8BC" />
+
+          <Stop offset={0.62} stopColor="#2E9BD3" />
+
+          <Stop offset={0.89} stopColor="#3F71F1" />
+
+          <Stop offset={1} stopColor="#475FFF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint10_linear_25789_170917"
+          x1={48.1164}
+          y1={115.176}
+          x2={85.2676}
+          y2={115.176}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#17D1AA" />
+
+          <Stop offset={0.15} stopColor="#1ACBAF" />
+
+          <Stop offset={0.37} stopColor="#21B8BC" />
+
+          <Stop offset={0.62} stopColor="#2E9BD3" />
+
+          <Stop offset={0.89} stopColor="#3F71F1" />
+
+          <Stop offset={1} stopColor="#475FFF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint11_linear_25789_170917"
+          x1={86.914}
+          y1={132.592}
+          x2={116.373}
+          y2={66.131}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#244ABF" />
+
+          <Stop offset={1} stopColor="#4760FF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint12_linear_25789_170917"
+          x1={48.1164}
+          y1={127.262}
+          x2={85.2676}
+          y2={127.262}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#17D1AA" />
+
+          <Stop offset={0.15} stopColor="#1ACBAF" />
+
+          <Stop offset={0.37} stopColor="#21B8BC" />
+
+          <Stop offset={0.62} stopColor="#2E9BD3" />
+
+          <Stop offset={0.89} stopColor="#3F71F1" />
+
+          <Stop offset={1} stopColor="#475FFF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint13_linear_25789_170917"
+          x1={86.914}
+          y1={144.678}
+          x2={116.373}
+          y2={78.2169}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#244ABF" />
+
+          <Stop offset={1} stopColor="#4760FF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint14_linear_25789_170917"
+          x1={70.1242}
+          y1={64.7273}
+          x2={91.9607}
+          y2={64.7273}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#17D1AA" />
+
+          <Stop offset={0.15} stopColor="#1ACBAF" />
+
+          <Stop offset={0.37} stopColor="#21B8BC" />
+
+          <Stop offset={0.62} stopColor="#2E9BD3" />
+
+          <Stop offset={0.89} stopColor="#3F71F1" />
+
+          <Stop offset={1} stopColor="#475FFF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint15_linear_25789_170917"
+          x1={90.4787}
+          y1={82.7216}
+          x2={127.475}
+          y2={32.4958}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#244ABF" />
+
+          <Stop offset={1} stopColor="#4760FF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint16_linear_25789_170917"
+          x1={9.98724}
+          y1={0.00000206525}
+          x2={-5.46854}
+          y2={13.6445}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#17D1AA" />
+
+          <Stop offset={0.15} stopColor="#1ACBAF" />
+
+          <Stop offset={0.37} stopColor="#21B8BC" />
+
+          <Stop offset={0.62} stopColor="#2E9BD3" />
+
+          <Stop offset={0.89} stopColor="#3F71F1" />
+
+          <Stop offset={1} stopColor="#475FFF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint17_linear_25789_170917"
+          x1={111.388}
+          y1={28.6144}
+          x2={126.256}
+          y2={28.6144}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#17D1AA" />
+
+          <Stop offset={0.15} stopColor="#1ACBAF" />
+
+          <Stop offset={0.37} stopColor="#21B8BC" />
+
+          <Stop offset={0.62} stopColor="#2E9BD3" />
+
+          <Stop offset={0.89} stopColor="#3F71F1" />
+
+          <Stop offset={1} stopColor="#475FFF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint18_linear_25789_170917"
+          x1={125.247}
+          y1={40.9438}
+          x2={150.643}
+          y2={6.6837}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#244ABF" />
+
+          <Stop offset={1} stopColor="#4760FF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint19_linear_25789_170917"
+          x1={6.80908}
+          y1={0.00000141308}
+          x2={-3.7613}
+          y2={9.29836}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#17D1AA" />
+
+          <Stop offset={0.15} stopColor="#1ACBAF" />
+
+          <Stop offset={0.37} stopColor="#21B8BC" />
+
+          <Stop offset={0.62} stopColor="#2E9BD3" />
+
+          <Stop offset={0.89} stopColor="#3F71F1" />
+
+          <Stop offset={1} stopColor="#475FFF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint20_linear_25789_170917"
+          x1={62.1881}
+          y1={30.0539}
+          x2={74.2679}
+          y2={30.0539}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#17D1AA" />
+
+          <Stop offset={0.15} stopColor="#1ACBAF" />
+
+          <Stop offset={0.37} stopColor="#21B8BC" />
+
+          <Stop offset={0.62} stopColor="#2E9BD3" />
+
+          <Stop offset={0.89} stopColor="#3F71F1" />
+
+          <Stop offset={1} stopColor="#475FFF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint21_linear_25789_170917"
+          x1={73.448}
+          y1={40.0508}
+          x2={94.0275}
+          y2={12.2314}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#244ABF" />
+
+          <Stop offset={1} stopColor="#4760FF" />
+        </LinearGradient>
+
+        <LinearGradient
+          id="paint22_linear_25789_170917"
+          x1={5.5299}
+          y1={0.00000114627}
+          x2={-3.04591}
+          y2={7.55266}
+          gradientUnits="userSpaceOnUse"
+        >
+          <Stop stopColor="#17D1AA" />
+
+          <Stop offset={0.15} stopColor="#1ACBAF" />
+
+          <Stop offset={0.37} stopColor="#21B8BC" />
+
+          <Stop offset={0.62} stopColor="#2E9BD3" />
+
+          <Stop offset={0.89} stopColor="#3F71F1" />
+
+          <Stop offset={1} stopColor="#475FFF" />
+        </LinearGradient>
+      </Defs>
+    </Svg>
+  )
+}
diff --git a/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/ShowBuyBanner.tsx b/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/ShowBuyBanner.tsx
index 5d945744a1..74b9fa65f0 100644
--- a/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/ShowBuyBanner.tsx
+++ b/apps/wallet-mobile/src/features/Exchange/common/ShowBuyBanner/ShowBuyBanner.tsx
@@ -1,15 +1,21 @@
+import {Chain} from '@yoroi/types'
 import * as React from 'react'
 
 import {useBalances} from '../../../../yoroi-wallets/hooks'
 import {Amounts, Quantities} from '../../../../yoroi-wallets/utils/utils'
 import {useSelectedWallet} from '../../../WalletManager/common/hooks/useSelectedWallet'
+import {useWalletManager} from '../../../WalletManager/context/WalletManagerProvider'
 import {useResetShowBuyBannerSmall} from '../useResetShowBuyBannerSmall'
 import {useShowBuyBannerSmall} from '../useShowBuyBannerSmall'
 import {BuyBannerBig} from './BuyBannerBig'
 import {BuyBannerSmall} from './BuyBannerSmall'
+import {PreprodFaucetBanner} from './PreprodFaucetBanner'
 
 export const ShowBuyBanner = () => {
   const {wallet} = useSelectedWallet()
+  const {
+    selected: {network},
+  } = useWalletManager()
   const balances = useBalances(wallet)
   const primaryAmount = Amounts.getAmount(balances, wallet.primaryTokenInfo.id)
   const hasZeroPt = Quantities.isZero(primaryAmount.quantity)
@@ -17,6 +23,7 @@ export const ShowBuyBanner = () => {
   const showSmallBanner = useShowBuyBannerSmall()
   const {resetShowBuyBannerSmall} = useResetShowBuyBannerSmall()
 
+  if (hasZeroPt && network === Chain.Network.Preprod) return <PreprodFaucetBanner />
   if (hasZeroPt) return <BuyBannerBig />
   if (showSmallBanner) return <BuyBannerSmall onClose={resetShowBuyBannerSmall} />
 
diff --git a/apps/wallet-mobile/src/features/Exchange/common/useStrings.tsx b/apps/wallet-mobile/src/features/Exchange/common/useStrings.tsx
index f0d0b61558..a47989f63b 100644
--- a/apps/wallet-mobile/src/features/Exchange/common/useStrings.tsx
+++ b/apps/wallet-mobile/src/features/Exchange/common/useStrings.tsx
@@ -35,6 +35,9 @@ export const useStrings = () => {
     ourTrustedPartners: intl.formatMessage(messages.ourTrustedPartners),
     needMoreCrypto: intl.formatMessage(messages.needMoreCrypto),
     fee: intl.formatMessage(messages.fee),
+    preprodFaucetBannerTitle: intl.formatMessage(messages.preprodFaucetBannerTitle),
+    preprodFaucetBannerText: intl.formatMessage(messages.preprodFaucetBannerText),
+    preprodFaucetBannerButtonText: intl.formatMessage(messages.preprodFaucetBannerButtonText),
     close: intl.formatMessage(globalMessages.close),
     error: intl.formatMessage(globalMessages.error),
   }).current
@@ -156,5 +159,17 @@ export const messages = Object.freeze(
       id: 'rampOnOff.createRampOnOff.fee',
       defaultMessage: '!!!fee',
     },
+    preprodFaucetBannerTitle: {
+      id: 'rampOnOff.createRampOnOff.preprodfaucetbanner.title',
+      defaultMessage: '!!!Get your first test ADA in Yoroi ⭐️',
+    },
+    preprodFaucetBannerText: {
+      id: 'rampOnOff.createRampOnOff.preprodfaucetbanner.text',
+      defaultMessage: '!!!Top up your wallet from the Cardano testnet faucet and unlock the power of test Cardano.',
+    },
+    preprodFaucetBannerButtonText: {
+      id: 'rampOnOff.createRampOnOff.preprodfaucetbanner.button.text',
+      defaultMessage: '!!!Go to tada faucet',
+    },
   }),
 )
diff --git a/apps/wallet-mobile/src/kernel/i18n/locales/en-US.json b/apps/wallet-mobile/src/kernel/i18n/locales/en-US.json
index 20ce094fdb..bd71d6dd06 100644
--- a/apps/wallet-mobile/src/kernel/i18n/locales/en-US.json
+++ b/apps/wallet-mobile/src/kernel/i18n/locales/en-US.json
@@ -1037,6 +1037,9 @@
   "rampOnOff.createRampOnOff.minAdaRequired": "Minimum required is 100 ADA",
   "rampOnOff.createRampOnOff.sellCurrencyWarning": "You can currently sell only to USD using ACH.",
   "rampOnOff.createRampOnOff.fee": "fee",
+  "rampOnOff.createRampOnOff.preprodfaucetbanner.title": "Get your first test ADA in Yoroi ⭐️",
+  "rampOnOff.createRampOnOff.preprodfaucetbanner.text": "Top up your wallet from the Cardano testnet faucet and unlock the power of test Cardano.",
+  "rampOnOff.createRampOnOff.preprodfaucetbanner.button.text": "Go to tada faucet",
   "rampOnOff.rampOnOffScreen.rampOnOffTitle": "Buy/Sell ADA",
   "rampOnOff.resultRampOnOff.congrats": "Congrats! 🎉 Your transaction is now in progress. You should be receiving funds soon.",
   "rampOnOff.resultRampOnOff.cryptoAmountYouGet": "ADA amount you get",
diff --git a/apps/wallet-mobile/translations/messages/src/features/Exchange/common/useStrings.json b/apps/wallet-mobile/translations/messages/src/features/Exchange/common/useStrings.json
index 1b05ec0614..4facc4c82e 100644
--- a/apps/wallet-mobile/translations/messages/src/features/Exchange/common/useStrings.json
+++ b/apps/wallet-mobile/translations/messages/src/features/Exchange/common/useStrings.json
@@ -4,14 +4,14 @@
     "defaultMessage": "!!!Current Balance",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 45,
+      "line": 48,
       "column": 20,
-      "index": 2158
+      "index": 2421
     },
     "end": {
-      "line": 48,
+      "line": 51,
       "column": 5,
-      "index": 2253
+      "index": 2516
     }
   },
   {
@@ -19,14 +19,14 @@
     "defaultMessage": "!!!PROCEED",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 49,
+      "line": 52,
       "column": 13,
-      "index": 2268
+      "index": 2531
     },
     "end": {
-      "line": 52,
+      "line": 55,
       "column": 5,
-      "index": 2339
+      "index": 2602
     }
   },
   {
@@ -34,14 +34,14 @@
     "defaultMessage": "!!!Disclaimer",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 53,
+      "line": 56,
       "column": 16,
-      "index": 2357
+      "index": 2620
     },
     "end": {
-      "line": 56,
+      "line": 59,
       "column": 5,
-      "index": 2453
+      "index": 2716
     }
   },
   {
@@ -49,14 +49,14 @@
     "defaultMessage": "!!!Yoroi uses third party web3 on-and-off ramp solution to provide direct Fiat-ADA exchange. By clicking \"Proceed\", you also acknowledge that you will be redirected to our partner's website, where you may be asked to accept their terms and conditions. The third party web3 on-and-off ramp solution may have a certain limitation that will vary depending on your location and your financial institution.",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 57,
+      "line": 60,
       "column": 23,
-      "index": 2478
+      "index": 2741
     },
     "end": {
-      "line": 61,
+      "line": 64,
       "column": 5,
-      "index": 2978
+      "index": 3241
     }
   },
   {
@@ -64,14 +64,14 @@
     "defaultMessage": "!!!Buy ADA",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 62,
+      "line": 65,
       "column": 15,
-      "index": 2995
+      "index": 3258
     },
     "end": {
-      "line": 65,
+      "line": 68,
       "column": 5,
-      "index": 3087
+      "index": 3350
     }
   },
   {
@@ -79,14 +79,14 @@
     "defaultMessage": "!!!Sell ADA",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 66,
+      "line": 69,
       "column": 16,
-      "index": 3105
+      "index": 3368
     },
     "end": {
-      "line": 69,
+      "line": 72,
       "column": 5,
-      "index": 3199
+      "index": 3462
     }
   },
   {
@@ -94,14 +94,14 @@
     "defaultMessage": "!!!ADA amount",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 70,
+      "line": 73,
       "column": 17,
-      "index": 3218
+      "index": 3481
     },
     "end": {
-      "line": 73,
+      "line": 76,
       "column": 5,
-      "index": 3315
+      "index": 3578
     }
   },
   {
@@ -109,14 +109,14 @@
     "defaultMessage": "!!!Provider Fee",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 74,
+      "line": 77,
       "column": 17,
-      "index": 3334
+      "index": 3597
     },
     "end": {
-      "line": 77,
+      "line": 80,
       "column": 5,
-      "index": 3433
+      "index": 3696
     }
   },
   {
@@ -124,14 +124,14 @@
     "defaultMessage": "!!!Provider",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 78,
+      "line": 81,
       "column": 14,
-      "index": 3449
+      "index": 3712
     },
     "end": {
-      "line": 81,
+      "line": 84,
       "column": 5,
-      "index": 3541
+      "index": 3804
     }
   },
   {
@@ -139,14 +139,14 @@
     "defaultMessage": "!!!Banxa",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 82,
+      "line": 85,
       "column": 11,
-      "index": 3554
+      "index": 3817
     },
     "end": {
-      "line": 85,
+      "line": 88,
       "column": 5,
-      "index": 3640
+      "index": 3903
     }
   },
   {
@@ -154,14 +154,14 @@
     "defaultMessage": "!!!Exchange ADA",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 86,
+      "line": 89,
       "column": 11,
-      "index": 3653
+      "index": 3916
     },
     "end": {
-      "line": 89,
+      "line": 92,
       "column": 5,
-      "index": 3730
+      "index": 3993
     }
   },
   {
@@ -169,14 +169,14 @@
     "defaultMessage": "!!!Not Enough Balannce",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 90,
+      "line": 93,
       "column": 22,
-      "index": 3754
+      "index": 4017
     },
     "end": {
-      "line": 93,
+      "line": 96,
       "column": 5,
-      "index": 3855
+      "index": 4118
     }
   },
   {
@@ -184,14 +184,14 @@
     "defaultMessage": "!!!Minimum required is 100 ADA",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 94,
+      "line": 97,
       "column": 20,
-      "index": 3877
+      "index": 4140
     },
     "end": {
-      "line": 97,
+      "line": 100,
       "column": 5,
-      "index": 3994
+      "index": 4257
     }
   },
   {
@@ -199,14 +199,14 @@
     "defaultMessage": "!!!You can currently sell only to USD using ACH.",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 98,
+      "line": 101,
       "column": 25,
-      "index": 4021
+      "index": 4284
     },
     "end": {
-      "line": 101,
+      "line": 104,
       "column": 5,
-      "index": 4161
+      "index": 4424
     }
   },
   {
@@ -214,14 +214,14 @@
     "defaultMessage": "!!!Congrats🎉 Your ADA will come in a few minutes",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 102,
+      "line": 105,
       "column": 14,
-      "index": 4177
+      "index": 4440
     },
     "end": {
-      "line": 105,
+      "line": 108,
       "column": 5,
-      "index": 4307
+      "index": 4570
     }
   },
   {
@@ -229,14 +229,14 @@
     "defaultMessage": "!!!ADA amount you get",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 106,
+      "line": 109,
       "column": 24,
-      "index": 4333
+      "index": 4596
     },
     "end": {
-      "line": 109,
+      "line": 112,
       "column": 5,
-      "index": 4445
+      "index": 4708
     }
   },
   {
@@ -244,14 +244,14 @@
     "defaultMessage": "!!!Fiat amount you sell",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 110,
+      "line": 113,
       "column": 22,
-      "index": 4469
+      "index": 4732
     },
     "end": {
-      "line": 113,
+      "line": 116,
       "column": 5,
-      "index": 4581
+      "index": 4844
     }
   },
   {
@@ -259,14 +259,14 @@
     "defaultMessage": "!!!GO TO TRANSACTIONS",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 114,
+      "line": 117,
       "column": 22,
-      "index": 4605
+      "index": 4868
     },
     "end": {
-      "line": 117,
+      "line": 120,
       "column": 5,
-      "index": 4715
+      "index": 4978
     }
   },
   {
@@ -274,14 +274,14 @@
     "defaultMessage": "!!!Buy ADA/Sell transaction",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 118,
+      "line": 121,
       "column": 19,
-      "index": 4736
+      "index": 4999
     },
     "end": {
-      "line": 121,
+      "line": 124,
       "column": 5,
-      "index": 4849
+      "index": 5112
     }
   },
   {
@@ -289,14 +289,14 @@
     "defaultMessage": "!!!Normally the Buy ADA/Sell transaction takes 3-5 of minutes for the order to be fulfilled. However, there are instances where the order cannot be fulfilled instantly because the compliance team can be doing a manual verification of the KYC docs or any other issues.",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 122,
+      "line": 125,
       "column": 38,
-      "index": 4889
+      "index": 5152
     },
     "end": {
-      "line": 126,
+      "line": 129,
       "column": 5,
-      "index": 5269
+      "index": 5532
     }
   },
   {
@@ -304,14 +304,14 @@
     "defaultMessage": "!!!Contact",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 127,
+      "line": 130,
       "column": 13,
-      "index": 5284
+      "index": 5547
     },
     "end": {
-      "line": 130,
+      "line": 133,
       "column": 5,
-      "index": 5374
+      "index": 5637
     }
   },
   {
@@ -319,14 +319,14 @@
     "defaultMessage": "!!!and",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 131,
+      "line": 134,
       "column": 9,
-      "index": 5385
+      "index": 5648
     },
     "end": {
-      "line": 134,
+      "line": 137,
       "column": 5,
-      "index": 5467
+      "index": 5730
     }
   },
   {
@@ -334,14 +334,14 @@
     "defaultMessage": "!!!Yoroi Customer Support",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 135,
+      "line": 138,
       "column": 21,
-      "index": 5490
+      "index": 5753
     },
     "end": {
-      "line": 138,
+      "line": 141,
       "column": 5,
-      "index": 5603
+      "index": 5866
     }
   },
   {
@@ -349,14 +349,14 @@
     "defaultMessage": "!!!if you witnessed any significant transaction delays or errors.",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 139,
+      "line": 142,
       "column": 17,
-      "index": 5622
+      "index": 5885
     },
     "end": {
-      "line": 142,
+      "line": 145,
       "column": 5,
-      "index": 5771
+      "index": 6034
     }
   },
   {
@@ -364,14 +364,14 @@
     "defaultMessage": "!!!Welcome to Yoroi 👋️\nGet your first ADA fast & easy",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 143,
+      "line": 146,
       "column": 20,
-      "index": 5793
+      "index": 6056
     },
     "end": {
-      "line": 146,
+      "line": 149,
       "column": 5,
-      "index": 5935
+      "index": 6198
     }
   },
   {
@@ -379,14 +379,14 @@
     "defaultMessage": "!!!Top up your wallet safely using our trusted partners",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 147,
+      "line": 150,
       "column": 24,
-      "index": 5961
+      "index": 6224
     },
     "end": {
-      "line": 150,
+      "line": 153,
       "column": 5,
-      "index": 6107
+      "index": 6370
     }
   },
   {
@@ -394,14 +394,14 @@
     "defaultMessage": "!!!Need more ADA for staking or swap?",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 151,
+      "line": 154,
       "column": 20,
-      "index": 6129
+      "index": 6392
     },
     "end": {
-      "line": 154,
+      "line": 157,
       "column": 5,
-      "index": 6253
+      "index": 6516
     }
   },
   {
@@ -409,14 +409,59 @@
     "defaultMessage": "!!!fee",
     "file": "src/features/Exchange/common/useStrings.tsx",
     "start": {
-      "line": 155,
+      "line": 158,
       "column": 9,
-      "index": 6264
+      "index": 6527
     },
     "end": {
-      "line": 158,
+      "line": 161,
+      "column": 5,
+      "index": 6609
+    }
+  },
+  {
+    "id": "rampOnOff.createRampOnOff.preprodfaucetbanner.title",
+    "defaultMessage": "!!!Get your first test ADA in Yoroi ⭐️",
+    "file": "src/features/Exchange/common/useStrings.tsx",
+    "start": {
+      "line": 162,
+      "column": 30,
+      "index": 6641
+    },
+    "end": {
+      "line": 165,
+      "column": 5,
+      "index": 6777
+    }
+  },
+  {
+    "id": "rampOnOff.createRampOnOff.preprodfaucetbanner.text",
+    "defaultMessage": "!!!Top up your wallet from the Cardano testnet faucet and unlock the power of test Cardano.",
+    "file": "src/features/Exchange/common/useStrings.tsx",
+    "start": {
+      "line": 166,
+      "column": 29,
+      "index": 6808
+    },
+    "end": {
+      "line": 169,
+      "column": 5,
+      "index": 6996
+    }
+  },
+  {
+    "id": "rampOnOff.createRampOnOff.preprodfaucetbanner.button.text",
+    "defaultMessage": "!!!Go to tada faucet",
+    "file": "src/features/Exchange/common/useStrings.tsx",
+    "start": {
+      "line": 170,
+      "column": 35,
+      "index": 7033
+    },
+    "end": {
+      "line": 173,
       "column": 5,
-      "index": 6346
+      "index": 7157
     }
   }
 ]
\ No newline at end of file