From 35011a097b38642f4df04a556eae84149b4364ba Mon Sep 17 00:00:00 2001
From: Cahllagerfeld <43843195+Cahllagerfeld@users.noreply.github.com>
Date: Wed, 1 May 2024 08:20:10 +0200
Subject: [PATCH] feat: add secrets video (#581)

---
 src/app/settings/Menu.tsx                  |  2 +-
 src/app/settings/page.tsx                  |  2 +-
 src/app/settings/secrets/Fragments.tsx     | 22 ++++++++++++++++++++--
 src/app/stacks/Fragments.tsx               |  2 +-
 src/assets/illustrations/secrets-video.svg | 21 +++++++++++++++++++++
 5 files changed, 44 insertions(+), 5 deletions(-)
 create mode 100644 src/assets/illustrations/secrets-video.svg

diff --git a/src/app/settings/Menu.tsx b/src/app/settings/Menu.tsx
index 17a9be0cc..1e01765e2 100644
--- a/src/app/settings/Menu.tsx
+++ b/src/app/settings/Menu.tsx
@@ -12,7 +12,7 @@ type MenuProps = {
 export function SettingsMenu({ items }: MenuProps) {
 	return (
 		<nav className="flex w-full flex-col items-center">
-			<ul className="flex w-full flex-row items-center gap-1 lg:flex-col lg:items-start">
+			<ul className="flex w-full flex-row flex-wrap items-center gap-1 lg:flex-col lg:items-start">
 				{items.map((item) => (
 					<li key={item.name} className="lg:w-full">
 						<NavLink end to={item.href}>
diff --git a/src/app/settings/page.tsx b/src/app/settings/page.tsx
index b0b4c7648..b0851a255 100644
--- a/src/app/settings/page.tsx
+++ b/src/app/settings/page.tsx
@@ -11,7 +11,7 @@ export default function SettingsPage() {
 
 	return (
 		<div className="layout-container flex flex-col gap-7 pt-5 lg:flex-row lg:px-10">
-			<div className="flex w-[200px] shrink-0 flex-col gap-4">
+			<div className="flex shrink-0 flex-col gap-4 lg:w-[200px]">
 				<div className="flex flex-col gap-4">
 					<p className="text-text-xs font-semibold uppercase text-theme-text-tertiary">Server</p>
 					<DisplayServer />
diff --git a/src/app/settings/secrets/Fragments.tsx b/src/app/settings/secrets/Fragments.tsx
index 666b088f1..aa3bd3b43 100644
--- a/src/app/settings/secrets/Fragments.tsx
+++ b/src/app/settings/secrets/Fragments.tsx
@@ -4,6 +4,8 @@ import { HelpBox } from "@/components/fallback-pages/Helpbox";
 import { Fragment } from "react/jsx-runtime";
 import { generateCommandList } from "@/components/fallback-pages/Commands";
 import { secretCommands } from "@/contents/secrets";
+import { VideoModal } from "@/components/VideoModal";
+import SecretsVideo from "@/assets/illustrations/secrets-video.svg";
 
 export function InfoBox() {
 	return (
@@ -17,14 +19,30 @@ export function InfoBox() {
 }
 
 export function HeaderBox() {
+	const videoLink =
+		"https://zenml.portal.trainn.co/share/R0A37qU8LVfcvPi6wxdhaQ/embed?autoplay=false";
 	return (
-		<Box className="flex flex-col-reverse items-stretch overflow-hidden md:flex-row">
-			<div className="w-full p-7 md:w-2/3">
+		<Box className="flex flex-col-reverse items-stretch overflow-hidden lg:flex-row">
+			<div className="w-full p-7 lg:w-2/3">
 				<h2 className="text-display-xs font-semibold">Learn More about Secrets</h2>
 				<p className="mt-2 text-text-lg text-theme-text-secondary">
 					Learn about using ZenML Secrets for a secure, centralized management of your pipeline
 					secrets and configurations.
 				</p>
+				<VideoModal videoLink={videoLink} buttonText="Watch the Starter Guide (1 min)" />
+			</div>
+			<div className="flex w-full items-center justify-center bg-primary-50 lg:w-1/3">
+				<VideoModal
+					fallbackImage={
+						<img
+							src={SecretsVideo}
+							alt="Purple squares with text indicating a starter guide for secrets"
+							className="h-full w-full"
+						/>
+					}
+					videoLink={videoLink}
+					isButton={false}
+				/>
 			</div>
 		</Box>
 	);
diff --git a/src/app/stacks/Fragments.tsx b/src/app/stacks/Fragments.tsx
index 11d266b5c..617c0c68b 100644
--- a/src/app/stacks/Fragments.tsx
+++ b/src/app/stacks/Fragments.tsx
@@ -34,7 +34,7 @@ export function HeaderBox() {
 					Get started with ZenML Stacks and Stack Components in this starter guide video. Set up
 					Your Stack from local to cloud.
 				</p>
-				<VideoModal videoLink={videoLink} buttonText="Watch the Starter Guide (5 min)" />
+				<VideoModal videoLink={videoLink} buttonText="Watch the Starter Guide (2 min)" />
 			</div>
 			<div className="flex w-full items-center justify-center bg-primary-50 lg:w-1/3">
 				<VideoModal
diff --git a/src/assets/illustrations/secrets-video.svg b/src/assets/illustrations/secrets-video.svg
new file mode 100644
index 000000000..a62b0072d
--- /dev/null
+++ b/src/assets/illustrations/secrets-video.svg
@@ -0,0 +1,21 @@
+<svg width="350" height="240" viewBox="0 0 350 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M20 28C20 23.5817 23.5817 20 28 20H64C68.4183 20 72 23.5817 72 28V64C72 68.4183 68.4183 72 64 72H28C23.5817 72 20 68.4183 20 64V28Z"
+        fill="#AF8BF8" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M39 41.3334C39 37.4674 42.134 34.3334 46 34.3334C49.866 34.3334 53 37.4674 53 41.3334V42.6754C53.3297 42.7477 53.6462 42.8529 53.952 43.0087C54.83 43.4561 55.544 44.17 55.9914 45.0481C56.2799 45.6143 56.3949 46.2171 56.4484 46.8729C56.5 47.5043 56.5 48.2794 56.5 49.2185V50.9483C56.5 51.8874 56.5 52.6624 56.4484 53.2938C56.3949 53.9496 56.2799 54.5524 55.9914 55.1187C55.544 55.9968 54.83 56.7107 53.952 57.1581C53.3857 57.4466 52.7829 57.5616 52.1271 57.6151C51.4957 57.6667 50.7207 57.6667 49.7815 57.6667H42.2185C41.2793 57.6667 40.5043 57.6667 39.8729 57.6151C39.2171 57.5616 38.6143 57.4466 38.048 57.1581C37.17 56.7107 36.456 55.9968 36.0086 55.1187C35.7201 54.5524 35.6051 53.9496 35.5516 53.2938C35.5 52.6624 35.5 51.8874 35.5 50.9482V49.2185C35.5 48.2794 35.5 47.5043 35.5516 46.8729C35.6051 46.2171 35.7201 45.6143 36.0086 45.0481C36.456 44.17 37.17 43.4561 38.048 43.0087C38.3538 42.8529 38.6703 42.7477 39 42.6754V41.3334ZM41.3333 42.5019C41.6107 42.5 41.9055 42.5 42.2185 42.5H49.7815C50.0945 42.5 50.3893 42.5 50.6667 42.5019V41.3334C50.6667 38.756 48.5773 36.6667 46 36.6667C43.4227 36.6667 41.3333 38.756 41.3333 41.3334V42.5019ZM40.0629 44.8772C39.5514 44.919 39.2898 44.9947 39.1074 45.0877C38.6683 45.3114 38.3114 45.6684 38.0877 46.1074C37.9947 46.2899 37.9189 46.5514 37.8771 47.0629C37.8342 47.588 37.8333 48.2674 37.8333 49.2667V50.9C37.8333 51.8994 37.8342 52.5787 37.8771 53.1038C37.9189 53.6153 37.9947 53.8769 38.0877 54.0593C38.3114 54.4984 38.6683 54.8554 39.1074 55.0791C39.2898 55.172 39.5514 55.2478 40.0629 55.2896C40.588 55.3325 41.2673 55.3334 42.2667 55.3334H49.7333C50.7327 55.3334 51.412 55.3325 51.9371 55.2896C52.4486 55.2478 52.7102 55.172 52.8926 55.0791C53.3317 54.8554 53.6886 54.4984 53.9124 54.0593C54.0053 53.8769 54.0811 53.6153 54.1229 53.1038C54.1658 52.5787 54.1667 51.8994 54.1667 50.9V49.2667C54.1667 48.2674 54.1658 47.588 54.1229 47.0629C54.0811 46.5514 54.0053 46.2899 53.9124 46.1074C53.6886 45.6684 53.3317 45.3114 52.8926 45.0877C52.7102 44.9947 52.4486 44.919 51.9371 44.8772C51.412 44.8343 50.7327 44.8334 49.7333 44.8334H42.2667C41.2673 44.8334 40.588 44.8343 40.0629 44.8772ZM46 47.75C46.6443 47.75 47.1667 48.2724 47.1667 48.9167V51.25C47.1667 51.8944 46.6443 52.4167 46 52.4167C45.3557 52.4167 44.8333 51.8944 44.8333 51.25V48.9167C44.8333 48.2724 45.3557 47.75 46 47.75Z"
+        fill="white" />
+    <path
+        d="M93.816 59.384C92.3227 59.384 90.936 59.1067 89.656 58.552C88.376 57.976 87.288 57.1973 86.392 56.216C85.496 55.2347 84.8347 54.104 84.408 52.824L87.608 51.48C88.184 52.952 89.0267 54.0827 90.136 54.872C91.2453 55.6613 92.5253 56.056 93.976 56.056C94.8293 56.056 95.576 55.928 96.216 55.672C96.856 55.3947 97.3467 55.0107 97.688 54.52C98.0507 54.0293 98.232 53.464 98.232 52.824C98.232 51.9493 97.9867 51.256 97.496 50.744C97.0053 50.232 96.28 49.8267 95.32 49.528L90.84 48.12C89.048 47.5653 87.6827 46.7227 86.744 45.592C85.8053 44.44 85.336 43.096 85.336 41.56C85.336 40.216 85.6667 39.0427 86.328 38.04C86.9893 37.016 87.896 36.216 89.048 35.64C90.2213 35.064 91.5547 34.776 93.048 34.776C94.4773 34.776 95.7787 35.032 96.952 35.544C98.1253 36.0347 99.128 36.7173 99.96 37.592C100.813 38.4667 101.432 39.48 101.816 40.632L98.68 42.008C98.2107 40.7493 97.4747 39.7787 96.472 39.096C95.4907 38.4133 94.3493 38.072 93.048 38.072C92.2587 38.072 91.5653 38.2107 90.968 38.488C90.3707 38.744 89.9013 39.128 89.56 39.64C89.24 40.1307 89.08 40.7067 89.08 41.368C89.08 42.136 89.3253 42.8187 89.816 43.416C90.3067 44.0133 91.0533 44.4613 92.056 44.76L96.216 46.072C98.1147 46.648 99.544 47.48 100.504 48.568C101.464 49.6347 101.944 50.968 101.944 52.568C101.944 53.8907 101.592 55.064 100.888 56.088C100.205 57.112 99.256 57.9227 98.04 58.52C96.824 59.096 95.416 59.384 93.816 59.384ZM112.999 59.384C111.271 59.384 109.735 58.9893 108.391 58.2C107.068 57.3893 106.033 56.3013 105.287 54.936C104.54 53.5493 104.167 52.0027 104.167 50.296C104.167 48.5467 104.54 47 105.287 45.656C106.055 44.312 107.079 43.256 108.359 42.488C109.639 41.6987 111.089 41.304 112.711 41.304C114.012 41.304 115.175 41.528 116.199 41.976C117.223 42.424 118.087 43.0427 118.791 43.832C119.495 44.6 120.028 45.4853 120.391 46.488C120.775 47.4907 120.967 48.5573 120.967 49.688C120.967 49.9653 120.956 50.2533 120.935 50.552C120.913 50.8507 120.871 51.128 120.807 51.384H107.015V48.504H118.759L117.031 49.816C117.244 48.7707 117.169 47.8427 116.807 47.032C116.465 46.2 115.932 45.5493 115.207 45.08C114.503 44.5893 113.671 44.344 112.711 44.344C111.751 44.344 110.897 44.5893 110.151 45.08C109.404 45.5493 108.828 46.232 108.423 47.128C108.017 48.0027 107.857 49.0693 107.943 50.328C107.836 51.5013 107.996 52.5253 108.423 53.4C108.871 54.2747 109.489 54.9573 110.279 55.448C111.089 55.9387 112.007 56.184 113.031 56.184C114.076 56.184 114.961 55.9493 115.687 55.48C116.433 55.0107 117.02 54.4027 117.447 53.656L120.391 55.096C120.049 55.9067 119.516 56.6427 118.791 57.304C118.087 57.944 117.233 58.456 116.231 58.84C115.249 59.2027 114.172 59.384 112.999 59.384ZM131.76 59.384C130.032 59.384 128.496 58.9893 127.152 58.2C125.829 57.3893 124.773 56.3013 123.984 54.936C123.216 53.5707 122.832 52.024 122.832 50.296C122.832 48.5893 123.216 47.0533 123.984 45.688C124.752 44.3227 125.808 43.256 127.152 42.488C128.496 41.6987 130.032 41.304 131.76 41.304C132.933 41.304 134.032 41.5173 135.056 41.944C136.08 42.3493 136.965 42.9147 137.712 43.64C138.48 44.3653 139.045 45.208 139.408 46.168L136.24 47.64C135.877 46.744 135.29 46.0293 134.48 45.496C133.69 44.9413 132.784 44.664 131.76 44.664C130.778 44.664 129.893 44.9093 129.104 45.4C128.336 45.8693 127.728 46.5413 127.28 47.416C126.832 48.2693 126.608 49.24 126.608 50.328C126.608 51.416 126.832 52.3973 127.28 53.272C127.728 54.1253 128.336 54.7973 129.104 55.288C129.893 55.7787 130.778 56.024 131.76 56.024C132.805 56.024 133.712 55.7573 134.48 55.224C135.269 54.6693 135.856 53.9333 136.24 53.016L139.408 54.52C139.066 55.4373 138.512 56.2693 137.744 57.016C136.997 57.7413 136.112 58.3173 135.088 58.744C134.064 59.1707 132.954 59.384 131.76 59.384ZM141.982 59V41.688H145.438V45.176L145.118 44.664C145.502 43.5333 146.121 42.7227 146.974 42.232C147.827 41.72 148.851 41.464 150.046 41.464H151.102V44.76H149.598C148.403 44.76 147.433 45.1333 146.686 45.88C145.961 46.6053 145.598 47.6507 145.598 49.016V59H141.982ZM160.744 59.384C159.016 59.384 157.48 58.9893 156.136 58.2C154.813 57.3893 153.778 56.3013 153.032 54.936C152.285 53.5493 151.912 52.0027 151.912 50.296C151.912 48.5467 152.285 47 153.032 45.656C153.8 44.312 154.824 43.256 156.104 42.488C157.384 41.6987 158.834 41.304 160.456 41.304C161.757 41.304 162.92 41.528 163.944 41.976C164.968 42.424 165.832 43.0427 166.536 43.832C167.24 44.6 167.773 45.4853 168.136 46.488C168.52 47.4907 168.712 48.5573 168.712 49.688C168.712 49.9653 168.701 50.2533 168.68 50.552C168.658 50.8507 168.616 51.128 168.552 51.384H154.76V48.504H166.504L164.776 49.816C164.989 48.7707 164.914 47.8427 164.552 47.032C164.21 46.2 163.677 45.5493 162.952 45.08C162.248 44.5893 161.416 44.344 160.456 44.344C159.496 44.344 158.642 44.5893 157.896 45.08C157.149 45.5493 156.573 46.232 156.168 47.128C155.762 48.0027 155.602 49.0693 155.688 50.328C155.581 51.5013 155.741 52.5253 156.168 53.4C156.616 54.2747 157.234 54.9573 158.024 55.448C158.834 55.9387 159.752 56.184 160.776 56.184C161.821 56.184 162.706 55.9493 163.432 55.48C164.178 55.0107 164.765 54.4027 165.192 53.656L168.136 55.096C167.794 55.9067 167.261 56.6427 166.536 57.304C165.832 57.944 164.978 58.456 163.976 58.84C162.994 59.2027 161.917 59.384 160.744 59.384ZM178.769 59.192C176.955 59.192 175.547 58.68 174.545 57.656C173.542 56.632 173.041 55.192 173.041 53.336V44.952H170.001V41.688H170.481C171.291 41.688 171.921 41.4533 172.369 40.984C172.817 40.5147 173.041 39.8747 173.041 39.064V37.72H176.657V41.688H180.593V44.952H176.657V53.176C176.657 53.7733 176.753 54.2853 176.945 54.712C177.137 55.1173 177.446 55.4373 177.873 55.672C178.299 55.8853 178.854 55.992 179.537 55.992C179.707 55.992 179.899 55.9813 180.113 55.96C180.326 55.9387 180.529 55.9173 180.721 55.896V59C180.422 59.0427 180.091 59.0853 179.729 59.128C179.366 59.1707 179.046 59.192 178.769 59.192ZM189.689 59.384C187.919 59.384 186.361 58.9467 185.017 58.072C183.695 57.1973 182.767 56.024 182.233 54.552L185.017 53.24C185.487 54.2213 186.127 55 186.937 55.576C187.769 56.152 188.687 56.44 189.689 56.44C190.543 56.44 191.236 56.248 191.769 55.864C192.303 55.48 192.569 54.9573 192.569 54.296C192.569 53.8693 192.452 53.528 192.217 53.272C191.983 52.9947 191.684 52.7707 191.321 52.6C190.98 52.4293 190.628 52.3013 190.265 52.216L187.545 51.448C186.052 51.0213 184.932 50.3813 184.185 49.528C183.46 48.6533 183.097 47.64 183.097 46.488C183.097 45.4427 183.364 44.536 183.897 43.768C184.431 42.9787 185.167 42.3707 186.105 41.944C187.044 41.5173 188.1 41.304 189.273 41.304C190.852 41.304 192.26 41.6987 193.497 42.488C194.735 43.256 195.609 44.3333 196.121 45.72L193.337 47.032C192.996 46.2 192.452 45.5387 191.705 45.048C190.98 44.5573 190.159 44.312 189.241 44.312C188.452 44.312 187.823 44.504 187.353 44.888C186.884 45.2507 186.649 45.7307 186.649 46.328C186.649 46.7333 186.756 47.0747 186.969 47.352C187.183 47.608 187.46 47.8213 187.801 47.992C188.143 48.1413 188.495 48.2693 188.857 48.376L191.673 49.208C193.103 49.6133 194.201 50.2533 194.969 51.128C195.737 51.9813 196.121 53.0053 196.121 54.2C196.121 55.224 195.844 56.1307 195.289 56.92C194.756 57.688 194.009 58.296 193.049 58.744C192.089 59.1707 190.969 59.384 189.689 59.384Z"
+        fill="#431D93" />
+    <path
+        d="M184.408 207.192C183.661 207.192 182.968 207.053 182.328 206.776C181.688 206.488 181.144 206.099 180.696 205.608C180.248 205.117 179.917 204.552 179.704 203.912L181.304 203.24C181.592 203.976 182.013 204.541 182.568 204.936C183.123 205.331 183.763 205.528 184.488 205.528C184.915 205.528 185.288 205.464 185.608 205.336C185.928 205.197 186.173 205.005 186.344 204.76C186.525 204.515 186.616 204.232 186.616 203.912C186.616 203.475 186.493 203.128 186.248 202.872C186.003 202.616 185.64 202.413 185.16 202.264L182.92 201.56C182.024 201.283 181.341 200.861 180.872 200.296C180.403 199.72 180.168 199.048 180.168 198.28C180.168 197.608 180.333 197.021 180.664 196.52C180.995 196.008 181.448 195.608 182.024 195.32C182.611 195.032 183.277 194.888 184.024 194.888C184.739 194.888 185.389 195.016 185.976 195.272C186.563 195.517 187.064 195.859 187.48 196.296C187.907 196.733 188.216 197.24 188.408 197.816L186.84 198.504C186.605 197.875 186.237 197.389 185.736 197.048C185.245 196.707 184.675 196.536 184.024 196.536C183.629 196.536 183.283 196.605 182.984 196.744C182.685 196.872 182.451 197.064 182.28 197.32C182.12 197.565 182.04 197.853 182.04 198.184C182.04 198.568 182.163 198.909 182.408 199.208C182.653 199.507 183.027 199.731 183.528 199.88L185.608 200.536C186.557 200.824 187.272 201.24 187.752 201.784C188.232 202.317 188.472 202.984 188.472 203.784C188.472 204.445 188.296 205.032 187.944 205.544C187.603 206.056 187.128 206.461 186.52 206.76C185.912 207.048 185.208 207.192 184.408 207.192ZM193.999 207.096C193.093 207.096 192.389 206.84 191.887 206.328C191.386 205.816 191.135 205.096 191.135 204.168V199.976H189.615V198.344H189.855C190.261 198.344 190.575 198.227 190.799 197.992C191.023 197.757 191.135 197.437 191.135 197.032V196.36H192.943V198.344H194.911V199.976H192.943V204.088C192.943 204.387 192.991 204.643 193.087 204.856C193.183 205.059 193.338 205.219 193.551 205.336C193.765 205.443 194.042 205.496 194.383 205.496C194.469 205.496 194.565 205.491 194.671 205.48C194.778 205.469 194.879 205.459 194.975 205.448V207C194.826 207.021 194.661 207.043 194.479 207.064C194.298 207.085 194.138 207.096 193.999 207.096ZM199.094 207.192C198.507 207.192 197.99 207.091 197.542 206.888C197.104 206.675 196.763 206.387 196.518 206.024C196.272 205.651 196.15 205.213 196.15 204.712C196.15 204.243 196.251 203.821 196.454 203.448C196.667 203.075 196.992 202.76 197.43 202.504C197.867 202.248 198.416 202.067 199.078 201.96L202.086 201.464V202.888L199.43 203.352C198.95 203.437 198.598 203.592 198.374 203.816C198.15 204.029 198.038 204.307 198.038 204.648C198.038 204.979 198.16 205.251 198.406 205.464C198.662 205.667 198.987 205.768 199.382 205.768C199.872 205.768 200.299 205.661 200.662 205.448C201.035 205.235 201.323 204.952 201.526 204.6C201.728 204.237 201.83 203.837 201.83 203.4V201.176C201.83 200.749 201.67 200.403 201.35 200.136C201.04 199.859 200.624 199.72 200.102 199.72C199.622 199.72 199.2 199.848 198.838 200.104C198.486 200.349 198.224 200.669 198.054 201.064L196.55 200.312C196.71 199.885 196.971 199.512 197.334 199.192C197.696 198.861 198.118 198.605 198.598 198.424C199.088 198.243 199.606 198.152 200.15 198.152C200.832 198.152 201.435 198.28 201.958 198.536C202.491 198.792 202.902 199.149 203.19 199.608C203.488 200.056 203.638 200.579 203.638 201.176V207H201.91V205.432L202.278 205.48C202.075 205.832 201.814 206.136 201.494 206.392C201.184 206.648 200.827 206.845 200.422 206.984C200.027 207.123 199.584 207.192 199.094 207.192ZM205.592 207V198.344H207.32V200.088L207.16 199.832C207.352 199.267 207.661 198.861 208.088 198.616C208.514 198.36 209.026 198.232 209.624 198.232H210.152V199.88H209.4C208.802 199.88 208.317 200.067 207.944 200.44C207.581 200.803 207.4 201.325 207.4 202.008V207H205.592ZM215.129 207.096C214.222 207.096 213.518 206.84 213.017 206.328C212.515 205.816 212.265 205.096 212.265 204.168V199.976H210.745V198.344H210.985C211.39 198.344 211.705 198.227 211.929 197.992C212.153 197.757 212.265 197.437 212.265 197.032V196.36H214.073V198.344H216.041V199.976H214.073V204.088C214.073 204.387 214.121 204.643 214.217 204.856C214.313 205.059 214.467 205.219 214.681 205.336C214.894 205.443 215.171 205.496 215.513 205.496C215.598 205.496 215.694 205.491 215.801 205.48C215.907 205.469 216.009 205.459 216.105 205.448V207C215.955 207.021 215.79 207.043 215.609 207.064C215.427 207.085 215.267 207.096 215.129 207.096ZM221.617 207.192C220.753 207.192 219.985 206.995 219.313 206.6C218.652 206.195 218.134 205.651 217.761 204.968C217.388 204.275 217.201 203.501 217.201 202.648C217.201 201.773 217.388 201 217.761 200.328C218.145 199.656 218.657 199.128 219.297 198.744C219.937 198.349 220.662 198.152 221.473 198.152C222.124 198.152 222.705 198.264 223.217 198.488C223.729 198.712 224.161 199.021 224.513 199.416C224.865 199.8 225.132 200.243 225.313 200.744C225.505 201.245 225.601 201.779 225.601 202.344C225.601 202.483 225.596 202.627 225.585 202.776C225.574 202.925 225.553 203.064 225.521 203.192H218.625V201.752H224.497L223.633 202.408C223.74 201.885 223.702 201.421 223.521 201.016C223.35 200.6 223.084 200.275 222.721 200.04C222.369 199.795 221.953 199.672 221.473 199.672C220.993 199.672 220.566 199.795 220.193 200.04C219.82 200.275 219.532 200.616 219.329 201.064C219.126 201.501 219.046 202.035 219.089 202.664C219.036 203.251 219.116 203.763 219.329 204.2C219.553 204.637 219.862 204.979 220.257 205.224C220.662 205.469 221.121 205.592 221.633 205.592C222.156 205.592 222.598 205.475 222.961 205.24C223.334 205.005 223.628 204.701 223.841 204.328L225.313 205.048C225.142 205.453 224.876 205.821 224.513 206.152C224.161 206.472 223.734 206.728 223.233 206.92C222.742 207.101 222.204 207.192 221.617 207.192ZM227.205 207V198.344H228.933V200.088L228.773 199.832C228.965 199.267 229.275 198.861 229.701 198.616C230.128 198.36 230.64 198.232 231.237 198.232H231.765V199.88H231.013C230.416 199.88 229.931 200.067 229.557 200.44C229.195 200.803 229.013 201.325 229.013 202.008V207H227.205ZM241.239 207.192C240.396 207.192 239.612 207.037 238.887 206.728C238.172 206.419 237.543 205.992 236.999 205.448C236.466 204.893 236.05 204.243 235.751 203.496C235.452 202.749 235.303 201.928 235.303 201.032C235.303 200.147 235.447 199.331 235.735 198.584C236.034 197.827 236.45 197.176 236.983 196.632C237.516 196.077 238.14 195.651 238.855 195.352C239.57 195.043 240.354 194.888 241.207 194.888C242.05 194.888 242.802 195.032 243.463 195.32C244.135 195.608 244.7 195.987 245.159 196.456C245.618 196.915 245.948 197.416 246.151 197.96L244.471 198.776C244.226 198.125 243.82 197.603 243.255 197.208C242.69 196.803 242.007 196.6 241.207 196.6C240.418 196.6 239.719 196.787 239.111 197.16C238.503 197.533 238.028 198.051 237.687 198.712C237.356 199.373 237.191 200.147 237.191 201.032C237.191 201.917 237.362 202.696 237.703 203.368C238.055 204.029 238.535 204.547 239.143 204.92C239.751 205.283 240.45 205.464 241.239 205.464C241.9 205.464 242.503 205.331 243.047 205.064C243.602 204.787 244.044 204.403 244.375 203.912C244.706 203.411 244.871 202.829 244.871 202.168V201.352L245.719 202.12H241.207V200.52H246.743V201.64C246.743 202.515 246.594 203.299 246.295 203.992C245.996 204.675 245.591 205.256 245.079 205.736C244.567 206.216 243.98 206.579 243.319 206.824C242.658 207.069 241.964 207.192 241.239 207.192ZM251.423 207.192C250.772 207.192 250.201 207.048 249.711 206.76C249.22 206.461 248.836 206.051 248.559 205.528C248.292 204.995 248.159 204.381 248.159 203.688V198.344H249.967V203.528C249.967 203.923 250.047 204.269 250.207 204.568C250.367 204.867 250.591 205.101 250.879 205.272C251.167 205.432 251.497 205.512 251.871 205.512C252.255 205.512 252.591 205.427 252.879 205.256C253.167 205.085 253.391 204.845 253.551 204.536C253.721 204.227 253.807 203.864 253.807 203.448V198.344H255.599V207H253.887V205.304L254.079 205.528C253.876 206.061 253.54 206.472 253.071 206.76C252.601 207.048 252.052 207.192 251.423 207.192ZM257.55 207V198.344H259.358V207H257.55ZM257.55 197.16V195.08H259.358V197.16H257.55ZM265.312 207.192C264.48 207.192 263.733 206.995 263.072 206.6C262.421 206.195 261.904 205.651 261.52 204.968C261.146 204.285 260.96 203.517 260.96 202.664C260.96 201.811 261.152 201.043 261.536 200.36C261.92 199.677 262.437 199.139 263.088 198.744C263.738 198.349 264.474 198.152 265.296 198.152C265.989 198.152 266.602 198.291 267.136 198.568C267.669 198.845 268.09 199.229 268.4 199.72L268.128 200.136V194.888H269.92V207H268.208V205.24L268.416 205.576C268.117 206.099 267.69 206.499 267.136 206.776C266.581 207.053 265.973 207.192 265.312 207.192ZM265.488 205.512C265.989 205.512 266.437 205.389 266.832 205.144C267.237 204.899 267.552 204.563 267.776 204.136C268.01 203.699 268.128 203.208 268.128 202.664C268.128 202.12 268.01 201.635 267.776 201.208C267.552 200.781 267.237 200.445 266.832 200.2C266.437 199.955 265.989 199.832 265.488 199.832C264.986 199.832 264.533 199.955 264.128 200.2C263.722 200.445 263.408 200.781 263.184 201.208C262.96 201.635 262.848 202.12 262.848 202.664C262.848 203.208 262.96 203.699 263.184 204.136C263.408 204.563 263.717 204.899 264.112 205.144C264.517 205.389 264.976 205.512 265.488 205.512ZM275.934 207.192C275.07 207.192 274.302 206.995 273.63 206.6C272.969 206.195 272.452 205.651 272.078 204.968C271.705 204.275 271.518 203.501 271.518 202.648C271.518 201.773 271.705 201 272.078 200.328C272.462 199.656 272.974 199.128 273.614 198.744C274.254 198.349 274.98 198.152 275.79 198.152C276.441 198.152 277.022 198.264 277.534 198.488C278.046 198.712 278.478 199.021 278.83 199.416C279.182 199.8 279.449 200.243 279.63 200.744C279.822 201.245 279.918 201.779 279.918 202.344C279.918 202.483 279.913 202.627 279.902 202.776C279.892 202.925 279.87 203.064 279.838 203.192H272.942V201.752H278.814L277.95 202.408C278.057 201.885 278.02 201.421 277.838 201.016C277.668 200.6 277.401 200.275 277.038 200.04C276.686 199.795 276.27 199.672 275.79 199.672C275.31 199.672 274.884 199.795 274.51 200.04C274.137 200.275 273.849 200.616 273.646 201.064C273.444 201.501 273.364 202.035 273.406 202.664C273.353 203.251 273.433 203.763 273.646 204.2C273.87 204.637 274.18 204.979 274.574 205.224C274.98 205.469 275.438 205.592 275.95 205.592C276.473 205.592 276.916 205.475 277.278 205.24C277.652 205.005 277.945 204.701 278.158 204.328L279.63 205.048C279.46 205.453 279.193 205.821 278.83 206.152C278.478 206.472 278.052 206.728 277.55 206.92C277.06 207.101 276.521 207.192 275.934 207.192Z"
+        fill="#7A3EF4" />
+    <path
+        d="M175 150C191.569 150 205 136.569 205 120C205 103.431 191.569 90 175 90C158.431 90 145 103.431 145 120C145 136.569 158.431 150 175 150Z"
+        fill="#431D93" />
+    <path d="M167.047 132.996V109.203L186.703 121.099L167.047 132.996Z" fill="white" />
+    <path
+        d="M325.834 205.218C326.558 203.009 326.814 200.674 326.586 198.361C326.357 196.049 325.649 193.809 324.506 191.785L313.04 191.495V191.351L324.076 191.072C322.743 188.974 320.96 187.198 318.856 185.874L310 185.652V185.509L317.871 185.31C314.646 183.581 310.941 182.962 307.329 183.549C303.717 184.136 300.398 185.895 297.886 188.556L307.791 188.807V188.95L297.294 189.213C294.732 192.223 293.328 196.048 293.334 200C293.334 200.179 293.334 200.353 293.342 200.528C293.342 200.54 293.342 200.552 293.342 200.563L297.299 200.664V200.807L293.356 200.907C293.356 200.919 293.356 200.931 293.356 200.942C293.5 203.543 294.255 206.073 295.56 208.328L302.154 208.495V208.638L295.842 208.798C297.39 211.284 299.563 213.319 302.145 214.702C302.35 214.814 302.558 214.919 302.769 215.021V201.176H304.368C304.429 201.176 304.49 201.188 304.547 201.212C304.604 201.235 304.656 201.27 304.699 201.313C304.743 201.357 304.777 201.409 304.801 201.465C304.824 201.522 304.836 201.583 304.836 201.645V215.851C308.193 216.939 311.807 216.939 315.164 215.851V201.645C315.164 201.583 315.176 201.522 315.2 201.465C315.223 201.409 315.258 201.357 315.301 201.313C315.345 201.27 315.396 201.235 315.453 201.212C315.51 201.188 315.571 201.176 315.633 201.176H317.23V215.023C317.438 214.922 317.645 214.817 317.848 214.708C319.478 213.837 320.952 212.702 322.209 211.347L318.07 211.242V211.099L322.536 210.986C323.906 209.425 324.972 207.622 325.678 205.669L319.718 205.517V205.374L325.834 205.218ZM319.542 200.737H300.458L300.113 199.359H302.769V197.882H303.311C303.505 197.882 303.697 197.92 303.876 197.995C304.055 198.069 304.217 198.177 304.354 198.314C304.491 198.451 304.599 198.614 304.673 198.793C304.747 198.972 304.785 199.164 304.785 199.357H308.967V197.39H298.836C298.638 195.816 297.704 194.587 297.704 194.587C300.458 195.225 310 195.275 310 195.275C310 195.275 319.542 195.225 322.295 194.587C322.295 194.587 321.362 195.816 321.164 197.39H311.033V199.358H315.216C315.216 199.164 315.254 198.972 315.328 198.793C315.402 198.614 315.511 198.452 315.648 198.315C315.785 198.178 315.948 198.069 316.127 197.995C316.306 197.921 316.497 197.883 316.691 197.883H317.233V199.358H319.889L319.542 200.737Z"
+        fill="#431D93" />
+</svg>