Implement how it works page

public/assets/shapes/how-shape-1.svg

@@ -0,0 +1,9 @@
+<svg width="119" height="136" viewBox="0 0 119 136" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect x="-17" width="136" height="136" fill="url(#pattern0_22895_32040)"/>
+<defs>
+<pattern id="pattern0_22895_32040" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_22895_32040" transform="scale(0.00132979)"/>
+</pattern>
+<image id="image0_22895_32040" width="752" height="752" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAvAAAALwCAYAAADxpkF6AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAKl1JREFUeAHt3V1yXNd5qOFv7QYZOzcHZwSGR2AyVRHF8oWhEZgagegRiB6B5RFYGoGoEYgagaALhaZOlUWPwO0ZIDexAqB7nb13AyAoAkQD6J+19n6eqkTUT2I7KYAvvl7rW2l+8ioHAABQhSYAAIBqCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKiIgAcAgIoIeAAAqIiABwCAigh4AACoiIAHAICKCHgAAKjITo78PIDBSpF2U+Td7tc5pd3IsXvhb+/F7Uzf/tfI/Z/nSIft95TDAAYrpbTffrHvBbA1KYBq5Pzjbvz0027stL95pu6/0v9pv4zbKM97i3+i2csp+mDPi1DfjS1JKaZd0Kccp0E/n7Z/sfv1YeT5P9sAmPZ/+SSm6ZePpwFUIc/++mXO6WkAW7MTQDHyv17uxb3mQRu7u5GaXy3CvGlDPe91QZ5nR7vt37/wP3D2i/TmL+QLf3mLcj+hyxf+vaQL/8aaN/+W77X/aU9e9cHffkQwjW6C3/26m+rn9M/2b07j3r9PU3posg8AIeBh484jPeVftRW7138UneJBF7xvYrc5jd2ucgsp8jU7Df69xZ90/+208Jv229TsqIv8wxTp9Wngv27/mb93cZ/u//Z1AMCICHhYk/64y+xovw/13AZ6aqO9najns2Mt+cIJthEE+grstvP8/f5XOZ70f2zjvpvet+P71ym3E3thD8AIOAMPK/Bmqh6/i8UkfT+2eP6chXZif9D+APW6P44zz39P9x4fBHAnzsDD9pnAww31k/WTnx7Mo9lvUvymi/U3U/WgIP3EPnc/TKX+Vm1/1v4s6nN8Z1IPQI1M4OEai+l6G4Gp+U37p0+y9WlDc9h+I+yi/sCUHq5nAg/bZwIPP3Me7JF+105t98+D3XR9qHbb/9c+iZye/GxK3wb9/DtBD0BpBDyjt7hs+tOTSyfson2Uzo/epObN9ps0fxGz2XeO3ACwbQKeUcrHL/cXZ9jT73K3KeZ8bSO8Y7H9Jqf906030/bPD5pI38Tk/oH99ABsmjPwjML5lD3aYI/UrSC0IYaVWBy3MZ1nPJyBh+0zgWew+mif/+8nkZsn51N2WLFLp/M5f+XsPADrYgLPoHQXUOc7zdP+aMzZoz+wHWKeQTKBh+0T8FRPtFMBMc9gCHjYPgFPld46HiPaqYuYp2oCHrZPwFONNxdRJ5+IdgZimnN81ZzMn6dfPp4GVEDAw/YJeIrXrXyMpvl9GzpPw/YYBqrfZhP5eUzuf2M1JSUT8LB9ttBQpG7aPj85etY0qQ33/MCOdobu9FOl/ZgdHc5O/vrCERsArmICT1H6aXua/MkRGehN22/Sn8Xx/DtHbCiFCTxsnwk8W3c2bU9NfJJz7HkSFc7ttV8Nz+NeE+1U/nkzn33hsSgATODZGmfb4ebOzsqnnUdfBWyBCTxsn4Bn4xyTgZWY5nn+opnlF47XsEkCHrZPwLMRF4/JRH9MBliV9ofh581x/rOQZxMEPGxfE7BGXbjPjl99lmdH/0gp/iTeYfVSpKf5XvOP2UkbVt0nXAAMmgk8a5Hzy72YN5863w6b55w862QCD9tnAs9KddO/PPvhyzxr/tHG+7MQ77Bx3f2SbnvN/OTVP/LJq08CgEER8KxEH+4nP3ybU/NtzvlpACXYE/IAwyPguZO3wt1WGSiVkAcYEAHPrXRn3IU7VEfIAwyAgOdG+nA/O+Mu3KFWQh6gYgKepbxZB9ldTnXGHQbiTchbPwlQDQHPe72zxx0Yor3uOFy/R/5fL/cCgKIJeK40O/rrswvhbh0kDNxbD0IJeYBiCXje0X2UPp/98GNq0l9CuMPonId8++lbAFAcAc+5i5tl2j95EMCodZ++uegKUB4Bz9sXVG2WAd725qKrYzUARRDwI5dPXj51QRVYwp7z8QBlEPAjlY++f9Afl4nmy3DOHVjS6fn4bx2rAdgeAT8yi+MyP3yem50fHZcBbsmxGoAtEvAj0m2XyfOjH1PKnwbA3fXHavLs1V+64UAAsBECfgS67TLtpOzrxXaZ2AuAFco5ujcjfnSsBmAzBPzALR5jan5sf/kkANanP1bjkivA+gn4gTrb6e4xJmCTXHIFWD8BP0BnU3eXVIEtMY0HWCMBPyCm7kBJTOMB1kPAD4SpO1Ao03iAFRPwlTN1B2pgGg+wOgK+Yu1vhE9M3YGK9NN4e+MB7kbAV+j8NdWIr8PUHajM+d54R2oAbkXAVyYfff/Aa6rAAPSvuM6OX30WANyIgK9If1G12fGaKjAYKcWf+peiTeMBlibgK9Admel+g3NRFRioJ/0F1+OX+wHAtQR84c6OzLS/fBIAw7WXU/OtIzUA1xPwBTs9MvOjIzPAWCyO1PzwrSM1AFcT8AXqt8ycvHp+emQGYGTyfn+kpv0EMgB4h4AvTP8wU7dlJsJjJ8CY7XWfQDpSA/AuAV+Qs4eZHJkBWOiO1HQPPwUA5wR8Ibopk4eZAN7VPfw0P3n1D+fiARYE/Jadr4hsp0wBwFX2nIsHWBDwW3R23j2siARYxuJc/NF/PQuAERPwW9I9WOK8O8DNpWbyF5dbgTET8FvQ73dPzbfhvDvArSz2xb/6ujuGGAAjI+A3rJsa2e8OsBJP8uzoR5dbgbER8Bty/jiTy6oAq+RyKzA6An4DFpdVj7/1OBPAWnSXW7/t3tIIgBEQ8Gu2iPfm2/YXpkMA67PbvaXhciswBgJ+jbqPdBfxbtMMwCZ0xxRFPDB0An5Nuo9yu490xTvAZnURn2evLAsABkvAr8HJ0cun3Ue5YU0kwFbkHM+smQSGSsCvWPfRbdM0XwYA2/akWyAg4oGhEfAr1O94tyYSoBw5P7ArHhgaAb8i4h2gWItd8SIeGAgBvwKz4x8+F+8ARRPxwGAI+DtavK6aPw0ASifigUEQ8HfQx7vXVQFqIuKB6gn4WxLvANUS8UDVBPwtiHeA6ol4oFoC/obEO8BgiHigSgL+BsQ7wOCIeKA6An5J4h1gsEQ8UBUBvwTxDjB4Ih6ohoC/Rv/CqngHGAMRD1RBwL9HH+9eWAUYExEPFE/AX0G8A4zWIuLzj7sBUCABfwnxDjB6e3l+LOKBIgn4nzk5evlUvAMQOT/Is6MvA6AwAv6CfPT9g6ZpfLMG4MyT2ckPfl8AiiLgT+X8ci83O98GAFyQIjLine truncated
+</defs>
+</svg>