Switches landing page icons

6 files changed, 42 insertions, 13 deletions

diff --git a/packages/website/ts/@next/components/sections/landing/about.tsx b/packages/website/ts/@next/components/sections/landing/about.tsx
index 84767b90e..0d55a4522 100644
--- a/packages/website/ts/@next/components/sections/landing/about.tsx
+++ b/packages/website/ts/@next/components/sections/landing/about.tsx
@@ -14,10 +14,10 @@ interface FigureProps {
 export const SectionLandingAbout = () => (
     <Section bgColor="dark" isTextCentered={true}>
         <InlineIconWrap>
-            <Icon name="coin" size="small" />
-            <Icon name="coin" size="small" />
-            <Icon name="coin" size="small" />
-            <Icon name="coin" size="small" />
+            <Icon name="descriptionCoin" size="small" />
+            <Icon name="descriptionCopy" size="small" />
+            <Icon name="descriptionFlask" size="small" />
+            <Icon name="descriptionBolt" size="small" />
         </InlineIconWrap>
 
         <Paragraph
diff --git a/packages/website/ts/@next/icons/illustrations/descriptionBolt.svg b/packages/website/ts/@next/icons/illustrations/descriptionBolt.svg
new file mode 100755
index 000000000..45e51240f
--- /dev/null
+++ b/packages/website/ts/@next/icons/illustrations/descriptionBolt.svg
@@ -0,0 +1,4 @@
+<svg width="78" height="78" viewBox="0 0 78 78" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.8049 76C59.2395 76 75.8049 59.4345 75.8049 39C75.8049 18.5655 59.2395 2 38.8049 2C18.3704 2 1.80493 18.5655 1.80493 39C1.80493 59.4345 18.3704 76 38.8049 76Z" stroke="#00AE99" stroke-width="3" stroke-miterlimit="10"/>
+<path d="M38.6065 14.2613L16.2874 44.3102H38.6065L38.6679 63.4778L60.9257 33.3678H38.6065V14.2613Z" stroke="#00AE99" stroke-width="3" stroke-miterlimit="10"/>
+</svg>
diff --git a/packages/website/ts/@next/icons/illustrations/descriptionCoin.svg b/packages/website/ts/@next/icons/illustrations/descriptionCoin.svg
new file mode 100755
index 000000000..d1015b98d
--- /dev/null
+++ b/packages/website/ts/@next/icons/illustrations/descriptionCoin.svg
@@ -0,0 +1,9 @@
+<svg width="78" height="78" viewBox="0 0 78 78" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M39 76C59.4345 76 76 59.4345 76 39C76 18.5655 59.4345 2 39 2C18.5655 2 2.00001 18.5655 2.00001 39C2.00001 59.4345 18.5655 76 39 76Z" stroke="#00AE99" stroke-width="3" stroke-miterlimit="10"/>
+<path d="M39.0037 75.9359C59.4007 75.9359 75.9357 59.4009 75.9357 39.0038C75.9357 18.6068 59.4007 2.07178 39.0037 2.07178C18.6066 2.07178 2.07159 18.6068 2.07159 39.0038C2.07159 59.4009 18.6066 75.9359 39.0037 75.9359Z" stroke="#00AE99" stroke-width="3" stroke-miterlimit="10"/>
+<path d="M29.0225 53.7728V55.2728H30.5225H50.4155H51.9155V53.7728V47.9811V46.4811H50.4155H45.3684V21.5411V20.0411H43.8684H37.5732H37.1123L36.7309 20.2999L29.6803 25.0843L29.0225 25.5306V26.3255V33.2922V36.1228L31.3648 34.5335L36.0732 31.3385V46.4811H30.5225H29.0225V47.9811V53.7728Z" stroke="#00AE99" stroke-width="3"/>
+<path d="M2.06793 38.7483C9.70615 37.4893 15.5817 30.9422 15.5817 22.8843C15.5817 19.275 14.4066 16.0015 12.3921 13.3156C6.09688 19.9465 2.15187 28.9277 2.06793 38.7483Z" stroke="#00AE99" stroke-width="3" stroke-miterlimit="10"/>
+<path d="M2.06793 39.2518C2.15187 49.1563 6.09688 58.0535 12.3921 64.6845C14.4066 61.9986 15.5817 58.725 15.5817 55.1158C15.5817 47.0579 9.70615 40.4269 2.06793 39.2518Z" stroke="#00AE99" stroke-width="3" stroke-miterlimit="10"/>
+<path d="M75.9322 38.7483C68.294 37.4893 62.4184 30.9422 62.4184 22.8843C62.4184 19.275 63.5936 16.0015 65.608 13.3156C71.9033 19.9465 75.8483 28.9277 75.9322 38.7483Z" stroke="#00AE99" stroke-width="3" stroke-miterlimit="10"/>
+<path d="M75.9321 39.2518C75.8482 49.1563 71.9031 58.0536 65.6079 64.6846C63.5934 61.9986 62.4183 58.7251 62.4183 55.1158C62.4183 47.0579 68.2939 40.4269 75.9321 39.2518Z" stroke="#00AE99" stroke-width="3" stroke-miterlimit="10"/>
+</svg>
diff --git a/packages/website/ts/@next/icons/illustrations/descriptionCopy.svg b/packages/website/ts/@next/icons/illustrations/descriptionCopy.svg
new file mode 100755
index 000000000..a8e454ffd
--- /dev/null
+++ b/packages/website/ts/@next/icons/illustrations/descriptionCopy.svg
@@ -0,0 +1,7 @@
+<svg width="78" height="78" viewBox="0 0 78 78" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.8181 76C59.2526 76 75.8181 59.4345 75.8181 39C75.8181 18.5655 59.2526 2 38.8181 2C18.3836 2 1.8181 18.5655 1.8181 39C1.8181 59.4345 18.3836 76 38.8181 76Z" stroke="#00AE99" stroke-width="3" stroke-miterlimit="10"/>
+<path d="M48.5054 10.9474V20.0965H57.6545" stroke="#00AE99" stroke-width="3" stroke-miterlimit="10"/>
+<path d="M57.6546 20.0964V48.351H32.5619V10.9473H48.5055L57.6546 20.0964Z" stroke="#00AE99" stroke-width="3" stroke-miterlimit="10"/>
+<path d="M29.1309 67.0529V57.9038H19.9818" stroke="#00AE99" stroke-width="3" stroke-miterlimit="10"/>
+<path d="M19.9818 57.9039V29.6494H45.0745V67.053H29.1309L19.9818 57.9039Z" stroke="#00AE99" stroke-width="3" stroke-miterlimit="10"/>
+</svg>
diff --git a/packages/website/ts/@next/icons/illustrations/descriptionFlask.svg b/packages/website/ts/@next/icons/illustrations/descriptionFlask.svg
new file mode 100755
index 000000000..703b069d5
--- /dev/null
+++ b/packages/website/ts/@next/icons/illustrations/descriptionFlask.svg
@@ -0,0 +1,7 @@
+<svg width="78" height="78" viewBox="0 0 78 78" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.9868 76C59.4213 76 75.9868 59.4345 75.9868 39C75.9868 18.5655 59.4213 2 38.9868 2C18.5523 2 1.9868 18.5655 1.9868 39C1.9868 59.4345 18.5523 76 38.9868 76Z" stroke="#00AE99" stroke-width="3" stroke-miterlimit="10"/>
+<path d="M38.9868 76C59.4213 76 75.9868 59.4345 75.9868 39C75.9868 18.5655 59.4213 2 38.9868 2C18.5523 2 1.9868 18.5655 1.9868 39C1.9868 59.4345 18.5523 76 38.9868 76Z" stroke="#00AE99" stroke-width="3" stroke-miterlimit="10"/>
+<path d="M42.7537 37.1178V15.3887H45.8483V9.26685H32.1246V15.3887H35.2192V37.1178C28.1555 38.7996 22.9083 45.1905 22.9083 52.725C22.9083 61.605 30.1064 68.8032 38.9864 68.8032C47.8664 68.8032 55.0646 61.605 55.0646 52.725C55.0646 45.1232 49.8174 38.7996 42.7537 37.1178Z" stroke="#00AE99" stroke-width="3" stroke-miterlimit="10"/>
+<path d="M45.848 9.19794H32.1243V15.3197H45.848V9.19794Z" stroke="#00AE99" stroke-width="3" stroke-miterlimit="10"/>
+<path d="M25.5996 43.7092H52.3069" stroke="#00AE99" stroke-width="3" stroke-miterlimit="10"/>
+</svg>
diff --git a/packages/website/ts/@next/icons/illustrations/getStarted.svg b/packages/website/ts/@next/icons/illustrations/getStarted.svg
index c99e2ab99..627e1810b 100644
--- a/packages/website/ts/@next/icons/illustrations/getStarted.svg
+++ b/packages/website/ts/@next/icons/illustrations/getStarted.svg
@@ -1,11 +1,13 @@
 <svg width="150" height="150" viewBox="0 0 150 150" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M75 3.5C35.5116 3.5 3.5 35.5116 3.5 75C3.5 114.488 35.5116 146.5 75 146.5C114.488 146.5 146.5 114.488 146.5 75C146.5 35.5116 114.488 3.5 75 3.5ZM0.5 75C0.5 33.8548 33.8548 0.5 75 0.5C116.145 0.5 149.5 33.8548 149.5 75C149.5 116.145 116.145 149.5 75 149.5C33.8548 149.5 0.5 116.145 0.5 75Z" fill="#00AE99"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M75 18.5C43.7959 18.5 18.5 43.7959 18.5 75C18.5 106.204 43.7959 131.5 75 131.5C106.204 131.5 131.5 106.204 131.5 75C131.5 43.7959 106.204 18.5 75 18.5ZM15.5 75C15.5 42.1391 42.1391 15.5 75 15.5C107.861 15.5 134.5 42.1391 134.5 75C134.5 107.861 107.861 134.5 75 134.5C42.1391 134.5 15.5 107.861 15.5 75Z" fill="#00AE99"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M116.902 33.0982L88.1323 88.1325L33.098 116.902L61.8676 61.8678L116.902 33.0982ZM63.3625 65.4839L40.1913 109.809L84.5162 86.6376L63.3625 65.4839ZM86.6375 84.5163L65.4838 63.3626L109.809 40.1914L86.6375 84.5163Z" fill="#00AE99"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M73.5 17V2H76.5V17H73.5ZM73.5 148V133H76.5V148H73.5Z" fill="#00AE99"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17 76.5L2 76.5L2 73.5L17 73.5L17 76.5ZM148 76.5L133 76.5L133 73.5L148 73.5L148 76.5Z" fill="#00AE99"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0205 47.2991L11.0302 39.7991L12.5302 37.201L25.5205 44.701L24.0205 47.2991ZM137.47 112.799L124.479 105.299L125.979 102.701L138.97 110.201L137.47 112.799Z" fill="#00AE99"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M44.7011 25.5204L37.2011 12.53L39.7992 11.03L47.2992 24.0204L44.7011 25.5204ZM110.201 138.97L102.701 125.979L105.299 124.479L112.799 137.47L110.201 138.97Z" fill="#00AE99"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M102.701 24.0204L110.201 11.03L112.799 12.53L105.299 25.5204L102.701 24.0204ZM37.2009 137.47L44.7009 124.479L47.299 125.979L39.799 138.97L37.2009 137.47Z" fill="#00AE99"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M124.479 44.7009L137.47 37.2009L138.97 39.799L125.979 47.299L124.479 44.7009ZM11.0301 110.201L24.0205 102.701L25.5205 105.299L12.5301 112.799L11.0301 110.201Z" fill="#00AE99"/>
+<g>
+<circle cx="75" cy="75" r="73" stroke="#00AE99" stroke-width="3"/>
+<circle cx="75" cy="75" r="58" stroke="#00AE99" stroke-width="3"/>
+<path d="M62.9792 62.9792L36.6447 113.355L87.0208 87.0208M62.9792 62.9792L113.355 36.6447L87.0208 87.0208M62.9792 62.9792L87.0208 87.0208" stroke="#00AE99" stroke-width="3"/>
+<path d="M75 2V17M75 133V148" stroke="#00AE99" stroke-width="3"/>
+<path d="M2 75L17 75M133 75L148 75" stroke="#00AE99" stroke-width="3"/>
+<path d="M11.7801 38.5L24.7705 46M125.229 104L138.22 111.5" stroke="#00AE99" stroke-width="3"/>
+<path d="M38.5001 11.7801L46.0001 24.7705M104 125.229L111.5 138.22" stroke="#00AE99" stroke-width="3"/>
+<path d="M111.5 11.7801L104 24.7705M46 125.229L38.5 138.22" stroke="#00AE99" stroke-width="3"/>
+<path d="M138.22 38.5L125.229 46M24.7705 104L11.7801 111.5" stroke="#00AE99" stroke-width="3"/>
+</g>
 </svg>