feat: improve homepage with new images and features

- Link to transactions page from transaction signing guide - Add images for build apps homepage - Add icons to ecosystem pages - Make minor fixes to registry tutorial
4 years ago · f710663cca
20 changed files with 199 additions and 35 deletions
--- a/public/images/cli.svg
+++ b/public/images/cli.svg
@ -0,0 +1,14 @@
+<svg width="344" height="268" viewBox="0 0 344 268" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="344" height="268">
+<path d="M344 0H0V268H344V0Z" fill="white" />
+</mask>
+<g mask="url(#mask0)">
+<path d="M344 0H0V268H344V0Z"/>
+<path d="M63.9998 56.5993C81.9998 56.5993 81.9998 55.9993 99.9998 55.9993C118 55.9993 118 56.3993 136 56.3993C154 56.3993 154 56.4993 172 56.4993C190 56.4993 190 56.3993 208 56.3993C226 56.3993 226 56.4993 244 56.4993C262 56.4993 262 56.1993 280 56.1993C284.4 56.1993 288 59.6993 288 64.0993C288 81.5993 287.7 81.5993 287.7 99.0993C287.7 116.599 287.9 116.599 287.9 134.099C287.9 151.599 287.8 151.599 287.8 169.099C287.8 186.599 287.7 186.599 287.7 204.099C287.7 208.499 284.4 212.299 279.9 212.299C261.9 212.299 261.9 211.699 243.9 211.699C225.9 211.699 225.9 212.099 207.9 212.099C189.9 212.099 189.9 211.899 171.9 211.899C153.9 211.899 153.9 211.499 135.9 211.499C117.9 211.499 117.9 211.899 99.8998 211.899C81.8998 211.899 81.8998 212.299 63.8998 212.299C59.4998 212.299 55.9998 208.399 55.9998 203.899C55.9998 186.399 56.2998 186.399 56.2998 168.899C56.2998 151.399 56.0998 151.399 56.0998 133.899C56.0998 116.399 56.1998 116.399 56.1998 98.8993C56.1998 81.3993 55.7998 81.3993 55.7998 63.8993C55.8998 59.7993 59.5998 56.5993 63.9998 56.5993Z" fill="white"/>
+<path d="M72 68C74.2 68 76 69.8 76 72C76 74.2 74.2 76 72 76C69.8 76 68 74.2 68 72C68 69.8 69.8 68 72 68Z" fill="#9AC5EC"/>
+<path d="M84 68C86.2 68 88 69.8 88 72C88 74.2 86.2 76 84 76C81.8 76 80 74.2 80 72C80 69.8 81.8 68 84 68Z" fill="#9AC5EC"/>
+<path d="M96 68C98.2 68 100 69.8 100 72C100 74.2 98.2 76 96 76C93.8 76 92 74.2 92 72C92 69.8 93.8 68 96 68Z" fill="#9AC5EC"/>
+<path d="M163 122H117V128H163V122Z" fill="#42444E"/>
+<path d="M93.0004 96L109 112L93.0004 128L88.4004 123.4L99.8004 112L88.4004 100.6L93.0004 96Z" fill="#42444E"/>
+</g>
+</svg>
--- a/public/images/contract.svg
+++ b/public/images/contract.svg
--- a/public/images/gears.svg
+++ b/public/images/gears.svg
@ -0,0 +1,17 @@
+<svg width="344" height="268" viewBox="0 0 344 268" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M344 0H0V268H344V0Z" />
+<path d="M123.644 86.5015C124.144 86.5015 124.544 86.6015 125.044 86.6015C125.544 86.6015 126.044 86.6015 126.444 86.6015C126.944 86.7015 127.344 86.9015 127.844 87.0015C128.344 87.1015 128.744 87.3015 129.244 87.4015C129.744 87.5015 130.244 87.4015 130.644 87.5015C131.044 87.6015 131.544 87.8015 131.944 88.0015C132.344 88.2015 132.744 88.5015 133.144 88.7015C133.544 88.9015 133.944 89.2015 134.344 89.5015C134.744 89.7015 135.344 89.7015 135.744 90.0015C136.144 90.3015 136.444 90.6015 136.844 90.9015C137.244 91.2015 137.444 91.7015 137.844 92.0015C138.244 92.3015 138.644 92.5015 139.044 92.8015C139.344 93.1015 139.744 93.5015 140.044 93.8015C140.344 94.1015 140.844 94.3015 141.144 94.7015C141.444 95.1015 141.744 95.5015 142.044 95.8015C142.344 96.2015 142.444 96.7015 142.744 97.1015C143.044 97.5015 143.344 97.9015 143.544 98.3015C143.744 98.7015 143.944 99.2015 144.144 99.6015C144.344 100.001 144.344 100.601 144.444 101.001C144.644 101.401 144.944 101.801 145.144 102.301C145.244 102.701 145.444 103.201 145.544 103.701C145.644 104.201 145.944 104.601 145.944 105.101C146.044 105.601 145.844 106.101 145.844 106.501C145.944 107.001 145.844 107.401 145.944 107.901C145.944 108.401 146.044 108.801 146.044 109.301C146.044 109.801 146.144 110.201 146.044 110.701C146.044 111.201 145.844 111.601 145.844 112.101C145.744 112.601 145.944 113.101 145.844 113.501C145.744 114.001 145.644 114.401 145.544 114.901C145.444 115.401 145.244 115.801 145.044 116.201C144.944 116.601 144.444 117.001 144.244 117.401C144.044 117.801 143.944 118.301 143.744 118.701C143.544 119.101 143.644 119.701 143.444 120.101C143.244 120.501 142.844 120.901 142.644 121.301C142.344 121.701 142.044 122.001 141.744 122.401C141.444 122.801 141.244 123.201 140.944 123.601C140.644 124.001 140.344 124.301 140.044 124.701C139.744 125.001 139.244 125.201 138.944 125.601C138.644 125.901 138.244 126.201 137.844 126.501C137.444 126.801 137.044 127.101 136.744 127.301C136.344 127.601 135.944 127.801 135.544 128.001C135.144 128.301 134.744 128.501 134.344 128.701C133.944 128.901 133.544 129.201 133.144 129.401C132.744 129.601 132.344 129.901 131.944 130.101C131.544 130.301 130.944 130.101 130.544 130.301C130.144 130.401 129.744 130.801 129.244 130.901C128.744 131.001 128.344 131.101 127.844 131.201C127.344 131.301 126.944 131.401 126.444 131.501C125.944 131.601 125.544 131.401 125.044 131.501C124.544 131.501 124.144 131.801 123.644 131.801C123.144 131.801 122.744 131.601 122.244 131.601C121.744 131.601 121.244 131.601 120.844 131.601C120.344 131.501 119.944 131.301 119.444 131.201C118.944 131.101 118.544 131.001 118.044 130.901C117.544 130.801 117.144 130.701 116.644 130.601C116.244 130.501 115.744 130.301 115.344 130.101C114.944 129.901 114.544 129.601 114.144 129.401C113.744 129.201 113.144 129.201 112.744 129.001C112.344 128.801 112.044 128.301 111.644 128.001C111.244 127.701 110.844 127.501 110.444 127.201C110.044 126.901 109.644 126.701 109.344 126.401C108.944 126.101 108.544 125.901 108.244 125.501C107.944 125.201 107.544 124.901 107.244 124.501C106.944 124.201 106.644 123.801 106.344 123.401C106.044 123.001 105.844 122.601 105.544 122.201C105.244 121.801 104.844 121.501 104.544 121.101C104.244 120.701 104.144 120.301 103.844 119.801C103.644 119.401 103.444 118.901 103.244 118.501C103.044 118.101 102.844 117.601 102.644 117.201C102.444 116.801 102.544 116.201 102.344 115.801C102.244 115.401 101.844 115.001 101.744 114.501C101.644 114.001 101.544 113.601 101.544 113.101C101.444 112.601 101.544 112.201 101.444 111.701C101.344 111.201 101.344 110.801 101.344 110.301C101.344 109.801 101.044 109.401 101.044 108.901C101.044 108.401 100.944 107.901 101.044 107.501C101.044 107.001 101.444 106.601 101.544 106.101C101.644 105.601 101.444 105.101 101.544 104.701C101.644 104.201 101.744 103.801 101.844 103.301C101.944 102.801 102.244 102.401 102.344 102.001C102.444 101.601 102.644 101.101 102.844 100.701C103.044 100.301 103.344 99.9015 103.544 99.5015C103.744 99.1015 103.744 98.5015 103.944 98.1015C104.144 97.7015 104.444 97.3015 104.644 96.9015C104.944 96.5015 105.444 96.3015 105.644 95.9015C105.944 95.5015 106.044 95.1015 106.344 94.7015C106.644 94.3015 106.944 94.0015 107.244 93.6015C107.544 93.3015 107.844 92.9015 108.244 92.6015C108.544 92.3015 109.144 92.2015 109.444 91.9015C109.844 91.6015 110.044 91.2015 110.444 90.9015C110.844 90.6015 111.144 90.3015 111.544 90.1015C111.944 89.8015 112.444 89.8015 112.844 89.5015C113.244 89.3015 113.644 89.1015 114.044 88.9015C114.444 88.7015 114.744 88.3015 115.244 88.1015C115.644 87.9015 116.044 87.6015 116.544 87.5015C116.944 87.4015 117.544 87.4015 117.944 87.3015C118.444 87.2015 118.844 86.8015 119.244 86.8015C119.744 86.7015 120.244 87.1015 120.744 87.0015C121.244 86.9015 121.644 86.8015 122.144 86.8015C122.744 86.7015 123.144 86.5015 123.644 86.5015Z" stroke="#0F1117" stroke-width="3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112 110.517V108.486C112 107.932 112.462 107.471 112.923 107.378L116.154 107.101C116.246 106.64 116.523 106.086 116.708 105.625L114.677 103.225C114.308 102.763 114.4 102.209 114.769 101.748L116.246 100.271C116.708 99.9015 117.262 99.8092 117.723 100.178L120.123 102.301C120.585 102.025 121.138 101.84 121.6 101.655L121.877 98.4245C121.969 97.963 122.431 97.5015 122.985 97.5015H125.015C125.662 97.5015 126.123 97.963 126.123 98.4245L126.4 101.655C126.954 101.84 127.415 102.025 127.877 102.301L130.369 100.178C130.738 99.8092 131.385 99.9015 131.754 100.271L133.231 101.748C133.692 102.209 133.692 102.763 133.323 103.225L131.292 105.625C131.569 106.086 131.754 106.64 131.938 107.101L135.077 107.378C135.631 107.471 136 107.932 136 108.486V110.517C136 111.163 135.631 111.625 135.077 111.625L131.938 111.901C131.754 112.455 131.569 112.917 131.292 113.378L133.323 115.871C133.692 116.24 133.692 116.886 133.231 117.255L131.754 118.732C131.385 119.194 130.738 119.194 130.369 118.825L127.877 116.794C127.415 117.071 126.954 117.255 126.4 117.44L126.123 120.578C126.123 121.132 125.662 121.501 125.015 121.501H122.985C122.431 121.501 121.969 121.132 121.877 120.578L121.6 117.44C121.138 117.255 120.585 117.071 120.123 116.794L117.723 118.825C117.262 119.194 116.708 119.194 116.246 118.732L114.769 117.255C114.4 116.886 114.308 116.24 114.677 115.871L116.708 113.378C116.523 112.917 116.246 112.455 116.154 111.901L112.923 111.625C112.462 111.625 112 111.163 112 110.517ZM124 105.809C121.969 105.809 120.308 107.471 120.308 109.501C120.308 111.625 121.969 113.286 124 113.286C126.123 113.286 127.785 111.625 127.785 109.501C127.785 107.471 126.123 105.809 124 105.809Z" fill="white"/>
+<path d="M124 149.5C124.5 149.5 124.9 149.5 125.4 149.6C125.9 149.7 126.3 150 126.7 150.1C127.1 150.3 127.5 150.5 127.9 150.7C128.3 150.9 128.8 151.1 129.1 151.4C129.5 151.7 129.8 152 130.1 152.4C130.4 152.8 130.6 153.2 130.8 153.6C131 154 131.2 154.4 131.4 154.9C131.6 155.3 131.8 155.7 131.9 156.2C132 156.7 132 157.1 132 157.6C132 158.1 131.9 158.5 131.8 159C131.7 159.5 131.6 159.9 131.5 160.4C131.3 160.8 131.2 161.3 130.9 161.7C130.7 162.1 130.3 162.4 130 162.8C129.7 163.2 129.4 163.5 129 163.8C128.6 164.1 128.3 164.4 127.9 164.6C127.5 164.8 127.1 165.1 126.7 165.2C126.3 165.4 125.8 165.3 125.3 165.4C124.8 165.5 124.4 165.7 123.9 165.7C123.4 165.7 123 165.7 122.5 165.6C122 165.5 121.6 165.3 121.2 165.1C120.8 164.9 120.3 164.8 119.9 164.6C119.5 164.4 119.2 164 118.8 163.7C118.4 163.4 118.1 163.1 117.8 162.7C117.5 162.3 117.2 162 117 161.6C116.8 161.2 116.5 160.8 116.3 160.4C116.1 160 116 159.5 116 159C115.9 158.5 116 158.1 116 157.6C116 157.1 116.1 156.7 116.1 156.2C116.2 155.7 116.1 155.2 116.3 154.8C116.5 154.4 116.8 154 117 153.6C117.2 153.2 117.6 152.9 117.9 152.5C118.2 152.1 118.4 151.7 118.8 151.4C119.2 151.1 119.6 150.9 120 150.7C120.4 150.5 120.8 150.1 121.2 150C121.6 149.8 122.1 149.7 122.6 149.7C123.1 149.5 123.5 149.5 124 149.5Z" stroke="#0F1117" stroke-width="8"/>
+<path d="M171.999 86.8C172.499 86.8 172.999 86.9 173.399 86.9C173.899 86.9 174.299 87.1 174.799 87.2C175.299 87.3 175.799 87.2 176.199 87.3C176.699 87.4 177.099 87.5 177.599 87.6C178.099 87.7 178.499 87.8 178.999 87.9C179.399 88 179.799 88.4 180.299 88.6C180.699 88.8 181.299 88.8 181.699 89C182.099 89.2 182.499 89.6 182.899 89.8C183.299 90 183.799 90.2 184.199 90.5C184.599 90.8 185.099 90.9 185.499 91.2C185.899 91.5 186.199 91.9 186.499 92.2C186.899 92.5 187.099 92.9 187.499 93.2C187.799 93.5 188.299 93.8 188.599 94.1C188.899 94.4 189.199 94.9 189.499 95.2C189.799 95.6 190.099 95.9 190.399 96.3C190.699 96.7 191.099 96.9 191.399 97.3C191.699 97.7 191.899 98.1 192.099 98.5C192.299 98.9 192.299 99.4 192.499 99.9C192.699 100.3 192.899 100.7 193.099 101.2C193.299 101.6 193.499 102 193.699 102.5C193.799 102.9 193.899 103.4 194.099 103.9C194.199 104.4 194.099 104.8 194.199 105.3C194.299 105.8 194.399 106.2 194.399 106.7C194.499 107.2 194.699 107.6 194.799 108.1C194.799 108.6 194.899 109 194.899 109.5C194.899 110 194.599 110.4 194.599 110.9C194.599 111.4 194.599 111.9 194.599 112.3C194.499 112.8 194.399 113.2 194.299 113.7C194.199 114.2 193.999 114.6 193.899 115.1C193.799 115.6 193.799 116.1 193.699 116.5C193.599 116.9 193.399 117.4 193.299 117.8C193.099 118.2 192.699 118.6 192.499 119C192.299 119.4 192.299 119.9 191.999 120.3C191.799 120.7 191.499 121.1 191.199 121.5C190.899 121.9 190.899 122.5 190.599 122.8C190.299 123.2 189.699 123.3 189.399 123.7C189.099 124.1 188.899 124.5 188.599 124.9C188.299 125.2 187.799 125.4 187.499 125.8C187.199 126.1 186.899 126.6 186.599 126.9C186.199 127.2 185.899 127.5 185.499 127.8C185.099 128.1 184.799 128.4 184.399 128.7C183.999 129 183.599 129.2 183.199 129.4C182.799 129.6 182.399 129.9 181.899 130.1C181.499 130.3 180.999 130.4 180.599 130.6C180.199 130.8 179.799 131 179.299 131.2C178.899 131.3 178.399 131.4 177.899 131.5C177.399 131.6 176.999 131.7 176.499 131.8C175.999 131.9 175.599 132 175.099 132.1C174.599 132.2 174.099 131.9 173.699 131.9C173.199 131.9 172.799 132.1 172.299 132.1C171.799 132.1 171.299 132.3 170.899 132.3C170.399 132.3 169.999 132 169.499 131.9C168.999 131.8 168.599 131.7 168.099 131.6C167.599 131.5 167.199 131.4 166.699 131.3C166.199 131.2 165.799 131.2 165.299 131C164.899 130.9 164.299 130.9 163.899 130.7C163.499 130.5 163.099 130.3 162.599 130.1C162.199 129.9 161.699 129.8 161.299 129.5C160.899 129.3 160.599 128.9 160.199 128.6C159.799 128.3 159.399 128.2 158.999 127.9C158.599 127.6 158.299 127.3 157.899 127C157.499 126.7 157.099 126.5 156.799 126.1C156.499 125.8 156.299 125.3 155.999 124.9C155.699 124.6 155.299 124.2 154.999 123.9C154.699 123.5 154.399 123.2 154.199 122.8C153.899 122.4 153.599 122.1 153.299 121.7C152.999 121.3 152.599 121 152.399 120.6C152.199 120.2 152.199 119.6 151.999 119.2C151.799 118.8 151.699 118.3 151.499 117.9C151.299 117.5 151.099 117.1 150.899 116.6C150.799 116.2 150.699 115.7 150.599 115.2C150.499 114.7 150.499 114.3 150.399 113.8C150.299 113.3 149.999 112.9 149.999 112.4C149.899 111.9 150.099 111.5 150.099 111C150.099 110.5 149.899 110.1 149.899 109.6C149.899 109.1 149.699 108.6 149.799 108.2C149.799 107.7 149.799 107.2 149.899 106.8C149.999 106.3 150.399 105.9 150.499 105.5C150.599 105 150.399 104.5 150.499 104.1C150.599 103.6 150.699 103.2 150.799 102.7C150.899 102.3 151.399 101.9 151.599 101.5C151.799 101.1 151.699 100.5 151.899 100.1C152.099 99.7 152.299 99.2 152.499 98.8C152.699 98.4 153.199 98.1 153.399 97.7C153.699 97.3 153.999 97 154.299 96.6C154.599 96.2 154.799 95.8 155.099 95.5C155.399 95.1 155.499 94.6 155.899 94.3C156.199 94 156.699 93.7 156.999 93.4C157.299 93.1 157.599 92.7 157.999 92.4C158.399 92.1 158.699 91.7 159.099 91.5C159.499 91.2 159.799 90.9 160.199 90.7C160.599 90.4 160.999 90.1 161.399 89.9C161.799 89.7 162.299 89.5 162.699 89.3C163.099 89.1 163.599 89.1 164.099 88.9C164.499 88.7 164.899 88.5 165.399 88.3C165.799 88.2 166.299 88.1 166.799 88C167.299 87.9 167.699 87.5 168.099 87.4C168.599 87.3 168.999 87.2 169.499 87.2C169.999 87.1 170.399 87.1 170.899 87.1C170.999 86.9 171.499 86.8 171.999 86.8Z" stroke="#0F1117" stroke-width="3"/>
+<path d="M172 101.5C172.5 101.5 173 101.4 173.4 101.5C173.9 101.6 174.3 101.7 174.8 101.9C175.2 102.1 175.6 102.3 176 102.5C176.4 102.7 176.8 103 177.1 103.3C177.5 103.6 177.9 103.9 178.2 104.2C178.5 104.6 178.8 104.9 179 105.4C179.2 105.8 179.3 106.3 179.5 106.7C179.7 107.1 179.8 107.6 179.9 108C180 108.5 180.1 108.9 180.1 109.4C180.1 109.9 180 110.3 179.9 110.8C179.8 111.3 179.8 111.7 179.6 112.2C179.4 112.6 179.2 113 179 113.4C178.8 113.8 178.5 114.2 178.2 114.6C177.9 115 177.6 115.3 177.2 115.6C176.8 115.9 176.4 116 176 116.3C175.6 116.5 175.2 116.8 174.8 117C174.4 117.2 173.9 117.3 173.4 117.3C172.9 117.4 172.5 117.3 172 117.3C171.5 117.3 171.1 117.4 170.6 117.3C170.1 117.2 169.7 117.1 169.2 117C168.8 116.8 168.3 116.6 167.9 116.4C167.5 116.2 167.1 115.9 166.8 115.6C166.4 115.3 166.1 115 165.8 114.6C165.5 114.2 165.2 113.9 165 113.5C164.8 113.1 164.6 112.7 164.4 112.2C164.2 111.8 164.1 111.3 164 110.9C163.9 110.4 164 110 164 109.5C164 109 164 108.6 164.1 108.1C164.2 107.6 164.3 107.2 164.4 106.7C164.6 106.3 164.8 105.9 165.1 105.5C165.3 105.1 165.6 104.7 165.9 104.4C166.2 104 166.5 103.7 166.8 103.4C167.2 103.1 167.5 102.8 167.9 102.6C168.3 102.4 168.7 102.1 169.1 102C169.5 101.8 170 101.8 170.5 101.7C171.1 101.5 171.5 101.5 172 101.5Z" stroke="#0F1117" stroke-width="8"/>
+<path d="M172.3 134.701C172.8 134.701 173.2 134.701 173.7 134.801C174.2 134.801 174.6 134.901 175.1 135.001C175.6 135.101 176.1 134.901 176.5 135.001C177 135.101 177.5 135.101 177.9 135.201C178.4 135.301 178.8 135.601 179.2 135.701C179.6 135.801 180.1 136.001 180.5 136.101C180.9 136.301 181.3 136.601 181.7 136.801C182.1 137.001 182.7 137.001 183.1 137.201C183.5 137.401 183.8 137.901 184.2 138.101C184.6 138.401 185.1 138.401 185.5 138.701C185.9 139.001 186.3 139.301 186.6 139.601C187 139.901 187.3 140.301 187.6 140.601C187.9 140.901 188.2 141.301 188.5 141.701C188.8 142.001 189.2 142.301 189.5 142.701C189.8 143.101 190.2 143.401 190.5 143.701C190.8 144.101 190.7 144.701 191 145.101C191.3 145.501 191.6 145.801 191.9 146.201C192.1 146.601 192.3 147.101 192.5 147.501C192.7 147.901 193 148.301 193.2 148.701C193.4 149.101 193.6 149.501 193.8 150.001C193.9 150.401 193.9 151.001 194 151.401C194.1 151.901 194.1 152.301 194.2 152.801C194.3 153.301 194.6 153.701 194.6 154.201C194.7 154.701 194.9 155.101 194.9 155.601C194.9 156.101 194.6 156.601 194.6 157.001C194.6 157.501 194.9 158.001 194.9 158.401C194.9 158.901 194.6 159.301 194.6 159.801C194.5 160.301 194.6 160.801 194.5 161.201C194.4 161.701 194.1 162.101 194 162.501C193.9 163.001 193.9 163.501 193.8 163.901C193.7 164.301 193.4 164.701 193.2 165.201C193 165.601 193.1 166.201 192.9 166.601C192.7 167.001 192.5 167.501 192.3 167.901C192.1 168.301 191.5 168.501 191.3 168.901C191 169.301 190.8 169.701 190.6 170.101C190.3 170.501 190.1 170.901 189.8 171.301C189.5 171.701 189.1 171.901 188.8 172.301C188.5 172.601 188.2 173.001 187.8 173.301C187.5 173.601 187.1 173.901 186.7 174.201C186.3 174.501 186.1 175.001 185.7 175.301C185.3 175.601 185 175.901 184.6 176.201C184.2 176.501 183.6 176.401 183.2 176.601C182.8 176.801 182.5 177.301 182.1 177.501C181.7 177.701 181.3 178.001 180.8 178.101C180.4 178.301 179.8 178.001 179.3 178.201C178.9 178.301 178.4 178.601 178 178.701C177.5 178.801 177.1 179.001 176.6 179.101C176.1 179.201 175.7 179.301 175.2 179.301C174.7 179.401 174.3 179.201 173.8 179.301C173.3 179.301 172.9 179.401 172.4 179.401C171.9 179.401 171.5 179.401 171 179.301C170.5 179.301 170 179.501 169.6 179.401C169.1 179.301 168.7 179.301 168.2 179.201C167.7 179.101 167.3 178.801 166.9 178.601C166.4 178.501 166 178.401 165.5 178.201C165.1 178.101 164.6 178.001 164.1 177.901C163.7 177.701 163.2 177.501 162.8 177.301C162.4 177.101 162 176.801 161.6 176.601C161.2 176.401 160.9 176.001 160.5 175.801C160.1 175.501 159.7 175.301 159.4 175.001C159 174.701 158.7 174.401 158.3 174.101C157.9 173.801 157.4 173.701 157 173.401C156.7 173.101 156.3 172.801 155.9 172.401C155.6 172.101 155.5 171.501 155.2 171.101C154.9 170.701 154.4 170.501 154.1 170.201C153.8 169.801 153.8 169.301 153.5 168.901C153.2 168.501 153 168.101 152.7 167.701C152.5 167.301 152.1 167.001 151.9 166.501C151.7 166.101 151.9 165.501 151.7 165.001C151.5 164.601 151.1 164.201 150.9 163.801C150.8 163.401 150.6 162.901 150.5 162.401C150.4 161.901 150.4 161.401 150.3 161.001C150.2 160.501 150.1 160.101 150.1 159.601C150 159.101 150.2 158.701 150.2 158.201C150.2 157.701 150 157.301 150 156.801C150 156.301 150 155.801 150 155.401C150 154.901 150.3 154.501 150.3 154.001C150.4 153.501 150.5 153.101 150.5 152.601C150.6 152.101 150.4 151.601 150.5 151.101C150.6 150.601 151 150.301 151.2 149.801C151.3 149.401 151.5 148.901 151.7 148.501C151.9 148.101 152 147.601 152.2 147.201C152.4 146.801 152.6 146.401 152.9 146.001C153.1 145.601 153.4 145.201 153.7 144.801C154 144.401 154.2 144.001 154.5 143.601C154.8 143.201 154.8 142.701 155.1 142.301C155.4 141.901 155.7 141.601 156 141.201C156.3 140.901 156.6 140.501 157 140.201C157.3 139.901 157.8 139.701 158.2 139.401C158.6 139.101 159 138.901 159.4 138.601C159.8 138.301 160.1 138.001 160.5 137.701C160.9 137.401 161.3 137.201 161.7 137.001C162.1 136.801 162.6 136.701 163 136.401C163.4 136.201 163.9 136.001 164.3 135.901C164.7 135.701 165.2 135.501 165.6 135.401C166 135.301 166.5 135.001 166.9 134.901C167.4 134.801 167.8 134.801 168.3 134.701C168.8 134.601 169.2 134.701 169.7 134.701C170.2 134.601 170.6 134.601 171.1 134.501C171.4 134.801 171.8 134.701 172.3 134.701Z" stroke="#0F1117" stroke-width="3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M160 158.517V156.486C160 155.932 160.462 155.471 160.923 155.378L164.154 155.101C164.246 154.64 164.523 154.086 164.708 153.625L162.677 151.225C162.308 150.763 162.4 150.209 162.769 149.748L164.246 148.271C164.708 147.901 165.262 147.809 165.723 148.178L168.123 150.301C168.585 150.025 169.138 149.84 169.6 149.655L169.877 146.425C169.969 145.963 170.431 145.501 170.985 145.501H173.015C173.662 145.501 174.123 145.963 174.123 146.425L174.4 149.655C174.954 149.84 175.415 150.025 175.877 150.301L178.369 148.178C178.738 147.809 179.385 147.901 179.754 148.271L181.231 149.748C181.692 150.209 181.692 150.763 181.323 151.225L179.292 153.625C179.569 154.086 179.754 154.64 179.938 155.101L183.077 155.378C183.631 155.471 184 155.932 184 156.486V158.517C184 159.163 183.631 159.625 183.077 159.625L179.938 159.901C179.754 160.455 179.569 160.917 179.292 161.378L181.323 163.871C181.692 164.24 181.692 164.886 181.231 165.255L179.754 166.732C179.385 167.194 178.738 167.194 178.369 166.825L175.877 164.794C175.415 165.071 174.954 165.255 174.4 165.44L174.123 168.578C174.123 169.132 173.662 169.501 173.015 169.501H170.985C170.431 169.501 169.969 169.132 169.877 168.578L169.6 165.44C169.138 165.255 168.585 165.071 168.123 164.794L165.723 166.825C165.262 167.194 164.708 167.194 164.246 166.732L162.769 165.255C162.4 164.886 162.308 164.24 162.677 163.871L164.708 161.378C164.523 160.917 164.246 160.455 164.154 159.901L160.923 159.625C160.462 159.625 160 159.163 160 158.517ZM172 153.809C169.969 153.809 168.308 155.471 168.308 157.501C168.308 159.625 169.969 161.286 172 161.286C174.123 161.286 175.785 159.625 175.785 157.501C175.785 155.471 174.123 153.809 172 153.809Z" fill="white"/>
+<circle cx="124" cy="157.5" r="22.5" stroke="#111215" stroke-width="3" stroke-dasharray="15 5"/>
+<circle cx="220" cy="109.5" r="22.5" stroke="#111215" stroke-width="3" stroke-dasharray="15 5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M208 110.515V108.485C208 107.931 208.462 107.469 208.923 107.377L212.154 107.1C212.246 106.638 212.523 106.085 212.708 105.623L210.677 103.223C210.308 102.762 210.4 102.208 210.769 101.746L212.246 100.269C212.708 99.9 213.262 99.8077 213.723 100.177L216.123 102.3C216.585 102.023 217.138 101.838 217.6 101.654L217.877 98.4231C217.969 97.9615 218.431 97.5 218.985 97.5H221.015C221.662 97.5 222.123 97.9615 222.123 98.4231L222.4 101.654C222.954 101.838 223.415 102.023 223.877 102.3L226.369 100.177C226.738 99.8077 227.385 99.9 227.754 100.269L229.231 101.746C229.692 102.208 229.692 102.762 229.323 103.223L227.292 105.623C227.569 106.085 227.754 106.638 227.938 107.1L231.077 107.377C231.631 107.469 232 107.931 232 108.485V110.515C232 111.162 231.631 111.623 231.077 111.623L227.938 111.9C227.754 112.454 227.569 112.915 227.292 113.377L229.323 115.869C229.692 116.238 229.692 116.885 229.231 117.254L227.754 118.731C227.385 119.192 226.738 119.192 226.369 118.823L223.877 116.792C223.415 117.069 222.954 117.254 222.4 117.438L222.123 120.577C222.123 121.131 221.662 121.5 221.015 121.5H218.985C218.431 121.5 217.969 121.131 217.877 120.577L217.6 117.438C217.138 117.254 216.585 117.069 216.123 116.792L213.723 118.823C213.262 119.192 212.708 119.192 212.246 118.731L210.769 117.254C210.4 116.885 210.308 116.238 210.677 115.869L212.708 113.377C212.523 112.915 212.246 112.454 212.154 111.9L208.923 111.623C208.462 111.623 208 111.162 208 110.515ZM220 105.808C217.969 105.808 216.308 107.469 216.308 109.5C216.308 111.623 217.969 113.285 220 113.285C222.123 113.285 223.785 111.623 223.785 109.5C223.785 107.469 222.123 105.808 220 105.808Z" fill="white"/>
+<path d="M220 134.8C220.5 134.8 220.9 135 221.4 135.1C221.9 135.1 222.4 135.1 222.8 135.1C223.3 135.2 223.8 135.2 224.2 135.2C224.7 135.3 225.1 135.3 225.6 135.5C226.1 135.6 226.5 135.8 227 136C227.4 136.1 227.8 136.6 228.2 136.8C228.6 137 229.1 137.1 229.5 137.3C229.9 137.5 230.4 137.7 230.8 137.9C231.2 138.1 231.6 138.4 232 138.6C232.4 138.9 232.8 139 233.2 139.3C233.6 139.6 233.8 140 234.2 140.3C234.6 140.6 234.9 140.9 235.2 141.2C235.5 141.5 236.1 141.7 236.4 142C236.7 142.3 237.1 142.6 237.4 143C237.7 143.4 237.8 143.9 238 144.3C238.3 144.7 238.5 145.1 238.7 145.5C239 145.9 239.5 146.1 239.7 146.5C239.9 146.9 239.9 147.5 240.1 147.9C240.3 148.3 240.6 148.7 240.7 149.2C240.9 149.6 241 150.1 241.2 150.5C241.3 150.9 241.7 151.3 241.8 151.8C241.9 152.3 241.9 152.7 242 153.2C242.1 153.7 241.9 154.2 241.9 154.6C242 155.1 242.4 155.5 242.4 156C242.4 156.5 242.5 157 242.5 157.4C242.5 157.9 242.3 158.3 242.3 158.8C242.3 159.3 242.1 159.7 242.1 160.2C242 160.7 242.1 161.2 242 161.6C241.9 162.1 241.9 162.6 241.8 163C241.7 163.5 241.3 163.8 241.2 164.3C241.1 164.7 241.1 165.3 240.9 165.7C240.7 166.1 240.6 166.6 240.4 167C240.2 167.4 239.8 167.8 239.6 168.2C239.4 168.6 239.2 169 238.9 169.4C238.6 169.8 238.4 170.2 238.1 170.6C237.8 171 237.4 171.2 237.1 171.6C236.8 172 236.5 172.3 236.2 172.7C235.9 173 235.5 173.4 235.2 173.7C234.9 174 234.6 174.4 234.2 174.7C233.8 175 233.5 175.3 233.1 175.6C232.7 175.9 232.2 176 231.8 176.2C231.4 176.5 231.1 176.9 230.7 177.2C230.3 177.4 229.7 177.4 229.3 177.6C228.9 177.8 228.5 178.1 228.1 178.3C227.7 178.5 227.3 178.9 226.8 179C226.4 179.1 225.8 179.1 225.4 179.2C224.9 179.3 224.4 179.2 224 179.3C223.5 179.4 223.1 179.5 222.6 179.5C222.1 179.6 221.7 180 221.2 180C220.7 180 220.2 179.8 219.8 179.8C219.3 179.8 218.8 180 218.4 179.9C217.9 179.9 217.5 179.6 217 179.5C216.5 179.4 216 179.5 215.6 179.4C215.1 179.3 214.6 179.3 214.2 179.2C213.7 179.1 213.3 179 212.8 178.8C212.4 178.7 212 178.3 211.5 178.1C211.1 177.9 210.7 177.7 210.2 177.5C209.8 177.3 209.4 177.1 208.9 176.9C208.5 176.7 208.1 176.3 207.7 176.1C207.3 175.8 206.9 175.6 206.6 175.3C206.2 175 205.7 174.9 205.4 174.6C205 174.3 204.7 173.9 204.4 173.6C204.1 173.3 203.8 172.8 203.5 172.5C203.2 172.2 202.7 172 202.4 171.6C202.1 171.2 202 170.7 201.7 170.3C201.4 169.9 201 169.6 200.7 169.2C200.4 168.8 200.3 168.4 200 167.9C199.8 167.5 199.3 167.2 199.1 166.8C198.9 166.4 198.7 165.9 198.5 165.5C198.3 165.1 198.2 164.6 198.1 164.1C198 163.7 197.8 163.2 197.7 162.7C197.6 162.2 197.5 161.8 197.4 161.3C197.3 160.8 197.3 160.4 197.2 159.9C197.1 159.4 197.2 158.9 197.2 158.5C197.2 158 197.1 157.6 197.1 157.1C197.1 156.6 197.2 156.2 197.3 155.7C197.3 155.2 197.2 154.7 197.3 154.3C197.4 153.8 197.5 153.4 197.6 152.9C197.7 152.4 197.8 152 197.9 151.5C198 151 198.2 150.6 198.4 150.2C198.5 149.8 198.7 149.3 198.8 148.9C199 148.5 199.2 148 199.4 147.6C199.6 147.2 199.6 146.7 199.9 146.2C200.1 145.8 200.4 145.4 200.6 145C200.9 144.6 201.4 144.4 201.7 144C202 143.6 202 143 202.3 142.7C202.6 142.3 203.1 142.1 203.4 141.8C203.7 141.5 204 141 204.3 140.7C204.6 140.4 205 140.1 205.4 139.8C205.8 139.5 206.2 139.3 206.6 139C207 138.7 207.4 138.5 207.8 138.3C208.2 138 208.5 137.7 209 137.5C209.4 137.3 209.9 137.2 210.3 137C210.7 136.8 211.2 136.8 211.7 136.6C212.1 136.4 212.6 136.2 213 136.1C213.4 136 213.8 135.5 214.3 135.4C214.8 135.3 215.2 135.2 215.7 135.1C216.2 135 216.6 134.9 217.1 134.8C217.6 134.7 218.1 135.1 218.5 135.1C219.1 135.2 219.5 134.8 220 134.8Z" stroke="#0F1117" stroke-width="3"/>
+<path d="M220 149.4C220.5 149.4 220.9 149.5 221.4 149.6C221.9 149.7 222.4 149.7 222.8 149.9C223.2 150.1 223.6 150.4 224 150.6C224.4 150.8 224.8 151 225.2 151.3C225.6 151.6 225.9 151.9 226.2 152.3C226.5 152.7 226.6 153.1 226.9 153.5C227.1 153.9 227.4 154.3 227.5 154.7C227.7 155.1 227.7 155.6 227.8 156.1C227.9 156.6 227.9 157 227.9 157.5C227.9 158 228 158.4 227.9 158.9C227.8 159.4 227.7 159.8 227.5 160.2C227.3 160.6 227.1 161 226.8 161.4C226.6 161.8 226.4 162.3 226.1 162.6C225.8 163 225.5 163.3 225.1 163.6C224.7 163.9 224.3 164.1 223.9 164.3C223.5 164.5 223.1 164.6 222.6 164.8C222.2 165 221.8 165.2 221.3 165.3C220.8 165.4 220.4 165.4 219.9 165.4C219.4 165.4 219 165.5 218.5 165.4C218 165.3 217.6 165.1 217.2 164.9C216.8 164.7 216.3 164.7 215.9 164.4C215.5 164.2 215.1 163.9 214.7 163.6C214.3 163.3 214.1 162.9 213.8 162.5C213.5 162.1 213.2 161.8 213 161.4C212.8 161 212.5 160.6 212.3 160.2C212.1 159.8 212.1 159.3 212 158.8C211.9 158.3 211.9 157.9 211.9 157.4C211.9 156.9 211.9 156.4 211.9 156C212 155.5 212.2 155.1 212.3 154.7C212.5 154.3 212.7 153.9 213 153.5C213.2 153.1 213.4 152.6 213.7 152.3C214 151.9 214.3 151.6 214.7 151.3C215.1 151 215.5 150.8 215.9 150.6C216.3 150.4 216.7 150.1 217.1 150C217.5 149.8 218 149.8 218.5 149.7C219.1 149.6 219.5 149.4 220 149.4Z" stroke="#0F1117" stroke-width="8"/>
+<path d="M100 85H244" stroke="#0F1117" stroke-width="3"/>
+<path d="M100 182H244" stroke="#0F1117" stroke-width="3"/>
+</svg>
--- a/public/images/nodes.svg
+++ b/public/images/nodes.svg
--- a/public/images/registry.svg
+++ b/public/images/registry.svg
--- a/public/images/stacking.svg
+++ b/public/images/stacking.svg
--- a/public/images/transaction-signing.svg
+++ b/public/images/transaction-signing.svg
--- a/src/pages/build-apps/guides/data-storage.md
+++ b/src/pages/build-apps/guides/data-storage.md
@ -5,8 +5,8 @@ experience: beginners
 tags:
  - tutorial
 images:
-  large: /images/pages/write-smart-contracts.svg
-  sm: /images/pages/write-smart-contracts-sm.svg
+  large: /images/gears.svg
+  sm: /images/gears.svg
 ---

 ## Introduction
--- a/src/pages/build-apps/guides/transaction-signing.md
+++ b/src/pages/build-apps/guides/transaction-signing.md
@ -5,13 +5,13 @@ experience: beginners
 tags:
  - tutorial
 images:
-  large: /images/pages/write-smart-contracts.svg
-  sm: /images/pages/write-smart-contracts-sm.svg
+  large: /images/transaction-signing.svg
+  sm: /images/transaction-signing.svg
 ---

 ## Introduction

-This guide explains how to prompt users to sign transactions and broadcast them to the Stacks blockchain by implementing the `connect` package of [Stacks.js](https://blockstack.github.io/stacks.js/).
+This guide explains how to prompt users to sign [transactions](/understand-stacks/transactions) and broadcast them to the Stacks blockchain by implementing the `connect` package of [Stacks.js](https://blockstack.github.io/stacks.js/).

 Transaction signing provides a way for users execute [Clarity smart contracts](/write-smart-contracts/overview) that are relevant to your app then handle the result immediately.

--- a/src/pages/build-apps/tutorials/angular.md
+++ b/src/pages/build-apps/tutorials/angular.md
@ -1,12 +1,13 @@
 ---
-title: Angular
-description: How to integrate authentication within an Angular application
+title: Angular app
+description: How to integrate authentication into an Angular app
 experience: beginners
 duration: 30 minutes
 tags:
  - tutorial
 images:
-  sm: /images/pages/angular-app-sm.svg
+  large: /images/pages/hello-world.svg
+  sm: /images/pages/hello-world-sm.svg
 ---

 # Building an with Angular
--- a/src/pages/build-apps/tutorials/public-registry.md
+++ b/src/pages/build-apps/tutorials/public-registry.md
@ -1,13 +1,13 @@
 ---
-title: Public registry
-description: Learn how to read state from the Stacks blockchain.
+title: Public registry app
+description: Learn how to write and read state from the Stacks blockchain
 duration: 60 minutes
 experience: intermediate
 tags:
  - tutorial
 images:
-  large: /images/pages/todo-app.svg
-  sm: /images/pages/todo-app-sm.svg
+  large: /images/registry.svg
+  sm: /images/registry.svg
 ---

 ## Introduction
@ -141,7 +141,7 @@ Now, you should be able to register your public to-do list on the blockchain whe

 The method `doContractCall` has a callback `finished` that is called after the user confirmed the transaction. This does not mean that the blockchain has accepted and included the transaction on the blockchain. It just means that the transaction was broadcasted to the network. The transaction id is returned in the `finished` callback as `data.txId`. This id can be used to find the transaction and its processing status on the blockchain. The [Stack Blockchain API client library](https://blockstack.github.io/stacks-blockchain-api/client/index.html) provides a convenient method to subscribe to the progress using web sockets.

-### Step 1: Add depedency
+### Step 1: Add dependency

 Add the Stacks Blockchain API client library to `package.json` in the root folder of the to-do list app:

@ -149,7 +149,7 @@ Add the Stacks Blockchain API client library to `package.json` in the root folde
 npm add @stacks/blockchain-api-client
 ```

-### Step 2: Store the transaction id
+### Step 2: Store the transaction ID

 Create a react state variable in the `PublicUrlRegistrar` component that holds the transaction id.

--- a/src/pages/ecosystem/contributing.md
+++ b/src/pages/ecosystem/contributing.md
@ -1,6 +1,10 @@
 ---
 title: How to contribute
 description: Learn how this site is built, and how you could contribute to it.
+icon: BlockstackIcon
+images:
+  large: /images/contribute.svg
+  sm: /images/contribute.svg
 ---

 ## Introduction
--- a/src/pages/ecosystem/overview.md
+++ b/src/pages/ecosystem/overview.md
@ -1,6 +1,9 @@
 ---
 description: Learn about Stacks and decentralization
 icon: BlockstackIcon
+images:
+  large: /images/pages/ecosystem.svg
+  sm: /images/pages/ecosystem.svg
 ---

 # Overview of Stacks
--- a/src/pages/ecosystem/stacks-token.md
+++ b/src/pages/ecosystem/stacks-token.md
@ -2,6 +2,9 @@
 title: Stacks token
 description: Learn about the native token of Stacks
 icon: StacksIcon
+images:
+  large: /images/stx.svg
+  sm: /images/stx.svg
 ---

 # Learn more about the Stacks token
--- a/src/pages/index.md
+++ b/src/pages/index.md
@ -1,24 +1,29 @@
 ---
-title: Documentation
-description: All you need to build decentralized apps, write smart contracts, and start mining
+title: Stacks documentation
+description: Write Clarity smart contracts, build apps, and starting mining with the Stacks blockchain
 ---

-## Understand the Stacks blockchain
+## Understand Stacks

-[@page-reference | inline]
-| /understand-stacks/overview
+[@page-reference | grid]
+| /understand-stacks/overview, /understand-stacks/proof-of-transfer, /understand-stacks/testnet
+
+## Write smart contracts
+
+[@page-reference | grid]
+| /write-smart-contracts/overview, /write-smart-contracts/hello-world-tutorial

-## Get started
+## Build apps

 [@page-reference | grid]
-| /write-smart-contracts/overview, /build-apps, /start-mining
+| /build-apps/guides/authentication, /build-apps/guides/transaction-signing, /build-apps/guides/data-storage

-## Try a tutorial
+## Start mining

 [@page-reference | grid]
-| /write-smart-contracts/hello-world-tutorial, /authentication/building-todo-app, /understand-stacks/running-testnet-node
+| /start-mining, /understand-stacks/running-testnet-node

-## Explore more
+## Ecosystem

 [@page-reference | grid-small]
-| /ecosystem/overview, /ecosystem/stacks-token, /understand-stacks/proof-of-transfer
+| /ecosystem/overview, /ecosystem/stacks-token, /ecosystem/contributing
--- a/src/pages/understand-stacks/overview.md
+++ b/src/pages/understand-stacks/overview.md
@ -3,8 +3,8 @@ title: Overview
 description: Learn more about the Stacks 2.0 blockchain
 icon: TestnetIcon
 images:
-  large: /images/pages/testnet.svg
-  sm: /images/pages/testnet-sm.svg
+  large: /images/nodes.svg
+  sm: /images/nodes.svg
 ---

 ## Introduction
--- a/src/pages/understand-stacks/proof-of-transfer.md
+++ b/src/pages/understand-stacks/proof-of-transfer.md
@ -3,8 +3,8 @@ title: Proof of Transfer
 description: Understand the proof-of-transfer consensus mechanism
 icon: TestnetIcon
 images:
-  large: /images/pages/testnet.svg
-  sm: /images/pages/testnet-sm.svg
+  large: /images/stacking.svg
+  sm: /images/stacking.svg
 ---

 ## Overview
--- a/src/pages/understand-stacks/running-testnet-node.md
+++ b/src/pages/understand-stacks/running-testnet-node.md
@ -7,8 +7,8 @@ experience: beginners
 tags:
  - tutorial
 images:
-  large: /images/pages/testnet.svg
-  sm: /images/pages/testnet-sm.svg
+  large: /images/cli.svg
+  sm: /images/cli.svg
 ---

 ## Introduction
--- a/src/pages/understand-stacks/transactions.md
+++ b/src/pages/understand-stacks/transactions.md
@ -3,8 +3,8 @@ title: Transactions
 description: Guide to Stacks 2.0 transactions
 icon: TestnetIcon
 images:
-  large: /images/pages/testnet.svg
-  sm: /images/pages/testnet-sm.svg
+  large: /images/transaction-signing.svg
+  sm: /images/transaction-signing.svg
 ---

 ## Introduction
--- a/src/pages/write-smart-contracts/overview.md
+++ b/src/pages/write-smart-contracts/overview.md
@ -2,8 +2,8 @@
 title: Write smart contracts
 description: Overview and guides for getting started with Clarity
 images:
-  large: /images/pages/write-smart-contracts.svg
-  sm: /images/pages/write-smart-contracts-sm.svg
+  large: /images/contract.svg
+  sm: /images/contract.svg
 ---

 ## Introduction