@ludo.ninja/components 2.0.6 → 2.0.8

package/build/public/logo/mobile_logo.jsx

@@ -0,0 +1,358 @@
+import React from "react";
+
+const MobileLogoIcon = (props) => (
+  <svg
+    {...props}
+    width="31"
+    height="32"
+    viewBox="0 0 31 32"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_7675_8366)">
+      <path
+        d="M2.96075 10.8309C4.63267 9.26841 6.72255 7.74143 9.05626 6.39201C11.3203 5.0781 13.6192 4.01276 15.7439 3.33805C15.0124 1.63351 14.1068 0.461644 12.9922 0.106533C7.80233 -0.461646 4.0057 1.52698 1.74165 6.71161C0.836036 8.73575 0.243901 11.3991 0.0349121 14.24C0.731541 13.1391 1.70682 12.0028 2.96075 10.8309Z"
+        fill="url(#paint0_radial_7675_8366)"
+      />
+      <path
+        d="M16.127 4.36786C14.0372 5.04257 11.7731 6.0724 9.57873 7.3508C7.34952 8.66471 5.29446 10.1562 3.69222 11.6476C2.15963 13.0681 1.04502 14.5241 0.45289 15.7669C0.174238 16.4061 0.0349121 16.9743 0.0349121 17.507C0.174238 20.0283 0.731541 22.5851 1.74165 24.8933C1.463 23.5084 2.26413 21.7683 3.79671 19.9573C4.98098 18.5723 6.5484 17.1519 8.39446 15.7669C9.75289 14.7371 11.2158 13.7783 12.7484 12.855C14.281 11.9317 15.8484 11.115 17.4158 10.4403C17.1372 8.20306 16.7192 6.07239 16.127 4.36786Z"
+        fill="url(#paint1_radial_7675_8366)"
+      />
+      <path
+        d="M9.05628 25.2484C6.82707 23.9345 4.77201 22.4075 3.1001 20.8806C2.02032 22.372 1.49785 23.757 1.74167 24.9288C3.86639 29.7583 7.45403 32.1376 12.9574 31.5339C15.117 31.2853 17.6945 30.5396 20.2023 29.2612C18.9484 29.2257 17.4855 28.9061 15.8484 28.4089C13.7237 27.6987 11.3552 26.5979 9.05628 25.2484Z"
+        fill="url(#paint2_radial_7675_8366)"
+      />
+      <path
+        d="M28.4574 22.4076C27.4124 23.3664 25.5664 23.5084 23.2675 23.0468C21.5259 22.6916 19.5057 22.0169 17.4158 21.0936C15.8832 20.4189 14.3158 19.6022 12.7832 18.6789C11.2506 17.7556 9.75289 16.7968 8.4293 15.767C6.58323 17.1519 5.01581 18.5723 3.83154 19.9573C5.43379 21.4488 7.45402 22.9402 9.6484 24.2541C11.8776 25.5681 14.1765 26.6334 16.2315 27.3081C18.2169 27.9473 19.9933 28.2314 21.3518 28.0893C22.0136 28.0183 22.6057 27.8408 23.0585 27.5922C25.0787 26.2072 26.9945 24.4672 28.4574 22.4076Z"
+        fill="url(#paint3_radial_7675_8366)"
+      />
+      <path
+        d="M23.9989 15.8024C23.9989 13.1746 23.7551 10.6178 23.2675 8.45163C22.8147 6.35647 22.1529 4.68745 21.3866 3.55109C20.9686 2.98291 20.5506 2.55678 20.0978 2.27269C17.8686 1.17184 15.4652 0.355085 12.9922 0.106506C14.3158 0.53264 15.3607 2.13064 16.1619 4.36785C16.754 6.10789 17.172 8.20305 17.4158 10.5113C17.5899 12.2158 17.6944 13.9914 17.6944 15.8024C17.6944 17.6135 17.5899 19.4246 17.4158 21.0936C19.5057 22.0169 21.5259 22.6916 23.2675 23.0467C23.7203 20.916 23.9641 18.3948 23.9989 15.8024Z"
+        fill="url(#paint4_radial_7675_8366)"
+      />
+      <path
+        d="M28.4573 9.19736C27.1685 7.38629 25.218 5.5042 22.8843 3.94171C23.4764 5.07807 23.9641 6.53403 24.3124 8.20305C24.8 10.4403 25.0438 13.0681 25.0438 15.8024C25.0438 18.4303 24.7652 21.0226 24.3124 23.2243C26.1236 23.4373 27.5517 23.2243 28.4225 22.4075C31.5225 18.1462 31.6966 13.7783 28.4573 9.19736Z"
+        fill="url(#paint5_radial_7675_8366)"
+      />
+      <path
+        opacity="0.6"
+        d="M2.96075 10.8309C4.63267 9.26841 6.72255 7.74143 9.05626 6.39201C11.3203 5.0781 13.6192 4.01276 15.7439 3.33805C15.0124 1.63351 14.1068 0.461644 12.9922 0.106533C7.80233 -0.461646 4.0057 1.52698 1.74165 6.71161C0.836036 8.73575 0.243901 11.3991 0.0349121 14.24C0.731541 13.1391 1.70682 12.0028 2.96075 10.8309Z"
+        fill="url(#paint6_linear_7675_8366)"
+      />
+      <path
+        opacity="0.6"
+        d="M16.127 4.36786C14.0372 5.04257 11.7731 6.0724 9.57873 7.3508C7.34952 8.66471 5.29446 10.1562 3.69222 11.6476C2.15963 13.0681 1.04502 14.5241 0.45289 15.7669C0.174238 16.4061 0.0349121 16.9743 0.0349121 17.507C0.174238 20.0283 0.731541 22.5851 1.74165 24.8933C1.463 23.5084 2.26413 21.7683 3.79671 19.9573C4.98098 18.5723 6.5484 17.1519 8.39446 15.7669C9.75289 14.7371 11.2158 13.7783 12.7484 12.855C14.281 11.9317 15.8484 11.115 17.4158 10.4403C17.1372 8.20306 16.7192 6.07239 16.127 4.36786Z"
+        fill="url(#paint7_linear_7675_8366)"
+      />
+      <path
+        opacity="0.6"
+        d="M15.8832 28.4089C13.7237 27.6987 11.3552 26.6334 9.05628 25.2839C6.82707 23.97 4.77201 22.4431 3.1001 20.9161C2.02032 22.372 1.49785 23.757 1.74167 24.9288C3.86639 29.7584 7.45403 32.1376 12.9574 31.5339C15.117 31.2853 17.6945 30.5396 20.2023 29.2612C18.9484 29.1902 17.5203 28.9061 15.8832 28.4089Z"
+        fill="url(#paint8_linear_7675_8366)"
+      />
+      <path
+        opacity="0.6"
+        d="M3.79663 19.9928C5.39888 21.4843 7.4191 22.9757 9.61349 24.2897C11.8427 25.6036 14.1416 26.6689 16.1966 27.3436C18.182 27.9828 19.9584 28.2669 21.3169 28.1249C21.9787 28.0538 22.5708 27.8763 23.0236 27.6277C25.0787 26.2428 26.9944 24.5027 28.4573 22.4431C27.4124 23.4019 25.5663 23.5439 23.2674 23.0823C21.5258 22.7272 19.5056 22.0525 17.4157 21.1292C15.8831 20.4545 14.3157 19.6377 12.7831 18.7144C11.2506 17.7911 9.75281 16.8323 8.42922 15.8025C6.54832 17.1874 4.9809 18.6079 3.79663 19.9928Z"
+        fill="url(#paint9_linear_7675_8366)"
+      />
+      <path
+        opacity="0.6"
+        d="M24.3472 8.20305C24.8348 10.4403 25.0787 13.0681 25.0787 15.8024C25.0787 18.4658 24.8 21.0226 24.3472 23.2243C26.1584 23.4373 27.5865 23.1888 28.4573 22.4075C31.5225 18.1107 31.6966 13.7428 28.4573 9.19736C27.1685 7.38629 25.218 5.5042 22.8843 3.94171C23.4764 5.07807 23.9641 6.49852 24.3472 8.20305Z"
+        fill="url(#paint10_linear_7675_8366)"
+      />
+      <path
+        opacity="0.6"
+        d="M23.2675 23.0822C23.7551 20.916 23.9989 18.3948 23.9989 15.8024C23.9989 13.1746 23.7551 10.6178 23.2675 8.45163C22.8147 6.35647 22.1529 4.68745 21.3866 3.55109C21.0034 2.98291 20.5506 2.55678 20.0978 2.3082C17.9034 1.17184 15.4652 0.355085 12.9922 0.106506C14.3158 0.53264 15.3607 2.13064 16.1619 4.36785C16.754 6.10789 17.172 8.20305 17.4158 10.5113C17.5899 12.2158 17.6944 13.9914 17.6944 15.8024C17.6944 17.6135 17.5899 19.4246 17.4158 21.0936C19.4708 22.0524 21.4911 22.7271 23.2675 23.0822Z"
+        fill="url(#paint11_linear_7675_8366)"
+      />
+      <path
+        d="M16.127 4.3679C16.0921 4.29688 16.0921 4.22585 16.0573 4.15483C16.0225 4.08381 15.9876 3.97727 15.9528 3.90625C15.918 3.83523 15.918 3.76421 15.8831 3.7287C15.8483 3.62216 15.8135 3.51563 15.7438 3.4091C15.7438 3.37359 15.709 3.33807 15.709 3.33807C13.5843 4.01279 11.2854 5.07812 9.05618 6.39203C6.7573 7.74146 4.63258 9.26844 2.9955 10.8309C1.74157 12.0028 0.766291 13.1392 0.104493 14.24C0.0348304 15.3053 0.0348304 16.4062 0.104493 17.5425C0.104493 17.0099 0.243819 16.4062 0.522471 15.8025C1.07977 14.5596 2.19438 13.1392 3.7618 11.6832C5.36404 10.1917 7.4191 8.70026 9.64831 7.38635C11.8079 6.07243 14.0371 5.04261 16.127 4.3679Z"
+        fill="white"
+      />
+      <path
+        d="M3.79673 19.9928C3.7619 20.0638 3.69223 20.0993 3.6574 20.1704C3.58774 20.2414 3.55291 20.3124 3.48324 20.3834C3.44841 20.4544 3.41358 20.49 3.34392 20.561C3.27426 20.632 3.20459 20.7385 3.13493 20.8096C3.13493 20.8451 3.1001 20.8451 3.1001 20.8806C4.73718 22.4076 6.79223 23.9345 9.05628 25.2485C11.3552 26.5979 13.7237 27.6987 15.8832 28.3734C17.5203 28.9061 18.9484 29.1902 20.2372 29.2257C21.1776 28.7641 22.1181 28.1959 23.0237 27.5922C22.5709 27.8408 22.0136 28.0183 21.317 28.0893C19.9585 28.2314 18.217 27.9473 16.1967 27.3081C14.1068 26.6334 11.8428 25.5681 9.61358 24.2541C7.4192 22.9757 5.39897 21.5198 3.79673 19.9928Z"
+        fill="white"
+      />
+      <path
+        d="M23.2674 23.0823C23.3371 23.0823 23.4067 23.1178 23.4764 23.1178C23.5809 23.1178 23.6505 23.1533 23.755 23.1533C23.8247 23.1533 23.8944 23.1888 23.964 23.1888C24.0685 23.1888 24.173 23.2243 24.2775 23.2243C24.3123 23.2243 24.3472 23.2243 24.3472 23.2243C24.8348 20.9871 25.0786 18.4303 25.0786 15.8025C25.0786 13.1036 24.8348 10.4758 24.3472 8.20308C23.964 6.49855 23.5112 5.0781 22.9191 3.94174C22.0483 3.33805 21.1078 2.80538 20.1326 2.30823C20.5854 2.59232 21.0034 2.98294 21.4213 3.55112C22.1876 4.68748 22.8494 6.3565 23.3022 8.45166C23.7899 10.6178 24.0337 13.1746 24.0337 15.8025C23.964 18.3948 23.7202 20.9161 23.2674 23.0823Z"
+        fill="white"
+      />
+    </g>
+    <defs>
+      <radialGradient
+        id="paint0_radial_7675_8366"
+        cx="0"
+        cy="0"
+        r="1"
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="translate(-0.363874 -7.4777) scale(41.0144 41.8148)"
+      >
+        <stop offset="0.2002" stop-color="#E84EFF" />
+        <stop offset="0.2499" stop-color="#CF4CFF" />
+        <stop offset="0.3393" stop-color="#A849FF" />
+        <stop offset="0.4278" stop-color="#8946FF" />
+        <stop offset="0.5141" stop-color="#7444FF" />
+        <stop offset="0.5969" stop-color="#6643FF" />
+        <stop offset="0.6727" stop-color="#6243FF" />
+        <stop offset="0.7215" stop-color="#5F48FF" />
+        <stop offset="0.7774" stop-color="#5856FF" />
+        <stop offset="0.8368" stop-color="#4C6DFF" />
+        <stop offset="0.8988" stop-color="#3A8DFF" />
+        <stop offset="0.962" stop-color="#24B6FF" />
+        <stop offset="1" stop-color="#15D2FF" />
+      </radialGradient>
+      <radialGradient
+        id="paint1_radial_7675_8366"
+        cx="0"
+        cy="0"
+        r="1"
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="translate(-0.363874 -7.47771) scale(41.0144 41.8148)"
+      >
+        <stop offset="0.2002" stop-color="#E84EFF" />
+        <stop offset="0.2499" stop-color="#CF4CFF" />
+        <stop offset="0.3393" stop-color="#A849FF" />
+        <stop offset="0.4278" stop-color="#8946FF" />
+        <stop offset="0.5141" stop-color="#7444FF" />
+        <stop offset="0.5969" stop-color="#6643FF" />
+        <stop offset="0.6727" stop-color="#6243FF" />
+        <stop offset="0.7215" stop-color="#5F48FF" />
+        <stop offset="0.7774" stop-color="#5856FF" />
+        <stop offset="0.8368" stop-color="#4C6DFF" />
+        <stop offset="0.8988" stop-color="#3A8DFF" />
+        <stop offset="0.962" stop-color="#24B6FF" />
+        <stop offset="1" stop-color="#15D2FF" />
+      </radialGradient>
+      <radialGradient
+        id="paint2_radial_7675_8366"
+        cx="0"
+        cy="0"
+        r="1"
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="translate(-0.363854 -7.47771) scale(41.0144 41.8148)"
+      >
+        <stop offset="0.2002" stop-color="#E84EFF" />
+        <stop offset="0.2499" stop-color="#CF4CFF" />
+        <stop offset="0.3393" stop-color="#A849FF" />
+        <stop offset="0.4278" stop-color="#8946FF" />
+        <stop offset="0.5141" stop-color="#7444FF" />
+        <stop offset="0.5969" stop-color="#6643FF" />
+        <stop offset="0.6727" stop-color="#6243FF" />
+        <stop offset="0.7215" stop-color="#5F48FF" />
+        <stop offset="0.7774" stop-color="#5856FF" />
+        <stop offset="0.8368" stop-color="#4C6DFF" />
+        <stop offset="0.8988" stop-color="#3A8DFF" />
+        <stop offset="0.962" stop-color="#24B6FF" />
+        <stop offset="1" stop-color="#15D2FF" />
+      </radialGradient>
+      <radialGradient
+        id="paint3_radial_7675_8366"
+        cx="0"
+        cy="0"
+        r="1"
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="translate(-0.363873 -7.47768) scale(41.0144 41.8148)"
+      >
+        <stop offset="0.2002" stop-color="#E84EFF" />
+        <stop offset="0.2499" stop-color="#CF4CFF" />
+        <stop offset="0.3393" stop-color="#A849FF" />
+        <stop offset="0.4278" stop-color="#8946FF" />
+        <stop offset="0.5141" stop-color="#7444FF" />
+        <stop offset="0.5969" stop-color="#6643FF" />
+        <stop offset="0.6727" stop-color="#6243FF" />
+        <stop offset="0.7215" stop-color="#5F48FF" />
+        <stop offset="0.7774" stop-color="#5856FF" />
+        <stop offset="0.8368" stop-color="#4C6DFF" />
+        <stop offset="0.8988" stop-color="#3A8DFF" />
+        <stop offset="0.962" stop-color="#24B6FF" />
+        <stop offset="1" stop-color="#15D2FF" />
+      </radialGradient>
+      <radialGradient
+        id="paint4_radial_7675_8366"
+        cx="0"
+        cy="0"
+        r="1"
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="translate(-0.363901 -7.47772) scale(41.0144 41.8148)"
+      >
+        <stop offset="0.2002" stop-color="#E84EFF" />
+        <stop offset="0.2499" stop-color="#CF4CFF" />
+        <stop offset="0.3393" stop-color="#A849FF" />
+        <stop offset="0.4278" stop-color="#8946FF" />
+        <stop offset="0.5141" stop-color="#7444FF" />
+        <stop offset="0.5969" stop-color="#6643FF" />
+        <stop offset="0.6727" stop-color="#6243FF" />
+        <stop offset="0.7215" stop-color="#5F48FF" />
+        <stop offset="0.7774" stop-color="#5856FF" />
+        <stop offset="0.8368" stop-color="#4C6DFF" />
+        <stop offset="0.8988" stop-color="#3A8DFF" />
+        <stop offset="0.962" stop-color="#24B6FF" />
+        <stop offset="1" stop-color="#15D2FF" />
+      </radialGradient>
+      <radialGradient
+        id="paint5_radial_7675_8366"
+        cx="0"
+        cy="0"
+        r="1"
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="translate(-0.36395 -7.47772) scale(41.0144 41.8148)"
+      >
+        <stop offset="0.2002" stop-color="#E84EFF" />
+        <stop offset="0.2499" stop-color="#CF4CFF" />
+        <stop offset="0.3393" stop-color="#A849FF" />
+        <stop offset="0.4278" stop-color="#8946FF" />
+        <stop offset="0.5141" stop-color="#7444FF" />
+        <stop offset="0.5969" stop-color="#6643FF" />
+        <stop offset="0.6727" stop-color="#6243FF" />
+        <stop offset="0.7215" stop-color="#5F48FF" />
+        <stop offset="0.7774" stop-color="#5856FF" />
+        <stop offset="0.8368" stop-color="#4C6DFF" />
+        <stop offset="0.8988" stop-color="#3A8DFF" />
+        <stop offset="0.962" stop-color="#24B6FF" />
+        <stop offset="1" stop-color="#15D2FF" />
+      </radialGradient>
+      <linearGradient
+        id="paint6_linear_7675_8366"
+        x1="-3.24848"
+        y1="9.81681"
+        x2="14.8595"
+        y2="3.94384"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="white" stop-opacity="0.65" />
+        <stop offset="0.00959639" stop-color="white" stop-opacity="0.6249" />
+        <stop offset="0.2483" stop-color="white" stop-opacity="0" />
+        <stop offset="0.2719" stop-color="#E6DDED" stop-opacity="0" />
+        <stop offset="0.3086" stop-color="#C4AFD5" stop-opacity="0" />
+        <stop offset="0.3466" stop-color="#A787C0" stop-opacity="0" />
+        <stop offset="0.3854" stop-color="#9066AF" stop-opacity="0" />
+        <stop offset="0.4253" stop-color="#7D4DA2" stop-opacity="0" />
+        <stop offset="0.4666" stop-color="#703B98" stop-opacity="0" />
+        <stop offset="0.5103" stop-color="#693093" stop-opacity="0" />
+        <stop offset="0.5606" stop-color="#662D91" stop-opacity="0" />
+        <stop offset="0.7436" stop-color="#552D9D" stop-opacity="0.614" />
+        <stop offset="0.8587" stop-color="#482DA7" />
+        <stop offset="1" stop-color="#2B2B6B" />
+      </linearGradient>
+      <linearGradient
+        id="paint7_linear_7675_8366"
+        x1="-0.636813"
+        y1="17.8678"
+        x2="17.4712"
+        y2="11.9949"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="white" stop-opacity="0.65" />
+        <stop offset="0.00959639" stop-color="white" stop-opacity="0.6249" />
+        <stop offset="0.2483" stop-color="white" stop-opacity="0" />
+        <stop offset="0.2719" stop-color="#E6DDED" stop-opacity="0" />
+        <stop offset="0.3086" stop-color="#C4AFD5" stop-opacity="0" />
+        <stop offset="0.3466" stop-color="#A787C0" stop-opacity="0" />
+        <stop offset="0.3854" stop-color="#9066AF" stop-opacity="0" />
+        <stop offset="0.4253" stop-color="#7D4DA2" stop-opacity="0" />
+        <stop offset="0.4666" stop-color="#703B98" stop-opacity="0" />
+        <stop offset="0.5103" stop-color="#693093" stop-opacity="0" />
+        <stop offset="0.5606" stop-color="#662D91" stop-opacity="0" />
+        <stop offset="0.7436" stop-color="#552D9D" stop-opacity="0.614" />
+        <stop offset="0.8587" stop-color="#482DA7" />
+        <stop offset="1" stop-color="#2B2B6B" />
+      </linearGradient>
+      <linearGradient
+        id="paint8_linear_7675_8366"
+        x1="18.1664"
+        y1="34.4892"
+        x2="3.73825"
+        y2="21.8793"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="white" stop-opacity="0.65" />
+        <stop offset="0.00959639" stop-color="white" stop-opacity="0.6249" />
+        <stop offset="0.2483" stop-color="white" stop-opacity="0" />
+        <stop offset="0.2719" stop-color="#E6DDED" stop-opacity="0" />
+        <stop offset="0.3086" stop-color="#C4AFD5" stop-opacity="0" />
+        <stop offset="0.3466" stop-color="#A787C0" stop-opacity="0" />
+        <stop offset="0.3854" stop-color="#9066AF" stop-opacity="0" />
+        <stop offset="0.4253" stop-color="#7D4DA2" stop-opacity="0" />
+        <stop offset="0.4666" stop-color="#703B98" stop-opacity="0" />
+        <stop offset="0.5103" stop-color="#693093" stop-opacity="0" />
+        <stop offset="0.5606" stop-color="#662D91" stop-opacity="0" />
+        <stop offset="0.7436" stop-color="#552D9D" stop-opacity="0.614" />
+        <stop offset="0.8587" stop-color="#482DA7" />
+        <stop offset="1" stop-color="#2B2B6B" />
+      </linearGradient>
+      <linearGradient
+        id="paint9_linear_7675_8366"
+        x1="23.6992"
+        y1="28.1578"
+        x2="9.27108"
+        y2="15.5479"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="white" stop-opacity="0.65" />
+        <stop offset="0.00959639" stop-color="white" stop-opacity="0.6249" />
+        <stop offset="0.2483" stop-color="white" stop-opacity="0" />
+        <stop offset="0.2719" stop-color="#E6DDED" stop-opacity="0" />
+        <stop offset="0.3086" stop-color="#C4AFD5" stop-opacity="0" />
+        <stop offset="0.3466" stop-color="#A787C0" stop-opacity="0" />
+        <stop offset="0.3854" stop-color="#9066AF" stop-opacity="0" />
+        <stop offset="0.4253" stop-color="#7D4DA2" stop-opacity="0" />
+        <stop offset="0.4666" stop-color="#703B98" stop-opacity="0" />
+        <stop offset="0.5103" stop-color="#693093" stop-opacity="0" />
+        <stop offset="0.5606" stop-color="#662D91" stop-opacity="0" />
+        <stop offset="0.7436" stop-color="#552D9D" stop-opacity="0.614" />
+        <stop offset="0.8587" stop-color="#482DA7" />
+        <stop offset="1" stop-color="#2B2B6B" />
+      </linearGradient>
+      <linearGradient
+        id="paint10_linear_7675_8366"
+        x1="28.3728"
+        y1="3.1413"
+        x2="24.3731"
+        y2="22.0791"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="white" stop-opacity="0.65" />
+        <stop offset="0.00959639" stop-color="white" stop-opacity="0.6249" />
+        <stop offset="0.2483" stop-color="white" stop-opacity="0" />
+        <stop offset="0.2719" stop-color="#E6DDED" stop-opacity="0" />
+        <stop offset="0.3086" stop-color="#C4AFD5" stop-opacity="0" />
+        <stop offset="0.3466" stop-color="#A787C0" stop-opacity="0" />
+        <stop offset="0.3854" stop-color="#9066AF" stop-opacity="0" />
+        <stop offset="0.4253" stop-color="#7D4DA2" stop-opacity="0" />
+        <stop offset="0.4666" stop-color="#703B98" stop-opacity="0" />
+        <stop offset="0.5103" stop-color="#693093" stop-opacity="0" />
+        <stop offset="0.5606" stop-color="#662D91" stop-opacity="0" />
+        <stop offset="0.7436" stop-color="#552D9D" stop-opacity="0.614" />
+        <stop offset="0.8587" stop-color="#482DA7" />
+        <stop offset="1" stop-color="#2B2B6B" />
+      </linearGradient>
+      <linearGradient
+        id="paint11_linear_7675_8366"
+        x1="20.2282"
+        y1="1.42161"
+        x2="16.2286"
+        y2="20.3595"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="white" stop-opacity="0.65" />
+        <stop offset="0.00959639" stop-color="white" stop-opacity="0.6249" />
+        <stop offset="0.2483" stop-color="white" stop-opacity="0" />
+        <stop offset="0.2719" stop-color="#E6DDED" stop-opacity="0" />
+        <stop offset="0.3086" stop-color="#C4AFD5" stop-opacity="0" />
+        <stop offset="0.3466" stop-color="#A787C0" stop-opacity="0" />
+        <stop offset="0.3854" stop-color="#9066AF" stop-opacity="0" />
+        <stop offset="0.4253" stop-color="#7D4DA2" stop-opacity="0" />
+        <stop offset="0.4666" stop-color="#703B98" stop-opacity="0" />
+        <stop offset="0.5103" stop-color="#693093" stop-opacity="0" />
+        <stop offset="0.5606" stop-color="#662D91" stop-opacity="0" />
+        <stop offset="0.7436" stop-color="#552D9D" stop-opacity="0.614" />
+        <stop offset="0.8587" stop-color="#482DA7" />
+        <stop offset="1" stop-color="#2B2B6B" />
+      </linearGradient>
+      <clipPath id="clip0_7675_8366">
+        <rect width="31" height="32" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default MobileLogoIcon;

package/build/public/logo/mobile_logo_dark.jsx

@@ -0,0 +1,118 @@
+import React from "react";
+
+const MobileLogoDarkIcon = (props) => (
+  <svg
+    {...props}
+    width="23"
+    height="24"
+    viewBox="0 0 23 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_13361_24742)">
+      <path
+        d="M2.27235 8.26179C3.5128 7.08992 5.06336 5.94469 6.79482 4.93262C8.4746 3.94718 10.1802 3.14818 11.7566 2.64215C11.2139 1.36375 10.542 0.484844 9.71505 0.21851C5.86448 -0.207624 3.04763 1.28384 1.36785 5.17232C0.695945 6.69042 0.256619 8.68792 0.101562 10.8186C0.618416 9.99296 1.34201 9.14069 2.27235 8.26179Z"
+        fill="url(#paint0_linear_13361_24742)"
+      />
+      <path
+        d="M12.0409 3.41449C10.4903 3.92052 8.81055 4.69289 7.18246 5.65169C5.52853 6.63713 4.00381 7.75573 2.81505 8.87433C1.67797 9.93967 0.851001 11.0316 0.411675 11.9638C0.204933 12.4432 0.101562 12.8693 0.101562 13.2688C0.204933 15.1598 0.618416 17.0774 1.36785 18.8086C1.16111 17.7699 1.75549 16.4648 2.89257 15.1065C3.77123 14.0678 4.93415 13.0025 6.30381 11.9638C7.31167 11.1914 8.39707 10.4723 9.53415 9.77987C10.6712 9.0874 11.8341 8.47483 12.9971 7.9688C12.7903 6.29089 12.4802 4.69289 12.0409 3.41449Z"
+        fill="url(#paint1_linear_13361_24742)"
+      />
+      <path
+        d="M11.8601 21.4187C10.2578 20.886 8.52635 20.087 6.79489 19.0483C5.11511 18.0362 3.59039 16.9176 2.40163 15.7724C1.57466 16.891 1.18702 17.9297 1.36792 18.8086C2.94433 22.4574 5.60613 24.2152 9.71511 23.789C11.3174 23.6292 13.2297 23.0167 15.0904 22.0845C14.1342 22.0312 13.0488 21.8182 11.8601 21.4187Z"
+        fill="url(#paint2_linear_13361_24742)"
+      />
+      <path
+        d="M2.89258 15.1332C4.08134 16.2518 5.58022 17.3704 7.20831 18.3558C8.86224 19.3412 10.5679 20.1402 12.0926 20.6463C13.5656 21.1257 14.8836 21.3121 15.8915 21.2588C16.4083 21.2056 16.7959 21.0724 17.1319 20.886C18.6566 19.8473 20.078 18.5156 21.1634 16.9975C20.3881 17.69 18.9926 17.8231 17.287 17.4769C15.969 17.2106 14.4959 16.7045 12.9454 16.0121C11.7825 15.506 10.6454 14.8935 9.48247 14.2276C8.31954 13.5618 7.23415 12.8161 6.22629 12.0437C4.93415 13.0291 3.74539 14.0945 2.89258 15.1332Z"
+        fill="url(#paint3_linear_13361_24742)"
+      />
+      <path
+        d="M18.1147 6.29094C18.4765 7.99547 18.6574 9.93971 18.6574 11.9905C18.6574 13.988 18.4765 15.9056 18.0888 17.5569C19.4327 17.7167 20.5181 17.5569 21.1383 16.9443C23.4124 13.7216 23.5675 10.4724 21.1383 7.01004C20.2079 5.65174 18.7349 4.2668 17.0293 3.0683C17.4945 3.9472 17.8563 5.03917 18.1147 6.29094Z"
+        fill="url(#paint4_linear_13361_24742)"
+      />
+      <path
+        d="M17.3126 17.4503C17.6744 15.8257 17.8553 13.9347 17.8553 11.9905C17.8553 10.0196 17.6744 8.10198 17.3384 6.47735C17.0025 4.93261 16.5115 3.65421 15.9429 2.77531C15.6328 2.34918 15.3486 2.05621 15.0126 1.84314C13.3587 1.01751 11.5497 0.404939 9.71484 0.218506C10.6969 0.56474 11.498 1.73661 12.0665 3.44114C12.5059 4.74618 12.816 6.31755 12.9969 8.04872C13.1519 9.32712 13.2036 10.6588 13.2295 12.0171C13.2553 13.3754 13.1778 14.7337 13.0227 16.0121C14.5216 16.6779 16.0205 17.184 17.3126 17.4503Z"
+        fill="url(#paint5_linear_13361_24742)"
+      />
+    </g>
+    <defs>
+      <linearGradient
+        id="paint0_linear_13361_24742"
+        x1="11.019"
+        y1="1.08194"
+        x2="2.52514"
+        y2="5.60431"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="white" stop-opacity="0.6" />
+        <stop offset="0.0444639" stop-color="white" stop-opacity="0.6178" />
+        <stop offset="1" stop-color="white" />
+      </linearGradient>
+      <linearGradient
+        id="paint1_linear_13361_24742"
+        x1="14.0194"
+        y1="6.71716"
+        x2="5.52553"
+        y2="11.2396"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="white" stop-opacity="0.6" />
+        <stop offset="0.0444639" stop-color="white" stop-opacity="0.6178" />
+        <stop offset="1" stop-color="white" />
+      </linearGradient>
+      <linearGradient
+        id="paint2_linear_13361_24742"
+        x1="1.44144"
+        y1="17.2131"
+        x2="9.74312"
+        y2="22.1002"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="white" stop-opacity="0.6" />
+        <stop offset="0.0444639" stop-color="white" stop-opacity="0.6178" />
+        <stop offset="1" stop-color="white" />
+      </linearGradient>
+      <linearGradient
+        id="paint3_linear_13361_24742"
+        x1="4.67645"
+        y1="11.7177"
+        x2="12.9781"
+        y2="16.6047"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="white" stop-opacity="0.6" />
+        <stop offset="0.0444639" stop-color="white" stop-opacity="0.6178" />
+        <stop offset="1" stop-color="white" />
+      </linearGradient>
+      <linearGradient
+        id="paint4_linear_13361_24742"
+        x1="19.7863"
+        y1="17.6959"
+        x2="20.007"
+        y2="7.84894"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="white" stop-opacity="0.6" />
+        <stop offset="0.0444639" stop-color="white" stop-opacity="0.6178" />
+        <stop offset="1" stop-color="white" />
+      </linearGradient>
+      <linearGradient
+        id="paint5_linear_13361_24742"
+        x1="13.5499"
+        y1="17.5561"
+        x2="13.7706"
+        y2="7.70911"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="white" stop-opacity="0.6" />
+        <stop offset="0.0444639" stop-color="white" stop-opacity="0.6178" />
+        <stop offset="1" stop-color="white" />
+      </linearGradient>
+      <clipPath id="clip0_13361_24742">
+        <rect width="23" height="24" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default MobileLogoDarkIcon;

package/build/public/ludo-logo-small.jsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+const LudoLogoSmallIcon = (props) => (
+  <svg
+    {...props}
+    width="40"
+    height="40"
+    viewBox="0 0 40 40"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M30.0004 10.0005H20.001V19.9999H30.0004V10.0005Z" fill="#73A9F5" />
+    <path d="M36.2916 3.70898H30V10.0005H36.2916V3.70898Z" fill="#85D2F5" />
+    <path
+      d="M30.0017 20C30.0017 24.2058 29.6044 26.7054 28.156 28.1538C26.7076 29.6022 24.2069 29.9994 20.0011 29.9994C11.5906 29.9994 10.0017 28.4105 10.0017 20C10.0017 15.7942 10.3989 13.2946 11.8473 11.8462C13.2957 10.3978 15.7964 10.0006 20.0011 10.0006V0C12.9715 0 7.97123 1.48492 4.72808 4.72697C1.48603 7.96902 0 12.9693 0 20C0 34.0603 5.93969 40 20 40C27.0307 40 32.0299 38.5151 35.273 35.2719C38.5151 32.0299 40 27.0296 40 20H30.0017Z"
+      fill="#5C62F2"
+    />
+  </svg>
+);
+
+export default LudoLogoSmallIcon;

package/{public/ludo-logo-square.svg → build/public/ludo-logo-square.jsx}

@@ -1,9 +1,40 @@
-<svg width="65" height="53" viewBox="0 0 65 53" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M39.9965 7.50037H32.4961V15.0008H39.9965V7.50037Z" fill="#73A9F5"/>
-<path d="M44.717 2.78149H39.998V7.5004H44.717V2.78149Z" fill="#85D2F5"/>
-<path d="M40.0012 15.0028C40.0012 18.1572 39.7028 20.0318 38.6173 21.1193C37.5299 22.2067 35.6552 22.5031 32.5008 22.5031C26.1919 22.5031 25.0004 21.3116 25.0004 15.0028C25.0004 11.8483 25.2988 9.9737 26.3843 8.88623C27.4717 7.79876 29.3464 7.50236 32.5008 7.50236V0C27.2283 0 23.4772 1.11299 21.0451 3.54703C18.613 5.97912 17.498 9.73029 17.498 15.0028C17.498 25.5496 21.9539 30.0055 32.5008 30.0055C37.7752 30.0055 41.5244 28.8906 43.9565 26.4585C46.3886 24.0264 47.5036 20.2752 47.5036 15.0028H40.0012Z" fill="#5C62F2"/>
-<path d="M57.547 52.4105C52.6024 52.4105 50.0938 49.9038 50.0938 44.9572C50.0938 40.0125 52.6004 37.5039 57.547 37.5039C62.4917 37.5039 64.9984 40.0106 64.9984 44.9572C65.0003 49.9038 62.4917 52.4105 57.547 52.4105ZM57.547 41.0941C54.5496 41.0941 53.684 41.9617 53.684 44.9572C53.684 47.9546 54.5516 48.8203 57.547 48.8203C60.5444 48.8203 61.4101 47.9526 61.4101 44.9572C61.4121 41.9617 60.5444 41.0941 57.547 41.0941Z" fill="black"/>
-<path d="M21.9115 52.4124C17.0689 52.4124 14.6152 49.9057 14.6152 44.9591V38.4873C14.6152 37.9455 15.0549 37.5078 15.5947 37.5078H17.222C17.7638 37.5078 18.2015 37.9475 18.2015 38.4873V44.9591C18.2015 47.9565 19.0338 48.8222 21.9095 48.8222C24.7852 48.8222 25.6175 47.9546 25.6175 44.9591V38.4873C25.6175 37.9455 26.0572 37.5078 26.597 37.5078H28.2243C28.7661 37.5078 29.2038 37.9475 29.2038 38.4873V44.9591C29.2077 49.9057 26.7521 52.4124 21.9115 52.4124Z" fill="black"/>
-<path d="M40.0509 52.4103H33.9776C33.4358 52.4103 32.998 51.9706 32.998 51.4308V38.4872C32.998 37.9454 33.4377 37.5077 33.9776 37.5077H40.0509C45.0191 37.5077 47.5022 40.0399 47.5022 45.0316C47.5042 50.1372 44.7561 52.4103 40.0509 52.4103ZM36.5863 48.8221H40.0509C43.0483 48.8221 43.914 47.9545 43.914 44.959C43.914 41.9616 43.0463 41.0959 40.0509 41.0959H36.5863V48.8221Z" fill="black"/>
-<path d="M7.29429 48.8228C4.41662 48.8228 3.58629 47.9552 3.58629 44.9597V38.4879C3.58629 37.9462 3.14659 37.5084 2.60678 37.5084H0.979505C0.437734 37.5084 0 37.9481 0 38.4879V44.9597C0 49.9044 2.45563 52.413 7.29624 52.413H11.1318C11.6736 52.413 12.1113 51.9733 12.1113 51.4335V49.8062C12.1113 49.2645 11.6716 48.8267 11.1318 48.8267H7.29429V48.8228Z" fill="black"/>
-</svg>
+import React from "react";
+
+const LudoLogoSquareIcon = (props) => (
+  <svg
+    {...props}
+    width="65"
+    height="53"
+    viewBox="0 0 65 53"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M39.9965 7.50037H32.4961V15.0008H39.9965V7.50037Z"
+      fill="#73A9F5"
+    />
+    <path d="M44.717 2.78149H39.998V7.5004H44.717V2.78149Z" fill="#85D2F5" />
+    <path
+      d="M40.0012 15.0028C40.0012 18.1572 39.7028 20.0318 38.6173 21.1193C37.5299 22.2067 35.6552 22.5031 32.5008 22.5031C26.1919 22.5031 25.0004 21.3116 25.0004 15.0028C25.0004 11.8483 25.2988 9.9737 26.3843 8.88623C27.4717 7.79876 29.3464 7.50236 32.5008 7.50236V0C27.2283 0 23.4772 1.11299 21.0451 3.54703C18.613 5.97912 17.498 9.73029 17.498 15.0028C17.498 25.5496 21.9539 30.0055 32.5008 30.0055C37.7752 30.0055 41.5244 28.8906 43.9565 26.4585C46.3886 24.0264 47.5036 20.2752 47.5036 15.0028H40.0012Z"
+      fill="#5C62F2"
+    />
+    <path
+      d="M57.547 52.4105C52.6024 52.4105 50.0938 49.9038 50.0938 44.9572C50.0938 40.0125 52.6004 37.5039 57.547 37.5039C62.4917 37.5039 64.9984 40.0106 64.9984 44.9572C65.0003 49.9038 62.4917 52.4105 57.547 52.4105ZM57.547 41.0941C54.5496 41.0941 53.684 41.9617 53.684 44.9572C53.684 47.9546 54.5516 48.8203 57.547 48.8203C60.5444 48.8203 61.4101 47.9526 61.4101 44.9572C61.4121 41.9617 60.5444 41.0941 57.547 41.0941Z"
+      fill="black"
+    />
+    <path
+      d="M21.9115 52.4124C17.0689 52.4124 14.6152 49.9057 14.6152 44.9591V38.4873C14.6152 37.9455 15.0549 37.5078 15.5947 37.5078H17.222C17.7638 37.5078 18.2015 37.9475 18.2015 38.4873V44.9591C18.2015 47.9565 19.0338 48.8222 21.9095 48.8222C24.7852 48.8222 25.6175 47.9546 25.6175 44.9591V38.4873C25.6175 37.9455 26.0572 37.5078 26.597 37.5078H28.2243C28.7661 37.5078 29.2038 37.9475 29.2038 38.4873V44.9591C29.2077 49.9057 26.7521 52.4124 21.9115 52.4124Z"
+      fill="black"
+    />
+    <path
+      d="M40.0509 52.4103H33.9776C33.4358 52.4103 32.998 51.9706 32.998 51.4308V38.4872C32.998 37.9454 33.4377 37.5077 33.9776 37.5077H40.0509C45.0191 37.5077 47.5022 40.0399 47.5022 45.0316C47.5042 50.1372 44.7561 52.4103 40.0509 52.4103ZM36.5863 48.8221H40.0509C43.0483 48.8221 43.914 47.9545 43.914 44.959C43.914 41.9616 43.0463 41.0959 40.0509 41.0959H36.5863V48.8221Z"
+      fill="black"
+    />
+    <path
+      d="M7.29429 48.8228C4.41662 48.8228 3.58629 47.9552 3.58629 44.9597V38.4879C3.58629 37.9462 3.14659 37.5084 2.60678 37.5084H0.979505C0.437734 37.5084 0 37.9481 0 38.4879V44.9597C0 49.9044 2.45563 52.413 7.29624 52.413H11.1318C11.6736 52.413 12.1113 51.9733 12.1113 51.4335V49.8062C12.1113 49.2645 11.6716 48.8267 11.1318 48.8267H7.29429V48.8228Z"
+      fill="black"
+    />
+  </svg>
+);
+
+export default LudoLogoSquareIcon;

package/build/public/modal/close.jsx

@@ -0,0 +1,22 @@
+import React from "react";
+
+const CloseIcon = (props) => (
+  <svg
+    {...props}
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M8.13344 8.01429L16 15.8811M16 8L8 16"
+      stroke="#6048FF"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);
+
+export default CloseIcon;