Lots of changes + about us page

12 files changed, 228 insertions, 33 deletions

diff --git a/apps/website/public/media/about/page_media_1.svg b/apps/website/public/media/about/page_media_1.svg
new file mode 100644
index 0000000..2ce56fc
--- /dev/null
+++ b/apps/website/public/media/about/page_media_1.svg
@@ -0,0 +1,21 @@
+<svg width="257" height="240" viewBox="0 0 257 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path d="M158.701 238.846H97.5443C91.7437 238.846 85.9684 238.08 80.3788 236.568C74.8797 235.081 69.588 232.881 64.6506 230.029C59.7131 227.178 55.1632 223.693 51.1271 219.673C47.0245 215.587 43.4746 210.968 40.5759 205.943L9.95465 152.866C7.05874 147.847 4.83793 142.466 3.35398 136.875C1.89405 131.374 1.15381 125.696 1.15381 120C1.15381 114.303 1.89405 108.626 3.35398 103.125C4.83793 97.5334 7.05874 92.1532 9.95465 87.1336L40.576 34.0567C43.4746 29.0323 47.0246 24.4128 51.1271 20.3265C55.1632 16.3064 59.7132 12.8221 64.6506 9.97049C69.588 7.11881 74.8798 4.91888 80.3788 3.43182C85.9685 1.92024 91.7438 1.15381 97.5443 1.15381H158.701C164.502 1.15381 170.277 1.92024 175.867 3.43182C181.366 4.91888 186.657 7.11881 191.595 9.97049C196.532 12.8222 201.082 16.3064 205.118 20.3265C209.221 24.4128 212.771 29.0323 215.67 34.0567L246.291 87.1336C249.187 92.1532 251.408 97.5334 252.891 103.125C254.351 108.626 255.092 114.303 255.092 120C255.092 125.696 254.351 131.374 252.891 136.875C251.408 142.466 249.187 147.847 246.291 152.866L215.67 205.943C212.771 210.968 209.221 215.587 205.118 219.673C201.082 223.693 196.532 227.178 191.595 230.029C186.657 232.881 181.366 235.081 175.867 236.568C170.277 238.08 164.502 238.846 158.701 238.846Z" fill="#F3F8FF"/>
+	<path d="M97.5444 2.30769C91.8455 2.30769 86.1716 3.06065 80.6801 4.54566C75.2775 6.00668 70.0786 8.16801 65.2277 10.9697C60.3769 13.7714 55.9068 17.1945 51.9415 21.1441C47.9109 25.1586 44.4234 29.697 41.5755 34.6333L10.9542 87.7102C8.10903 92.6419 5.92719 97.9277 4.46932 103.421C3.03497 108.825 2.30771 114.403 2.30771 120C2.30771 125.597 3.03497 131.175 4.46932 136.579C5.92719 142.072 8.10903 147.358 10.9542 152.29L41.5755 205.367C44.4233 210.303 47.9109 214.841 51.9414 218.856C55.9067 222.805 60.3769 226.229 65.2277 229.03C70.0786 231.832 75.2775 233.993 80.6801 235.454C86.1715 236.939 91.8455 237.692 97.5444 237.692H158.701C164.4 237.692 170.074 236.939 175.566 235.454C180.968 233.993 186.167 231.832 191.018 229.03C195.869 226.229 200.339 222.805 204.304 218.856C208.335 214.841 211.822 210.303 214.67 205.367L245.291 152.29C248.137 147.358 250.318 142.072 251.776 136.579C253.211 131.175 253.938 125.597 253.938 120C253.938 114.403 253.211 108.825 251.776 103.421C250.318 97.9277 248.137 92.6419 245.291 87.7102L214.67 34.6333C211.822 29.697 208.335 25.1586 204.304 21.1441C200.339 17.1945 195.869 13.7714 191.018 10.9697C186.167 8.16801 180.968 6.00668 175.566 4.54566C170.074 3.06065 164.4 2.30769 158.701 2.30769H97.5444ZM97.5444 0H158.701C182.618 0 204.717 12.7636 216.669 33.4801L247.29 86.557C259.231 107.254 259.231 132.746 247.29 153.443L216.669 206.52C204.717 227.236 182.618 240 158.701 240H97.5444C73.6274 240 51.5284 227.236 39.5766 206.52L8.95528 153.443C-2.98509 132.746 -2.98509 107.254 8.95528 86.557L39.5766 33.4801C51.5284 12.7636 73.6274 0 97.5444 0Z" fill="white"/>
+	<path d="M73 152.667V110.667H161.108C153.777 114.109 148.703 121.541 148.703 130.154V167.377C148.703 170.443 149.346 173.36 150.505 176H96.4059C83.4999 176 73 165.533 73 152.667Z" fill="url(#paint0_linear_171_200)"/>
+	<path d="M73 96.6667V101.333H185.348V96.6667C185.348 83.8007 174.848 73.3333 161.942 73.3333H157.261V68.6667C157.261 66.0907 155.164 64 152.58 64C149.996 64 147.899 66.0907 147.899 68.6667V73.3333H110.449V68.6667C110.449 66.0907 108.352 64 105.768 64C103.184 64 101.087 66.0907 101.087 68.6667V73.3333H96.4059C83.4999 73.3333 73 83.8007 73 96.6667Z" fill="url(#paint1_linear_171_200)"/>
+	<path d="M164.053 176C162.158 176 160.699 175.515 159.675 174.545C158.702 173.524 158.216 172.095 158.216 170.258C158.216 168.42 158.702 167.017 159.675 166.047C160.699 165.077 162.158 164.592 164.053 164.592H170.965V133.278H177.416L166.28 140.092C164.949 140.909 163.694 141.241 162.517 141.088C161.339 140.883 160.341 140.373 159.521 139.556C158.702 138.74 158.165 137.744 157.909 136.57C157.653 135.396 157.755 134.222 158.216 133.048C158.677 131.874 159.598 130.879 160.981 130.063L171.579 123.478C172.705 122.764 173.857 122.228 175.035 121.87C176.264 121.513 177.544 121.334 178.875 121.334C180.821 121.334 182.331 121.845 183.406 122.866C184.481 123.835 185.019 125.265 185.019 127.153V164.592H191.163C193.058 164.592 194.491 165.077 195.464 166.047C196.488 167.017 197 168.42 197 170.258C197 172.095 196.488 173.524 195.464 174.545C194.491 175.515 193.058 176 191.163 176H164.053Z" fill="url(#paint2_linear_171_200)"/>
+	<defs>
+	<linearGradient id="paint0_linear_171_200" x1="73" y1="99.875" x2="173.071" y2="171.043" gradientUnits="userSpaceOnUse">
+	<stop stop-color="#1F6AED"/>
+	<stop offset="1" stop-color="#1051C2"/>
+	</linearGradient>
+	<linearGradient id="paint1_linear_171_200" x1="73" y1="99.875" x2="173.071" y2="171.043" gradientUnits="userSpaceOnUse">
+	<stop stop-color="#1F6AED"/>
+	<stop offset="1" stop-color="#1051C2"/>
+	</linearGradient>
+	<linearGradient id="paint2_linear_171_200" x1="73" y1="99.875" x2="173.071" y2="171.043" gradientUnits="userSpaceOnUse">
+	<stop stop-color="#1F6AED"/>
+	<stop offset="1" stop-color="#1051C2"/>
+	</linearGradient>
+	</defs>
+	</svg>
diff --git a/apps/website/public/media/about/page_media_2.svg b/apps/website/public/media/about/page_media_2.svg
new file mode 100644
index 0000000..1e0d610
--- /dev/null
+++ b/apps/website/public/media/about/page_media_2.svg
@@ -0,0 +1,11 @@
+<svg width="257" height="240" viewBox="0 0 257 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path d="M158.701 238.846H97.5443C91.7437 238.846 85.9684 238.08 80.3788 236.568C74.8797 235.081 69.588 232.881 64.6506 230.029C59.7131 227.178 55.1632 223.693 51.1271 219.673C47.0245 215.587 43.4746 210.968 40.5759 205.943L9.95465 152.866C7.05874 147.847 4.83793 142.466 3.35398 136.875C1.89405 131.374 1.15381 125.696 1.15381 120C1.15381 114.303 1.89405 108.626 3.35398 103.125C4.83793 97.5334 7.05874 92.1532 9.95465 87.1336L40.576 34.0567C43.4746 29.0323 47.0246 24.4128 51.1271 20.3265C55.1632 16.3064 59.7132 12.8221 64.6506 9.97049C69.588 7.11881 74.8798 4.91888 80.3788 3.43182C85.9685 1.92024 91.7438 1.15381 97.5443 1.15381H158.701C164.502 1.15381 170.277 1.92024 175.867 3.43182C181.366 4.91888 186.657 7.11881 191.595 9.97049C196.532 12.8222 201.082 16.3064 205.118 20.3265C209.221 24.4128 212.771 29.0323 215.67 34.0567L246.291 87.1336C249.187 92.1532 251.408 97.5334 252.891 103.125C254.351 108.626 255.092 114.303 255.092 120C255.092 125.696 254.351 131.374 252.891 136.875C251.408 142.466 249.187 147.847 246.291 152.866L215.67 205.943C212.771 210.968 209.221 215.587 205.118 219.673C201.082 223.693 196.532 227.178 191.595 230.029C186.657 232.881 181.366 235.081 175.867 236.568C170.277 238.08 164.502 238.846 158.701 238.846Z" fill="#F3F8FF"/>
+	<path d="M97.5444 2.30769C91.8455 2.30769 86.1716 3.06065 80.6801 4.54566C75.2775 6.00668 70.0786 8.16801 65.2277 10.9697C60.3769 13.7714 55.9068 17.1945 51.9415 21.1441C47.9109 25.1586 44.4234 29.697 41.5755 34.6333L10.9542 87.7102C8.10903 92.6419 5.92719 97.9277 4.46932 103.421C3.03497 108.825 2.30771 114.403 2.30771 120C2.30771 125.597 3.03497 131.175 4.46932 136.579C5.92719 142.072 8.10903 147.358 10.9542 152.29L41.5755 205.367C44.4233 210.303 47.9109 214.841 51.9414 218.856C55.9067 222.805 60.3769 226.229 65.2277 229.03C70.0786 231.832 75.2775 233.993 80.6801 235.454C86.1715 236.939 91.8455 237.692 97.5444 237.692H158.701C164.4 237.692 170.074 236.939 175.566 235.454C180.968 233.993 186.167 231.832 191.018 229.03C195.869 226.229 200.339 222.805 204.304 218.856C208.335 214.841 211.822 210.303 214.67 205.367L245.291 152.29C248.137 147.358 250.318 142.072 251.776 136.579C253.211 131.175 253.938 125.597 253.938 120C253.938 114.403 253.211 108.825 251.776 103.421C250.318 97.9277 248.137 92.6419 245.291 87.7102L214.67 34.6333C211.822 29.697 208.335 25.1586 204.304 21.1441C200.339 17.1945 195.869 13.7714 191.018 10.9697C186.167 8.16801 180.968 6.00668 175.566 4.54566C170.074 3.06065 164.4 2.30769 158.701 2.30769H97.5444ZM97.5444 0H158.701C182.618 0 204.717 12.7636 216.669 33.4801L247.29 86.557C259.231 107.254 259.231 132.746 247.29 153.443L216.669 206.52C204.717 227.236 182.618 240 158.701 240H97.5444C73.6274 240 51.5284 227.236 39.5766 206.52L8.95528 153.443C-2.98509 132.746 -2.98509 107.254 8.95528 86.557L39.5766 33.4801C51.5284 12.7636 73.6274 0 97.5444 0Z" fill="white"/>
+	<path d="M177.278 130.08L174.878 128.693C175.411 125.813 175.678 122.88 175.678 120C175.678 117.12 175.411 114.24 174.878 111.307L177.278 109.92C184.905 105.547 187.571 95.7333 183.198 88.0533C181.065 84.3733 177.598 81.7067 173.491 80.5867C169.385 79.4667 165.065 80.0533 161.331 82.1867L158.931 83.5733C154.451 79.7333 149.278 76.7467 143.678 74.7733V72C143.678 63.2 136.478 56 127.678 56C118.878 56 111.678 63.2 111.678 72V74.7733C106.078 76.7467 100.905 79.7333 96.4246 83.5733L94.0246 82.1867C90.3446 80.0533 86.0246 79.52 81.8646 80.5867C77.758 81.7067 74.2913 84.3733 72.158 88.0533C67.7846 95.68 70.398 105.493 78.0246 109.92L80.4246 111.307C79.8913 114.187 79.6246 117.12 79.6246 120C79.6246 122.88 79.8913 125.76 80.4246 128.693L78.0246 130.08C70.398 134.453 67.7313 144.267 72.1046 151.947C74.238 155.627 77.7046 158.293 81.8113 159.413C85.918 160.533 90.238 159.947 93.9713 157.813L96.3713 156.427C100.851 160.267 106.025 163.253 111.625 165.227V168C111.625 176.8 118.825 184 127.625 184C136.425 184 143.625 176.8 143.625 168V165.227C149.225 163.253 154.398 160.267 158.878 156.427L161.278 157.813C164.958 159.947 169.278 160.533 173.438 159.413C177.545 158.293 181.011 155.627 183.145 151.947C187.518 144.32 184.905 134.507 177.278 130.08ZM112.798 126.667C114.878 128.747 114.878 132.107 112.798 134.187C111.731 135.253 110.398 135.733 109.011 135.733C107.625 135.733 106.291 135.2 105.225 134.187L98.7713 127.733C94.6113 123.573 94.6113 116.853 98.7713 112.747L105.225 106.293C107.305 104.213 110.665 104.213 112.745 106.293C114.825 108.373 114.825 111.733 112.745 113.813L106.291 120.267L112.745 126.613L112.798 126.667ZM137.171 99.7333L128.638 142.4C128.158 144.96 125.918 146.667 123.411 146.667C123.091 146.667 122.718 146.667 122.345 146.56C119.465 145.973 117.598 143.2 118.185 140.267L126.718 97.6C127.305 94.72 130.078 92.8533 133.011 93.44C135.891 94.0267 137.758 96.8 137.171 99.7333ZM156.585 127.733L150.131 134.187C149.065 135.253 147.731 135.733 146.345 135.733C144.958 135.733 143.625 135.2 142.558 134.187C140.478 132.107 140.478 128.747 142.558 126.667L149.011 120.213L142.558 113.813C140.478 111.733 140.478 108.373 142.558 106.293C144.638 104.213 147.998 104.213 150.078 106.293L156.531 112.747C160.691 116.907 160.691 123.627 156.531 127.733H156.585Z" fill="url(#paint0_linear_171_207)"/>
+	<defs>
+	<linearGradient id="paint0_linear_171_207" x1="170" y1="169" x2="95" y2="56" gradientUnits="userSpaceOnUse">
+	<stop stop-color="#1051C2"/>
+	<stop offset="1" stop-color="#1F6AED"/>
+	</linearGradient>
+	</defs>
+	</svg>
diff --git a/apps/website/public/media/about/page_media_3.svg b/apps/website/public/media/about/page_media_3.svg
new file mode 100644
index 0000000..74949c0
--- /dev/null
+++ b/apps/website/public/media/about/page_media_3.svg
@@ -0,0 +1,16 @@
+<svg width="257" height="240" viewBox="0 0 257 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path d="M158.701 238.846H97.5443C91.7437 238.846 85.9684 238.08 80.3788 236.568C74.8797 235.081 69.588 232.881 64.6506 230.029C59.7131 227.178 55.1632 223.693 51.1271 219.673C47.0245 215.587 43.4746 210.968 40.5759 205.943L9.95465 152.866C7.05874 147.847 4.83793 142.466 3.35398 136.875C1.89405 131.374 1.15381 125.696 1.15381 120C1.15381 114.303 1.89405 108.626 3.35398 103.125C4.83793 97.5334 7.05874 92.1532 9.95465 87.1336L40.576 34.0567C43.4746 29.0323 47.0246 24.4128 51.1271 20.3265C55.1632 16.3064 59.7132 12.8221 64.6506 9.97049C69.588 7.11881 74.8798 4.91888 80.3788 3.43182C85.9685 1.92024 91.7438 1.15381 97.5443 1.15381H158.701C164.502 1.15381 170.277 1.92024 175.867 3.43182C181.366 4.91888 186.657 7.11881 191.595 9.97049C196.532 12.8222 201.082 16.3064 205.118 20.3265C209.221 24.4128 212.771 29.0323 215.67 34.0567L246.291 87.1336C249.187 92.1532 251.408 97.5334 252.891 103.125C254.351 108.626 255.092 114.303 255.092 120C255.092 125.696 254.351 131.374 252.891 136.875C251.408 142.466 249.187 147.847 246.291 152.866L215.67 205.943C212.771 210.968 209.221 215.587 205.118 219.673C201.082 223.693 196.532 227.178 191.595 230.029C186.657 232.881 181.366 235.081 175.867 236.568C170.277 238.08 164.502 238.846 158.701 238.846Z" fill="#F3F8FF"/>
+	<path d="M97.5444 2.30769C91.8455 2.30769 86.1716 3.06065 80.6801 4.54566C75.2775 6.00668 70.0786 8.16801 65.2277 10.9697C60.3769 13.7714 55.9068 17.1945 51.9415 21.1441C47.9109 25.1586 44.4234 29.697 41.5755 34.6333L10.9542 87.7102C8.10903 92.6419 5.92719 97.9277 4.46932 103.421C3.03497 108.825 2.30771 114.403 2.30771 120C2.30771 125.597 3.03497 131.175 4.46932 136.579C5.92719 142.072 8.10903 147.358 10.9542 152.29L41.5755 205.367C44.4233 210.303 47.9109 214.841 51.9414 218.856C55.9067 222.805 60.3769 226.229 65.2277 229.03C70.0786 231.832 75.2775 233.993 80.6801 235.454C86.1715 236.939 91.8455 237.692 97.5444 237.692H158.701C164.4 237.692 170.074 236.939 175.566 235.454C180.968 233.993 186.167 231.832 191.018 229.03C195.869 226.229 200.339 222.805 204.304 218.856C208.335 214.841 211.822 210.303 214.67 205.367L245.291 152.29C248.137 147.358 250.318 142.072 251.776 136.579C253.211 131.175 253.938 125.597 253.938 120C253.938 114.403 253.211 108.825 251.776 103.421C250.318 97.9277 248.137 92.6419 245.291 87.7102L214.67 34.6333C211.822 29.697 208.335 25.1586 204.304 21.1441C200.339 17.1945 195.869 13.7714 191.018 10.9697C186.167 8.16801 180.968 6.00668 175.566 4.54566C170.074 3.06065 164.4 2.30769 158.701 2.30769H97.5444ZM97.5444 0H158.701C182.618 0 204.717 12.7636 216.669 33.4801L247.29 86.557C259.231 107.254 259.231 132.746 247.29 153.443L216.669 206.52C204.717 227.236 182.618 240 158.701 240H97.5444C73.6274 240 51.5284 227.236 39.5766 206.52L8.95528 153.443C-2.98509 132.746 -2.98509 107.254 8.95528 86.557L39.5766 33.4801C51.5284 12.7636 73.6274 0 97.5444 0Z" fill="white"/>
+	<g clip-path="url(#clip0_171_310)">
+	<path d="M128.629 162.837L80.64 183.04C79.1253 183.675 77.5413 183.989 75.9733 183.989C72.8693 183.989 69.824 182.768 67.5253 180.475C64.0693 177.019 63.0613 171.872 64.96 167.365L85.1627 119.371L128.629 162.837ZM150.443 132.117L115.888 97.5627C112.491 94.16 107.637 92.688 102.928 93.6107C98.2133 94.5387 94.2827 97.728 92.416 102.165L89.6373 108.768L139.248 158.379L145.851 155.6C150.283 153.733 153.477 149.803 154.4 145.088C155.323 140.368 153.845 135.52 150.448 132.123L150.443 132.117ZM148.245 96.56C152.139 91.4294 154.293 85.9787 154.656 80.3414C155.573 65.9574 145.083 57.504 144.64 57.1467C142.347 55.344 139.035 55.7227 137.195 58.0107C135.36 60.2934 135.728 63.6427 137.995 65.4934C138.261 65.712 144.565 70.96 144.011 79.6587C143.787 83.1627 142.352 86.6774 139.755 90.1067C137.973 92.4534 138.432 95.7974 140.779 97.5787C141.744 98.3094 142.875 98.6614 144 98.6614C145.611 98.6614 147.205 97.9307 148.251 96.5494L148.245 96.56ZM189.739 129.696C192.149 128 192.725 124.672 191.024 122.261C189.035 119.44 183.632 114.667 176 114.667C171.861 114.667 167.973 115.947 164.757 118.373C162.405 120.144 161.941 123.493 163.712 125.84C165.488 128.187 168.827 128.661 171.184 126.88C172.549 125.851 174.171 125.328 176 125.328C179.888 125.328 182.187 128.251 182.347 128.459C183.387 129.899 185.013 130.661 186.672 130.661C187.733 130.661 188.805 130.341 189.739 129.685V129.696ZM176 64.0054C176 68.4214 179.584 72.0054 184 72.0054C188.416 72.0054 192 68.4214 192 64.0054C192 59.5894 188.416 56.0054 184 56.0054C179.584 56.0054 176 59.5894 176 64.0054ZM165.333 90.672C165.333 95.088 168.917 98.672 173.333 98.672C177.749 98.672 181.333 95.088 181.333 90.672C181.333 86.256 177.749 82.672 173.333 82.672C168.917 82.672 165.333 86.256 165.333 90.672ZM106.667 69.3334C106.667 73.7494 110.251 77.3334 114.667 77.3334C119.083 77.3334 122.667 73.7494 122.667 69.3334C122.667 64.9174 119.083 61.3334 114.667 61.3334C110.251 61.3334 106.667 64.9174 106.667 69.3334ZM170.667 154.667C170.667 159.083 174.251 162.667 178.667 162.667C183.083 162.667 186.667 159.083 186.667 154.667C186.667 150.251 183.083 146.667 178.667 146.667C174.251 146.667 170.667 150.251 170.667 154.667ZM69.3333 74.6667C69.3333 79.0827 72.9173 82.6667 77.3333 82.6667C81.7493 82.6667 85.3333 79.0827 85.3333 74.6667C85.3333 70.2507 81.7493 66.6667 77.3333 66.6667C72.9173 66.6667 69.3333 70.2507 69.3333 74.6667ZM144 176C144 180.416 147.584 184 152 184C156.416 184 160 180.416 160 176C160 171.584 156.416 168 152 168C147.584 168 144 171.584 144 176Z" fill="url(#paint0_linear_171_310)"/>
+	</g>
+	<defs>
+	<linearGradient id="paint0_linear_171_310" x1="64" y1="56" x2="192" y2="184" gradientUnits="userSpaceOnUse">
+	<stop stop-color="#1F6AED"/>
+	<stop offset="1" stop-color="#1051C2"/>
+	</linearGradient>
+	<clipPath id="clip0_171_310">
+	<rect width="128" height="128" fill="white" transform="translate(64 56)"/>
+	</clipPath>
+	</defs>
+	</svg>
diff --git a/apps/website/public/media/about/page_media_4.svg b/apps/website/public/media/about/page_media_4.svg
new file mode 100644
index 0000000..270f9b5
--- /dev/null
+++ b/apps/website/public/media/about/page_media_4.svg
@@ -0,0 +1,14 @@
+<svg width="257" height="240" viewBox="0 0 257 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path d="M158.701 238.846H97.5443C91.7437 238.846 85.9684 238.08 80.3788 236.568C74.8797 235.081 69.588 232.881 64.6506 230.029C59.7131 227.178 55.1632 223.693 51.1271 219.673C47.0245 215.587 43.4746 210.968 40.5759 205.943L9.95465 152.866C7.05874 147.847 4.83793 142.466 3.35398 136.875C1.89405 131.374 1.15381 125.696 1.15381 120C1.15381 114.303 1.89405 108.626 3.35398 103.125C4.83793 97.5334 7.05874 92.1532 9.95465 87.1336L40.576 34.0567C43.4746 29.0323 47.0246 24.4128 51.1271 20.3265C55.1632 16.3064 59.7132 12.8221 64.6506 9.97049C69.588 7.11881 74.8798 4.91888 80.3788 3.43182C85.9685 1.92024 91.7438 1.15381 97.5443 1.15381H158.701C164.502 1.15381 170.277 1.92024 175.867 3.43182C181.366 4.91888 186.657 7.11881 191.595 9.97049C196.532 12.8222 201.082 16.3064 205.118 20.3265C209.221 24.4128 212.771 29.0323 215.67 34.0567L246.291 87.1336C249.187 92.1532 251.408 97.5334 252.891 103.125C254.351 108.626 255.092 114.303 255.092 120C255.092 125.696 254.351 131.374 252.891 136.875C251.408 142.466 249.187 147.847 246.291 152.866L215.67 205.943C212.771 210.968 209.221 215.587 205.118 219.673C201.082 223.693 196.532 227.178 191.595 230.029C186.657 232.881 181.366 235.081 175.867 236.568C170.277 238.08 164.502 238.846 158.701 238.846Z" fill="#F3F8FF"/>
+	<path d="M97.5444 2.30769C91.8455 2.30769 86.1716 3.06065 80.6801 4.54566C75.2775 6.00668 70.0786 8.16801 65.2277 10.9697C60.3769 13.7714 55.9068 17.1945 51.9415 21.1441C47.9109 25.1586 44.4234 29.697 41.5755 34.6333L10.9542 87.7102C8.10903 92.6419 5.92719 97.9277 4.46932 103.421C3.03497 108.825 2.30771 114.403 2.30771 120C2.30771 125.597 3.03497 131.175 4.46932 136.579C5.92719 142.072 8.10903 147.358 10.9542 152.29L41.5755 205.367C44.4233 210.303 47.9109 214.841 51.9414 218.856C55.9067 222.805 60.3769 226.229 65.2277 229.03C70.0786 231.832 75.2775 233.993 80.6801 235.454C86.1715 236.939 91.8455 237.692 97.5444 237.692H158.701C164.4 237.692 170.074 236.939 175.566 235.454C180.968 233.993 186.167 231.832 191.018 229.03C195.869 226.229 200.339 222.805 204.304 218.856C208.335 214.841 211.822 210.303 214.67 205.367L245.291 152.29C248.137 147.358 250.318 142.072 251.776 136.579C253.211 131.175 253.938 125.597 253.938 120C253.938 114.403 253.211 108.825 251.776 103.421C250.318 97.9277 248.137 92.6419 245.291 87.7102L214.67 34.6333C211.822 29.697 208.335 25.1586 204.304 21.1441C200.339 17.1945 195.869 13.7714 191.018 10.9697C186.167 8.16801 180.968 6.00668 175.566 4.54566C170.074 3.06065 164.4 2.30769 158.701 2.30769H97.5444ZM97.5444 0H158.701C182.618 0 204.717 12.7636 216.669 33.4801L247.29 86.557C259.231 107.254 259.231 132.746 247.29 153.443L216.669 206.52C204.717 227.236 182.618 240 158.701 240H97.5444C73.6274 240 51.5284 227.236 39.5766 206.52L8.95528 153.443C-2.98509 132.746 -2.98509 107.254 8.95528 86.557L39.5766 33.4801C51.5284 12.7636 73.6274 0 97.5444 0Z" fill="white"/>
+	<g clip-path="url(#clip0_171_301)">
+	<path d="M189.08 108.038C189.274 108.39 189.478 108.759 189.636 109.142C192.948 116.093 192.813 126.124 189.02 132.921L175.215 156.817C171.132 150.578 165.414 145.225 158.54 141.182C158.714 140.912 158.867 140.643 159.002 140.373C171.19 115.708 158.54 83.1296 128.003 83.6106C96.9262 83.091 84.6411 116.266 97.3688 141.259C90.5331 145.302 84.8535 150.635 80.7902 156.855C80.6952 156.653 79.3433 154.33 77.4893 151.142C72.9821 143.393 65.505 130.541 65.8877 130.649C63.3267 124.449 63.3652 115.977 66.0419 109.854C66.2026 109.423 66.4019 109.006 66.6116 108.605C66.7281 108.381 66.8485 108.162 66.966 107.948L86.6436 73.8292C86.6728 73.7906 86.6972 73.7462 86.7216 73.7026C86.7461 73.6596 86.7696 73.6174 86.7978 73.5795C90.8602 66.821 100.468 61.3333 108.305 61.3333H147.661C156.595 61.3333 164.856 66.1083 169.304 73.8292C169.349 73.8865 176.192 85.7326 181.803 95.4445C185.692 102.176 188.987 107.882 189.02 107.929L189.08 108.038Z" fill="#0048C5"/>
+	<path d="M109.9 153.91C120.24 159.763 135.912 159.744 146.021 153.872C154.647 158.146 160.924 165.425 162.869 173.973C158.613 177.112 153.376 179.249 148.64 179.48C148.332 179.519 147.985 179.519 147.677 179.519C147.408 179.511 142.053 179.515 135.351 179.519H135C123.515 179.527 108.314 179.536 107.821 179.499C102.968 179.384 97.5192 177.227 93.1484 173.973C95.0551 165.444 101.313 158.185 109.9 153.91Z" fill="#0A5BE8"/>
+	<path d="M147.446 120.445C148.12 147.305 107.878 147.285 108.552 120.445C108.186 93.4309 147.793 93.4309 147.446 120.445Z" fill="#0A5BE8"/>
+	</g>
+	<defs>
+	<clipPath id="clip0_171_301">
+	<rect width="128" height="128" fill="white" transform="translate(64 56)"/>
+	</clipPath>
+	</defs>
+	</svg>
diff --git a/apps/website/src/components/base/Header.astro b/apps/website/src/components/base/Header.astro
index 5292380..7d24c8f 100644
--- a/apps/website/src/components/base/Header.astro
+++ b/apps/website/src/components/base/Header.astro
@@ -29,7 +29,7 @@ let className: string | string[] = [];
 if (align !== 'inherit')
 	className.push(`text-${align}`);
 
-if (size === 'xxl')
+if (size === 'xxl' || size === 'xl')
 	className.push('page-header');
 
 if (attr.class)
@@ -53,6 +53,9 @@ className = className.join(' ');
 
     h2 {
         font-size: theme("fontSize.header");
+		&.page-header {
+			font-size: theme("fontSize.header-page");
+		}
         font-weight: 600;
     }
 
diff --git a/apps/website/src/components/base/Paragraph.astro b/apps/website/src/components/base/Paragraph.astro
index 5ceaf6e..db0bff6 100644
--- a/apps/website/src/components/base/Paragraph.astro
+++ b/apps/website/src/components/base/Paragraph.astro
@@ -4,7 +4,7 @@ import type { HTMLAttributes } from 'astro/types';
 const sizes = {
 	xs: 'text-xs',
 	sm: 'text-sm',
-	md: 'text-md',
+	md: 'text-inherit',
 	lg: 'text-lg',
 	xl: 'text-xl',
 };
diff --git a/apps/website/src/components/base/Section.astro b/apps/website/src/components/base/Section.astro
index ce87ecb..092c069 100644
--- a/apps/website/src/components/base/Section.astro
+++ b/apps/website/src/components/base/Section.astro
@@ -19,7 +19,7 @@ const {
 const twoColumn = Astro.slots.has('left') || Astro.slots.has('right');
 
 const className = `max-w-[${maxWidth}] ${wFull ? 'w-full' : `w-[${maxWidth}]`} px-5 md:p-0 flex gap-x-20 gap-y-4${
-	twoColumn ? ` ${maxWidth === 'none' ? 'justify-center' : 'justify-between md:justify-evenly lg:justify-between'} ${colReverse ? 'flex-col-reverse' : 'flex-col'} md:flex-row md:items-center md:flex-row` : ''
+	twoColumn ? ` ${maxWidth === 'none' ? 'justify-center' : 'justify-between md:justify-evenly lg:justify-between'} ${colReverse ? 'flex-col-reverse' : 'flex-col'} md:flex-row items-center md:flex-row` : ''
 }${props.class ? ` ${props.class}` : ''}`;
 ---
 
@@ -27,11 +27,11 @@ const className = `max-w-[${maxWidth}] ${wFull ? 'w-full' : `w-[${maxWidth}]`} p
 	<div class={className} {...props}>
 		{twoColumn
 			? (
-				<div class="flex flex-col items-start text-left relative">
+				<div class="flex flex-col items-center text-center w-full md:w-auto md:items-start md:text-left relative">
 					<slot name="left"></slot>
 				</div>
 
-				<div class="flex flex-col items-start text-left relative">
+				<div class="flex flex-col items-center text-center w-full md:w-auto md:items-start md:text-left relative">
 					<slot name="right"></slot>
 				</div>
 			)
diff --git a/apps/website/src/pages/about.astro b/apps/website/src/pages/about.astro
new file mode 100644
index 0000000..9398793
--- /dev/null
+++ b/apps/website/src/pages/about.astro
@@ -0,0 +1,125 @@
+---
+import Header from '@components/base/Header.astro';
+import Paragraph from '@components/base/Paragraph.astro';
+import Section from '@components/base/Section.astro';
+import Layout from '@layouts/Layout.astro';
+
+---
+
+<Layout>
+	<Section class="flex-col justify-center items-center h-screen max-h-4/5-screen md:max-h-[600px] md:min-h-[400px]">
+		<div class="max-w-[600px] flex flex-col text-center justify-center items-center gap-y-2">
+			<Header align="center" size="xxl" class="text-navy-peony">Our journey</Header>
+			<Paragraph size="lg" class="text-blue-gray">From an aspring team just trying to make a cool thing, to what we now call Polyfrost, we've made a lot of progress</Paragraph>
+		</div>
+	</Section>
+
+	<div class="flex flex-col gap-y-40">
+		<Section tabindex="0" colReverse={false}>
+			<div slot="left" class="w-1/2 md:w-auto">
+				<img src="/media/about/page_media_1.svg" alt="image of a calendar">
+			</div>
+			<div slot="right">
+				<Header size="lg" class="text-navy-peony">
+					October, 2021
+				</Header>
+				<Paragraph size="sm" class="text-blue-gray max-w-[500px]">
+					We began as a small development team aimlessly trying to build something beyond us. Joining forces with W-OVERFLOW in June of 2022, Polyfrost finally had the resources to achieve our dream of unified mod configs.
+				</Paragraph>
+			</div>
+		</Section>
+
+		<Section tabindex="0">
+			<div slot="left">
+				<Header size="lg" class="text-navy-peony">
+					A year of development
+				</Header>
+				<Paragraph size="sm" class="text-gray-400 max-w-[500px]">
+					Our first alpha build of OneConfig released in June to a limited audience. By October of 2022, nearly a year after our first announcement, OneConfig finally became available to the whole world in open beta.
+				</Paragraph>
+			</div>
+
+			<div slot="right" class="w-1/2 md:w-auto">
+				<img src="/media/about/page_media_2.svg" alt="image of a code block" />
+			</div>
+		</Section>
+
+		<Section tabindex="0" colReverse={false}>
+			<div slot="left" class="w-1/2 md:w-auto">
+				<img src="/media/about/page_media_3.svg" alt="image indicating a celebration">
+			</div>
+			<div slot="right">
+				<Header size="lg" class="text-navy-peony">
+					Hey look, OneConfig's a hit
+				</Header>
+				<Paragraph size="sm" class="text-gray-400 max-w-[500px]">
+					In the coming months, our little baby would independently surpass 200,000 views and our community grew by around 300%. Shortly after, our first major update releases, bringing substantial customization, new animations, design overhauls, and many bug fixes.
+				</Paragraph>
+			</div>
+		</Section>
+
+		<Section tabindex="0">
+			<div slot="left">
+				<Header size="lg" class="text-navy-peony">
+					Finally, it's ready for all
+				</Header>
+				<Paragraph size="sm" class="text-gray-400 max-w-[500px]">
+					It's been a long journey, with many bugs, hotfixes, mod incompatibilities, support tickets, list goes on. However, after two years of development, we finally announced the complete release of OneConfig
+				</Paragraph>
+			</div>
+
+			<div slot="right" class="w-1/2 md:w-auto">
+				<img src="/media/about/page_media_4.svg" alt="oneconfig logo" />
+			</div>
+		</Section>
+
+		<div class="bg-blue-75 flex flex-col gap-y-20 py-20">
+			<Section tabindex="0" colReverse={false}>
+				<div slot="left" class="w-1/2 md:w-auto">
+					<img src="/media/about/page_media_1.svg" alt="image of a calendar">
+				</div>
+				<div slot="right">
+					<Header size="lg" class="text-navy-peony">
+						October, 2021
+					</Header>
+					<Paragraph size="sm" class="text-gray-400 max-w-[500px]">
+						We began as a small development team aimlessly trying to build something beyond us. Joining forces with W-OVERFLOW in June of 2022, Polyfrost finally had the resources to achieve our dream of unified mod configs.
+					</Paragraph>
+				</div>
+			</Section>
+
+			<Section tabindex="0">
+				<div slot="left">
+					<Header size="lg" class="text-navy-peony">
+						A year of development
+					</Header>
+					<Paragraph size="sm" class="text-gray-400 max-w-[500px]">
+						Our first alpha build of OneConfig released in June to a limited audience. By October of 2022, nearly a year after our first announcement, OneConfig finally became available to the whole world in open beta.
+					</Paragraph>
+				</div>
+
+				<div slot="right" class="w-1/2 md:w-auto">
+					<img src="/media/about/page_media_2.svg" alt="image of a code block" />
+				</div>
+			</Section>
+		</div>
+
+		<Section class="mb-40 flex-col items-center justify-center text-center text-navy-peony">
+			<Header size="xl">
+				Most importantly... we believe in you.
+			</Header>
+			<div class="flex flex-col gap-y-10 max-w-xl text-lg">
+				<Paragraph>
+					Since the inception of OneConfig, since W-OVERFLOW was created, since the people that became Polyfrost first met, we have always been known for our attention and swift feedback to users and their suggestions. No matter what we do in the future, you will always be our top priority. And we mean it.
+				</Paragraph>
+				<Paragraph>
+					We've grown a lot from our early days back in 2021. What used to be a small team of four has become a professional team of 12 aspiring developers and designers maintaining two libraries and 10+ mods.
+				</Paragraph>
+				<Paragraph>
+					We thank everyone; from the people who are just finding us, to the people who were there in the very early days, for sticking around with us.
+				</Paragraph>
+			</div>
+		</Section>
+	</div>
+
+</Layout>
diff --git a/apps/website/src/pages/mods.astro b/apps/website/src/pages/mods.astro
index 27ef018..5d53a5d 100644
--- a/apps/website/src/pages/mods.astro
+++ b/apps/website/src/pages/mods.astro
@@ -47,18 +47,18 @@ import { Code } from 'astro:components';
 					<Button style="primary" iconLeft="link-external">GitHub</Button>
 				</div>
 
-				<Paragraph class="text-navy-peony text-xl font-semibold max-w-screen-sm text-center mt-20">
+				<Paragraph class="text-navy-peony text-lg font-semibold max-w-screen-sm text-center mt-20">
 					10+ mods. Unparalleled new features. OneConfig. We combine our groundbreaking library with mods with no equivalent anywhere else.
 				</Paragraph>
 			</div>
 		</Section>
 	</div>
 
-	<div class="flex flex-col gap-40 my-48">
+	<div class="flex flex-col gap-40">
 		<Section tabindex="0">
 			<div slot="left">
-				<Header size="xl" class="text-navy-peony"><b>13</b> maintained mods</Header>
-				<Paragraph class="text-navy-peony text-xl max-w-screen-sm mt-6">
+				<Header size="lg" class="text-navy-peony"><b>13</b> maintained mods</Header>
+				<Paragraph size="sm" class="text-gray-400 max-w-[500px]">
 					OneConfig is a revolutionary new way to configure mods. It allows you to configure all of your mods in one place, with a beautiful UI.
 				</Paragraph>
 			</div>
@@ -69,14 +69,14 @@ import { Code } from 'astro:components';
 
 		<Section tabindex="0">
 			<div slot="right">
-				<Header size="xl" class="text-navy-peony">We <b>listen</b> to community feedback</Header>
-				<Paragraph class="text-navy-peony text-xl max-w-screen-sm mt-6">
+				<Header size="lg" class="text-navy-peony">We <b>listen</b> to community feedback</Header>
+				<Paragraph size="sm" class="text-gray-400 max-w-[500px]">
 					No more are the days where developers ignore your great new idea. Some of our best mods and ideas are user-suggested, such as BehindYouV3, various Chatting features, and more.
 				</Paragraph>
 			</div>
 		</Section>
 
-		<Section maxWidth="1120px" wrapperClass="bg-blue-100 -mb-40" wFull={false} class="pt-10 md:py-20">
+		<Section maxWidth="1120px" wrapperClass="bg-blue-75 -mb-40" wFull={false} class="pt-10 md:py-20">
 			<div slot="left">
 				<!-- TODO: FIX Codeblock overflowing on mobile -->
 				<div class="max-sm:hidden">
@@ -101,8 +101,8 @@ import { Code } from 'astro:components';
 				</div>
 			</div>
 
-			<div slot="right" class="flex flex-col gap-2">
-				<Header size="xl" class="text-blue-500">Open source</Header>
+			<div slot="right" class="flex flex-col gap-2 text-left items-start">
+				<Header size="lg" class="text-blue-500">Open source</Header>
 				<Paragraph class="text-blue-400 max-w-[500px]">
 					All of our mods are open source, and will continue to be open source. Anyone can learn, contribute, or take from our code (as long as it follows our license).
 				</Paragraph>
@@ -112,9 +112,9 @@ import { Code } from 'astro:components';
 			</div>
 		</Section>
 
-		<Section maxWidth="1120px" wrapperClass="bg-blue-100" wFull={false} class="py-10 md:py-20 gap-4">
-			<div slot="left" class="flex flex-col gap-2">
-				<Header size="xl" class="text-blue-500">Powered by OneConfig</Header>
+		<Section maxWidth="1120px" wrapperClass="bg-blue-75" wFull={false} class="py-10 md:py-20 gap-4">
+			<div slot="left" class="flex flex-col gap-2 text-left items-start">
+				<Header size="lg" class="text-blue-500">Powered by OneConfig</Header>
 				<Paragraph class="text-blue-400 max-w-[500px]">
 					OneConfig brings the simplicity of a client to the everyday user, gives advanced users and developers complete control over everything, while remaining free and open-source.
 				</Paragraph>
@@ -123,13 +123,13 @@ import { Code } from 'astro:components';
 				</div>
 			</div>
 			<div slot="right">
-				<img src="/media/oneconfig/page_media_3.svg" alt="stuff"/>
+				<img src="/media/oneconfig/page_media_3.svg" class="max-sm:w-full" alt="stuff"/>
 			</div>
 		</Section>
 
-		<Section class="flex-col justify-center items-center">
-			<div class="flex flex-col gap-y-1 relative md:-left-12">
-				<Header size="xl" class="text-navy-peony text-header-page max-w-lg text-center">Get our mods, available on Modrinth and GitHub.</Header>
+		<Section class="flex-col justify-center items-center mb-40">
+			<div class="flex flex-col gap-y-1 relative md:-left-12 justify-center items-center">
+				<Header size="xl" class="text-navy-peony text-header-page w-11/12 md:max-w-lg text-center">Get our mods, available on Modrinth and GitHub.</Header>
 				<div class="flex flex-row justify-center items-center gap-x-2">
 					<Button style="primary" iconLeft="link-external">Modrinth</Button>
 					<Button style="primary" iconLeft="link-external">GitHub</Button>
diff --git a/apps/website/src/pages/projects/oneconfig.astro b/apps/website/src/pages/projects/oneconfig.astro
index 6ad725b..51bd58a 100644
--- a/apps/website/src/pages/projects/oneconfig.astro
+++ b/apps/website/src/pages/projects/oneconfig.astro
@@ -32,13 +32,13 @@ import { Code } from 'astro:components';
 				<Paragraph size="sm" class="text-gray-400 max-w-[500px]">Modding Minecraft has always been difficult, particularly with their configuration. Remembering all of the keybinds, commands; it just isn't intuitive.</Paragraph>
 			</div>
 			<div slot="right" class="w-3/4 md:w-auto">
-			<!-- TODO: make proper file names and alt text -->
-			<img src="/media/oneconfig/page_media_1.svg" alt="stuff"/>
+				<!-- TODO: make proper file names and alt text -->
+				<img src="/media/oneconfig/page_media_1.svg" alt="stuff"/>
 			</div>
 		</Section>
 
 		<Section tabindex="0" colReverse={false}>
-			<div slot="left" class="w-1/2 md:w-auto">
+			<div slot="left" class="w-1/2 md:w-auto flex justify-center">
 				<img src="/media/oneconfig/page_media_2.svg" alt="stuff"/>
 			</div>
 
@@ -54,12 +54,12 @@ import { Code } from 'astro:components';
 				<Paragraph size="sm" class="text-gray-400 max-w-[500px]">OneConfig brings the simplicity of a client to the everyday user, gives advanced users and developers complete control over everything, while remaining free and open-source.</Paragraph>
 			</div>
 
-			<div slot="right" class="w-3/4 md:w-auto">
+			<div slot="right" class="w-3/4 md:w-auto flex justify-center">
 				<img src="/media/oneconfig/page_media_3.svg" alt="stuff"/>
 			</div>
 		</Section>
 
-		<Section maxWidth="1120px" wrapperClass="bg-blue-100 -mb-40" wFull={false} class="pt-10 md:py-20">
+		<Section maxWidth="1120px" wrapperClass="bg-blue-75 -mb-40" wFull={false} class="pt-10 md:py-20">
 			<div slot="left">
 				<!-- TODO: FIX Codeblock overflowing on mobile -->
 				<div class="max-sm:hidden">
@@ -84,7 +84,7 @@ import { Code } from 'astro:components';
 				</div>
 			</div>
 
-			<div slot="right" class="flex flex-col gap-2">
+			<div slot="right" class="flex flex-col gap-2 text-left items-start">
 				<Header size="xl" class="text-blue-500">Written for developers</Header>
 				<Paragraph class="text-blue-400 max-w-[500px]">
 					With our simple APIs and documentation, it's easier than ever to integrate your mods with OneConfig.
@@ -95,8 +95,8 @@ import { Code } from 'astro:components';
 			</div>
 		</Section>
 
-		<Section maxWidth="1120px" wrapperClass="bg-blue-100" wFull={false} class="py-10 md:py-20 gap-4">
-			<div slot="left" class="flex flex-col gap-2">
+		<Section maxWidth="1120px" wrapperClass="bg-blue-75" wFull={false} class="py-10 md:py-20 gap-4">
+			<div slot="left" class="flex flex-col gap-2 text-left items-start">
 				<Header size="xl" class="text-blue-500">Designed for users</Header>
 				<Paragraph class="text-blue-400 max-w-[500px]">
 					We take pride in having the cleanest and most intuitive UI of any mod, config library, or client out there.
@@ -110,8 +110,8 @@ import { Code } from 'astro:components';
 			</div>
 		</Section>
 
-		<Section class="flex-col justify-center items-center h-screen md:h-4/5 md:min-h-[600px]">
-			<img src="/media/oneconfig/page_media_5.png" class="max-h-[581px] rounded-2xl"/>
+		<Section class="flex-col justify-center items-center h-screen max-h-96 md:h-4/5 md:min-h-[600px]">
+			<img src="/media/oneconfig/page_media_5.png" class="max-h-[285px] md:max-h-96 lg:max-h-[581px] rounded-2xl"/>
 			<Header size="xl" align="center" class="w-96">A unified HUD editor</Header>
 			<Paragraph class="w-96 text-center text-gray-400">
 				Thanks to OneConfig's HUD API, you can customize any OneConfig-powered HUD to your liking, without having to worry about the hassle of finding the right command or keybind.
@@ -119,7 +119,7 @@ import { Code } from 'astro:components';
 		</Section>
 
 		<Section wrapperClass="bg-blue-100 -mb-40" class="py-10 md:py-20 gap-4 pr-2">
-			<div slot="left" class="flex flex-col gap-2">
+			<div slot="left" class="flex flex-col gap-2 text-left items-start">
 				<Header size="xl" class="text-blue-500">With many fabulous mods</Header>
 				<Paragraph class="text-blue-400 max-w-[500px]">
 					Discover a wide range of mods integrated with OneConfig to enhance your experience.
diff --git a/apps/website/src/styles/global.css b/apps/website/src/styles/global.css
index 1a9f19b..f98d574 100644
--- a/apps/website/src/styles/global.css
+++ b/apps/website/src/styles/global.css
@@ -24,7 +24,7 @@
 
 	html,
 	body {
-		@apply text-[14px] md:text-[16px];
+		@apply text-[15px] md:text-[16px];
 	}
 
 	a {
diff --git a/apps/website/tailwind.config.ts b/apps/website/tailwind.config.ts
index 9f8c412..2a338a2 100644
--- a/apps/website/tailwind.config.ts
+++ b/apps/website/tailwind.config.ts
@@ -81,6 +81,11 @@ const config: Config = {
 				'navbar': '9999', // Nothing should be above the navbar or backdrop
 				'navbar-backdrop': '9998',
 			},
+
+			maxHeight: {
+				'3/4-screen': '75vh',
+				'4/5-screen': '80vh',
+			},
 		},
 	},
 	plugins: [],