diff --git a/svg/static/pirate.svg b/svg/static/pirate.svg
new file mode 100644
index 0000000..543af59
--- /dev/null
+++ b/svg/static/pirate.svg
@@ -0,0 +1,21 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d)">
+<rect x="20" y="20" width="160" height="160" rx="50" fill="url(#paint0_linear)"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M77.4651 139.167C77.4651 143.495 81.1282 147 85.6507 147H116.349C120.871 147 124.534 143.495 124.534 139.167V136.876C124.534 135.036 125.866 133.487 127.664 133.077C137.489 131.628 145 123.5 145 113.709C145 109.303 143.484 105.229 140.907 101.958V88.5638C140.907 68.9211 123.039 53 101 53C78.9601 53 61.0928 68.9211 61.0928 88.5638V101.958C58.5148 105.229 57 109.302 57 113.709C57 123.5 64.5105 131.628 74.3333 133.077C76.1344 133.487 77.4654 135.036 77.4654 136.876V139.167H77.4651ZM73.3719 100C73.3719 94.5954 77.9566 90.2086 83.6046 90.2086C89.2523 90.2086 93.837 94.5954 93.837 100C93.837 105.404 89.2523 109.792 83.6046 109.792C77.9566 109.792 73.3719 105.404 73.3719 100ZM108.162 100C108.162 94.5954 112.747 90.2086 118.395 90.2086C124.043 90.2086 128.628 94.5954 128.628 100C128.628 105.404 124.043 109.792 118.395 109.792C112.747 109.792 108.162 105.404 108.162 100ZM90.9094 120.915L98.1139 114.022C99.7104 112.493 102.289 112.493 103.885 114.022L111.089 120.915C112.643 122.402 112.643 124.812 111.089 126.3C109.533 127.787 107.016 127.787 105.461 126.3L101 122.032L96.5373 126.3C94.9845 127.788 92.4662 127.788 90.9097 126.3C89.3563 124.812 89.3563 122.402 90.9094 120.915Z" fill="white"/>
+<defs>
+<filter id="filter0_d" x="16" y="20" width="168" height="170" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feOffset dy="6"/>
+<feGaussianBlur stdDeviation="2"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear" x1="100" y1="20" x2="100" y2="180" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ED1515"/>
+<stop offset="1" stop-color="#FF0045"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/svg/static/sb_down_arrow.svg b/svg/static/sb_down_arrow.svg
new file mode 100644
index 0000000..9eefcc8
--- /dev/null
+++ b/svg/static/sb_down_arrow.svg
@@ -0,0 +1,4 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M97.4321 167.685C98.0468 168.804 99.2227 169.5 100.5 169.5C101.777 169.5 102.953 168.804 103.568 167.685L127.068 124.889C127.971 123.245 127.417 121.182 125.812 120.211L124 123.205C125.812 120.211 125.812 120.21 125.811 120.21L125.81 120.209L125.808 120.208L125.8 120.203L125.777 120.189L125.694 120.14C125.652 120.115 125.601 120.084 125.539 120.048C125.495 120.022 125.446 119.993 125.391 119.962C125.132 119.81 124.757 119.595 124.284 119.331C123.338 118.804 121.995 118.081 120.384 117.285C117.804 116.011 114.463 114.513 110.933 113.35C110.933 113.11 110.932 112.854 110.931 112.583C110.925 110.452 110.924 107.404 110.926 103.741C110.931 96.4827 110.949 86.8241 110.967 77.1234L110.967 76.8533C110.986 67.0636 111.004 57.2533 111.008 49.8533C111.01 46.1539 111.009 43.0527 111.003 40.8564C111 39.7594 110.995 38.8811 110.989 38.2646C110.986 37.9582 110.982 37.7044 110.978 37.5164C110.976 37.4251 110.973 37.3303 110.97 37.2455C110.968 37.2054 110.965 37.1432 110.959 37.0737C110.958 37.0514 110.955 37.0188 110.951 36.9794C110.949 36.9635 110.948 36.9473 110.946 36.931C110.931 36.7868 110.907 36.6285 110.869 36.4587C110.793 36.1168 110.665 35.7376 110.46 35.3435C110.039 34.5327 109.37 33.8019 108.455 33.214C106.721 32.1014 104.117 31.5 100.244 31.5C96.3699 31.5 93.7656 32.1014 92.0325 33.214C91.1169 33.8019 90.4481 34.5327 90.0271 35.3435C89.8225 35.7376 89.6943 36.1168 89.6182 36.4587C89.5804 36.6285 89.556 36.7868 89.541 36.931C89.5397 36.9433 89.5385 36.9554 89.5374 36.9674C89.5335 37.0043 89.5308 37.035 89.5289 37.0572C89.5229 37.1291 89.5194 37.1935 89.5173 37.2358C89.513 37.3245 89.51 37.4226 89.5076 37.5163C89.5028 37.709 89.4988 37.967 89.4954 38.2764C89.4886 38.8992 89.4836 39.7834 89.4801 40.8854C89.4731 43.092 89.4719 46.2026 89.4745 49.9104C89.4798 57.313 89.5005 67.1144 89.5212 76.8971L89.5213 76.9541C89.542 86.7576 89.5626 96.5376 89.5676 103.87C89.5702 107.536 89.5688 110.586 89.5616 112.719C89.5607 113.003 89.5596 113.27 89.5584 113.52C86.1304 114.686 82.9062 116.146 80.4176 117.383C78.862 118.156 77.5678 118.855 76.658 119.364C76.2027 119.618 75.8424 119.825 75.5924 119.971C75.4675 120.044 75.37 120.102 75.3019 120.142L75.222 120.19L75.199 120.204L75.1918 120.208L75.1894 120.209L75.1884 120.21C75.188 120.21 75.1876 120.211 76.9999 123.205L75.1876 120.211C73.583 121.182 73.0292 123.245 73.9321 124.889L97.4321 167.685Z" stroke="white" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M100.5 166L76.9999 123.205C76.9999 123.205 84.9272 118.407 93.0205 116.102C93.1871 116.054 92.856 37.9968 93.0205 37.3186C93.0205 37.3186 93.0205 35 100.244 35C107.467 35 107.467 37.3186 107.467 37.3186C107.614 37.9124 107.321 115.92 107.467 115.959C115.734 118.202 124 123.205 124 123.205L100.5 166Z" fill="#4D4D4D"/>
+</svg>
diff --git a/svg/static/sb_left_arrow.svg b/svg/static/sb_left_arrow.svg
new file mode 100644
index 0000000..a4a6841
--- /dev/null
+++ b/svg/static/sb_left_arrow.svg
@@ -0,0 +1,4 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.3153 97.4319C32.1957 98.0467 31.4999 99.2225 31.4999 100.5C31.4999 101.777 32.1957 102.953 33.3153 103.568L76.1105 127.068C77.7546 127.97 79.8182 127.417 80.7894 125.812L77.7952 124C80.7894 125.812 80.7896 125.812 80.7899 125.811L80.7905 125.81L80.7921 125.808L80.7965 125.8L80.8109 125.776L80.8604 125.693C80.9025 125.623 80.9624 125.521 81.0382 125.391C81.1897 125.131 81.4051 124.757 81.6689 124.284C82.196 123.338 82.9194 121.995 83.7151 120.383C84.9894 117.803 86.4865 114.463 87.6503 110.933C87.8902 110.932 88.1459 110.931 88.417 110.931C90.5484 110.924 93.596 110.923 97.2593 110.926C104.517 110.93 114.176 110.948 123.876 110.967L124.147 110.967C133.936 110.985 143.747 111.004 151.147 111.008C154.846 111.01 157.947 111.009 160.144 111.003C161.241 110.999 162.119 110.995 162.735 110.989C163.042 110.986 163.296 110.982 163.483 110.978C163.575 110.976 163.67 110.973 163.754 110.969C163.772 110.969 163.794 110.968 163.818 110.966C163.85 110.964 163.887 110.962 163.926 110.959C163.949 110.957 163.981 110.955 164.021 110.951C164.036 110.949 164.053 110.948 164.069 110.946C164.213 110.931 164.371 110.907 164.541 110.869C164.883 110.793 165.262 110.664 165.656 110.46C166.467 110.039 167.198 109.37 167.786 108.454C168.899 106.721 169.5 104.117 169.5 100.243C169.5 96.3697 168.899 93.7654 167.786 92.0324C167.198 91.1167 166.467 90.4479 165.656 90.0269C165.262 89.8223 164.883 89.6941 164.541 89.618C164.371 89.5802 164.213 89.5558 164.069 89.5408C164.056 89.5395 164.043 89.5382 164.031 89.537C163.995 89.5332 163.965 89.5306 163.943 89.5287C163.871 89.5227 163.806 89.5192 163.764 89.5172C163.675 89.5128 163.577 89.5098 163.484 89.5074C163.291 89.5026 163.033 89.4986 162.724 89.4953C162.101 89.4885 161.216 89.4835 160.115 89.4799C157.908 89.4729 154.797 89.4717 151.09 89.4743C143.687 89.4796 133.886 89.5003 124.103 89.521L124.046 89.5211C114.242 89.5418 104.462 89.5624 97.1303 89.5675C93.4635 89.57 90.4138 89.5686 88.281 89.5614C87.997 89.5605 87.7298 89.5594 87.4801 89.5583C86.3135 86.1302 84.8534 82.906 83.6167 80.4174C82.8436 78.8618 82.1447 77.5676 81.6364 76.6578C81.382 76.2025 81.1747 75.8422 81.0289 75.5923C80.9559 75.4673 80.8983 75.3698 80.8578 75.3017L80.8101 75.2218L80.7963 75.1988L80.792 75.1917L80.7905 75.1892L80.7899 75.1882C80.7896 75.1878 80.7894 75.1874 77.7952 76.9998L80.7894 75.1874C79.8182 73.5828 77.7546 73.0291 76.1105 73.9319L33.3153 97.4319Z" stroke="white" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M34.9999 100.5L77.7952 76.9998C77.7952 76.9998 82.5934 84.927 84.8982 93.0203C84.9456 93.1869 163.003 92.8558 163.681 93.0203C163.681 93.0203 166 93.0203 166 100.243C166 107.466 163.681 107.466 163.681 107.466C163.087 107.614 85.0802 107.321 85.0408 107.466C82.7981 115.734 77.7952 124 77.7952 124L34.9999 100.5Z" fill="#4D4D4D"/>
+</svg>
diff --git a/svg/static/sb_right_arrow.svg b/svg/static/sb_right_arrow.svg
new file mode 100644
index 0000000..8d89ba8
--- /dev/null
+++ b/svg/static/sb_right_arrow.svg
@@ -0,0 +1,4 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M167.685 103.568C168.804 102.953 169.5 101.777 169.5 100.5C169.5 99.2227 168.804 98.0469 167.685 97.4321L124.889 73.9321C123.245 73.0293 121.182 73.583 120.21 75.1876L123.205 77C120.21 75.1876 120.21 75.188 120.21 75.1885L120.209 75.1895L120.208 75.192L120.203 75.1994L120.189 75.2233L120.139 75.3063C120.097 75.3771 120.037 75.4785 119.962 75.6085C119.81 75.8684 119.595 76.2431 119.331 76.7163C118.804 77.6616 118.081 79.0052 117.285 80.6163C116.01 83.1963 114.513 86.5366 113.35 90.0665C113.11 90.0674 112.854 90.0683 112.583 90.0691C110.451 90.0753 107.404 90.0764 103.741 90.074C96.4841 90.0694 86.8281 90.0513 77.1294 90.0332L76.8533 90.0327C67.0635 90.0144 57.2532 89.9962 49.8532 89.9917C46.1538 89.9895 43.0527 89.9907 40.8563 89.9971C39.7593 90.0003 38.881 90.0048 38.2645 90.0109C37.9582 90.0139 37.7044 90.0175 37.5164 90.0217C37.425 90.0238 37.3303 90.0265 37.2454 90.0303C37.2053 90.0321 37.1431 90.0352 37.0736 90.0407C37.0513 90.0424 37.0188 90.0451 36.9794 90.0491C36.9634 90.0506 36.9473 90.0522 36.931 90.0538C36.7868 90.0688 36.6285 90.0933 36.4587 90.131C36.1168 90.2071 35.7375 90.3354 35.3434 90.54C34.5326 90.9609 33.8018 91.6297 33.214 92.5454C32.1013 94.2785 31.4999 96.8827 31.4999 100.756C31.4999 104.63 32.1013 107.234 33.214 108.967C33.8018 109.883 34.5326 110.552 35.3434 110.973C35.7375 111.177 36.1168 111.306 36.4587 111.382C36.6285 111.42 36.7868 111.444 36.931 111.459C36.9438 111.46 36.9564 111.462 36.969 111.463C37.0051 111.467 37.0353 111.469 37.0571 111.471C37.1291 111.477 37.1934 111.481 37.2357 111.483C37.3245 111.487 37.4225 111.49 37.5163 111.492C37.7089 111.497 37.9669 111.501 38.2763 111.504C38.8992 111.511 39.7834 111.516 40.8854 111.52C43.0919 111.527 46.2025 111.528 49.9104 111.525C57.3109 111.52 67.1089 111.499 76.8889 111.479L76.9541 111.479C86.7575 111.458 96.5375 111.437 103.87 111.432C107.536 111.43 110.586 111.431 112.719 111.438C113.003 111.439 113.27 111.44 113.52 111.442C114.686 114.87 116.146 118.094 117.383 120.582C118.156 122.138 118.855 123.432 119.363 124.342C119.618 124.797 119.825 125.158 119.971 125.407C120.044 125.532 120.102 125.63 120.142 125.698L120.19 125.778L120.204 125.801L120.208 125.808L120.209 125.811L120.21 125.812C120.21 125.812 120.21 125.812 123.205 124L120.21 125.812C121.182 127.417 123.245 127.971 124.889 127.068L167.685 103.568Z" stroke="white" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M166 100.5L123.205 124C123.205 124 118.406 116.073 116.102 107.979C116.054 107.813 37.9968 108.144 37.3185 107.979C37.3185 107.979 34.9999 107.979 34.9999 100.756C34.9999 93.5334 37.3185 93.5334 37.3185 93.5334C37.9124 93.3862 115.92 93.6788 115.959 93.5334C118.202 85.2655 123.205 77 123.205 77L166 100.5Z" fill="#4D4D4D"/>
+</svg>
diff --git a/svg/static/sb_up_arrow.svg b/svg/static/sb_up_arrow.svg
new file mode 100644
index 0000000..3641cdb
--- /dev/null
+++ b/svg/static/sb_up_arrow.svg
@@ -0,0 +1,4 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M103.568 33.3153C102.953 32.1958 101.777 31.5 100.5 31.5C99.2227 31.5 98.0469 32.1958 97.4321 33.3153L73.9321 76.1106C73.0293 77.7547 73.583 79.8182 75.1876 80.7895L77 77.7952C75.1876 80.7895 75.188 80.7897 75.1885 80.7899L75.1895 80.7906L75.192 80.7921L75.1994 80.7966L75.2233 80.8109L75.3063 80.8605C75.3771 80.9025 75.4785 80.9624 75.6085 81.0382C75.8684 81.1898 76.2431 81.4051 76.7163 81.6689C77.6616 82.196 79.0052 82.9194 80.6163 83.7151C83.1963 84.9895 86.5366 86.4866 90.0665 87.6504C90.0674 87.8903 90.0683 88.146 90.0691 88.417C90.0753 90.5485 90.0764 93.596 90.074 97.2593C90.0694 104.517 90.0513 114.174 90.0332 123.873L90.0327 124.147C90.0144 133.936 89.9962 143.747 89.9917 151.147C89.9895 154.846 89.9907 157.947 89.9971 160.144C90.0003 161.241 90.0048 162.119 90.0109 162.735C90.0139 163.042 90.0175 163.296 90.0217 163.484C90.0238 163.575 90.0265 163.67 90.0303 163.755C90.0321 163.795 90.0352 163.857 90.0407 163.926C90.0424 163.949 90.0451 163.981 90.0491 164.021C90.0506 164.037 90.0522 164.053 90.0538 164.069C90.0688 164.213 90.0933 164.371 90.131 164.541C90.2071 164.883 90.3354 165.262 90.54 165.656C90.9609 166.467 91.6297 167.198 92.5454 167.786C94.2785 168.899 96.8827 169.5 100.756 169.5C104.63 169.5 107.234 168.899 108.967 167.786C109.883 167.198 110.552 166.467 110.973 165.656C111.177 165.262 111.306 164.883 111.382 164.541C111.42 164.371 111.444 164.213 111.459 164.069C111.46 164.056 111.462 164.044 111.463 164.031C111.467 163.995 111.469 163.965 111.471 163.943C111.477 163.871 111.481 163.807 111.483 163.764C111.487 163.675 111.49 163.577 111.492 163.484C111.497 163.291 111.501 163.033 111.504 162.724C111.511 162.101 111.516 161.217 111.52 160.115C111.527 157.908 111.528 154.797 111.525 151.09C111.52 143.686 111.499 133.884 111.479 124.1L111.479 124.046C111.458 114.242 111.437 104.462 111.432 97.1303C111.43 93.4636 111.431 90.4138 111.438 88.2811C111.439 87.997 111.44 87.7299 111.442 87.4802C114.87 86.3136 118.094 84.8535 120.582 83.6167C122.138 82.8436 123.432 82.1447 124.342 81.6365C124.797 81.3821 125.158 81.1747 125.407 81.0289C125.532 80.956 125.63 80.8984 125.698 80.8579L125.778 80.8102L125.801 80.7964L125.808 80.792L125.811 80.7905L125.812 80.7899C125.812 80.7897 125.812 80.7895 124 77.7952L125.812 80.7895C127.417 79.8182 127.971 77.7547 127.068 76.1106L103.568 33.3153Z" stroke="white" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M100.5 35L124 77.7952C124 77.7952 116.073 82.5934 107.979 84.8983C107.813 84.9457 108.144 163.003 107.979 163.681C107.979 163.681 107.979 166 100.756 166C93.5334 166 93.5334 163.681 93.5334 163.681C93.3862 163.088 93.6788 85.0803 93.5334 85.0408C85.2655 82.7982 77 77.7952 77 77.7952L100.5 35Z" fill="#4D4D4D"/>
+</svg>