From 56f15b4760e7e91934bb783c4da95b5c57fb0d51 Mon Sep 17 00:00:00 2001
From: hknsh <valterliviaamaral@gmail.com>
Date: Sun, 10 Nov 2024 19:17:31 +0000
Subject: [PATCH 1/2] feat: added project grid

---
 src/assets/knedita-light.svg   |  12 +--
 src/assets/portfolio.svg       |  10 +++
 src/components/Header.tsx      |   4 +-
 src/components/Icons.ts        |   3 +
 src/components/ProjectGrid.tsx |  72 +++++++++++++++++
 src/index.tsx                  |   1 -
 src/locale/en.json             |  42 +++++++++-
 src/locale/ja.json             |  42 +++++++++-
 src/locale/pt.json             |  42 +++++++++-
 src/pages/Home/index.tsx       | 139 ++++++++++++++-------------------
 src/pages/_404.tsx             |   9 ++-
 11 files changed, 273 insertions(+), 103 deletions(-)
 create mode 100644 src/assets/portfolio.svg
 create mode 100644 src/components/ProjectGrid.tsx

diff --git a/src/assets/knedita-light.svg b/src/assets/knedita-light.svg
index edb60ba..db05c4d 100644
--- a/src/assets/knedita-light.svg
+++ b/src/assets/knedita-light.svg
@@ -1,9 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="640" viewBox="0 0 1280 640" fill="none">
-    <path fill-rule="evenodd" clip-rule="evenodd"
-          d="M272.464 224.183C269.319 223.444 266.078 225.001 264.874 227.827L251.503 259.218L218.074 271.774C216.202 272.477 214.785 273.959 214.241 275.782C213.696 277.605 214.087 279.562 215.296 281.077L235.05 305.809L221.395 357.099C220.617 360.02 222.231 363.036 225.19 364.194L266.588 380.392L287.103 409.289C288.667 411.491 291.567 412.492 294.277 411.766L344.687 398.241C344.777 398.216 344.867 398.191 344.956 398.162L388.165 384.637C390.325 383.961 391.949 382.27 392.443 380.183L406.846 319.321C407.397 316.987 406.444 314.566 404.407 313.131L378.194 294.669V263.9C378.194 261.595 376.807 259.487 374.61 258.456L331.402 238.169C330.979 237.97 330.534 237.815 330.075 237.708L272.464 224.183ZM370.737 304.634L390.073 318.252L353.16 347.137C352.234 347.862 351.541 348.815 351.161 349.888L339.361 383.13L317.536 370.321C314.5 368.54 310.502 369.405 308.604 372.256C306.707 375.106 307.63 378.862 310.665 380.643L327.112 390.296L295.265 398.841L276.284 372.106C275.575 371.107 274.566 370.326 273.385 369.864L235.323 354.971L247.146 310.561H278.093C281.673 310.561 284.575 307.837 284.575 304.475C284.575 301.114 281.673 298.389 278.093 298.389H245.326L230.741 280.127L256.692 270.379L297.648 283.199C300.224 284.005 303.062 283.218 304.759 281.227L330.292 251.256L365.231 267.661V293.592L333.298 305.587C331.528 306.252 330.159 307.615 329.556 309.313L322.355 329.601C321.223 332.79 323.058 336.236 326.454 337.299C329.85 338.362 333.52 336.639 334.652 333.45L340.903 315.84L370.737 304.634ZM317.133 247.217L297.46 270.309L265.059 260.167L274.808 237.28L317.133 247.217ZM353.154 382.765L380.585 374.18L390.069 334.1L362.875 355.38L353.154 382.765Z"
-          fill="white"/>
-    <path d="M441.293 320V263.273H464.727C468.974 263.273 472.639 264.104 475.723 265.766C478.825 267.409 481.217 269.708 482.897 272.663C484.577 275.599 485.418 279.015 485.418 282.911C485.418 286.826 484.559 290.251 482.842 293.188C481.143 296.105 478.714 298.367 475.557 299.974C472.399 301.58 468.651 302.384 464.311 302.384H449.852V291.581H461.763C463.831 291.581 465.558 291.221 466.942 290.501C468.346 289.781 469.408 288.774 470.128 287.482C470.848 286.17 471.208 284.647 471.208 282.911C471.208 281.157 470.848 279.643 470.128 278.369C469.408 277.076 468.346 276.079 466.942 275.377C465.539 274.675 463.813 274.325 461.763 274.325H455.004V320H441.293ZM492.176 320V277.455H505.333V285.21H505.776C506.552 282.403 507.817 280.317 509.571 278.95C511.325 277.565 513.366 276.873 515.692 276.873C516.32 276.873 516.967 276.919 517.631 277.011C518.296 277.085 518.915 277.205 519.487 277.371V289.143C518.841 288.922 517.991 288.746 516.939 288.617C515.905 288.488 514.982 288.423 514.169 288.423C512.563 288.423 511.113 288.783 509.82 289.504C508.546 290.205 507.54 291.193 506.801 292.467C506.081 293.723 505.721 295.2 505.721 296.899V320H492.176ZM542.657 320.803C538.189 320.803 534.348 319.889 531.135 318.061C527.94 316.214 525.475 313.648 523.739 310.361C522.022 307.055 521.163 303.224 521.163 298.866C521.163 294.489 522.022 290.658 523.739 287.371C525.475 284.065 527.94 281.499 531.135 279.67C534.348 277.824 538.189 276.901 542.657 276.901C547.126 276.901 550.958 277.824 554.152 279.67C557.365 281.499 559.831 284.065 561.548 287.371C563.284 290.658 564.152 294.489 564.152 298.866C564.152 303.224 563.284 307.055 561.548 310.361C559.831 313.648 557.365 316.214 554.152 318.061C550.958 319.889 547.126 320.803 542.657 320.803ZM542.74 310.582C544.365 310.582 545.741 310.084 546.868 309.087C547.994 308.089 548.853 306.705 549.444 304.932C550.053 303.159 550.358 301.109 550.358 298.783C550.358 296.419 550.053 294.351 549.444 292.578C548.853 290.805 547.994 289.42 546.868 288.423C545.741 287.426 544.365 286.928 542.74 286.928C541.06 286.928 539.638 287.426 538.475 288.423C537.33 289.42 536.453 290.805 535.843 292.578C535.252 294.351 534.957 296.419 534.957 298.783C534.957 301.109 535.252 303.159 535.843 304.932C536.453 306.705 537.33 308.089 538.475 309.087C539.638 310.084 541.06 310.582 542.74 310.582ZM571.09 277.455H584.635V321.773C584.635 325.281 583.915 328.07 582.474 330.138C581.053 332.206 579.04 333.692 576.436 334.597C573.832 335.502 570.758 335.955 567.212 335.955C566.732 335.955 566.28 335.945 565.855 335.927C565.43 335.908 564.969 335.89 564.47 335.871V325.595C564.803 325.632 565.098 325.66 565.357 325.678C565.615 325.697 565.874 325.706 566.132 325.706C567.997 325.706 569.29 325.355 570.01 324.653C570.73 323.97 571.09 322.918 571.09 321.496V277.455ZM577.849 272.496C575.947 272.496 574.313 271.869 572.946 270.613C571.58 269.339 570.896 267.806 570.896 266.015C570.896 264.242 571.58 262.728 572.946 261.472C574.313 260.198 575.947 259.561 577.849 259.561C579.769 259.561 581.403 260.198 582.751 261.472C584.118 262.728 584.801 264.242 584.801 266.015C584.801 267.806 584.118 269.339 582.751 270.613C581.403 271.869 579.769 272.496 577.849 272.496ZM613.144 320.803C608.694 320.803 604.853 319.926 601.621 318.172C598.408 316.399 595.934 313.879 594.198 310.61C592.481 307.323 591.622 303.418 591.622 298.893C591.622 294.499 592.49 290.658 594.226 287.371C595.961 284.065 598.408 281.499 601.566 279.67C604.724 277.824 608.444 276.901 612.729 276.901C615.757 276.901 618.527 277.371 621.038 278.313C623.55 279.255 625.719 280.649 627.547 282.496C629.376 284.342 630.797 286.623 631.813 289.337C632.829 292.033 633.336 295.126 633.336 298.616V301.996H596.358V294.129H620.733C620.715 292.689 620.373 291.406 619.709 290.279C619.044 289.153 618.13 288.276 616.966 287.648C615.822 287.001 614.501 286.678 613.006 286.678C611.491 286.678 610.134 287.02 608.934 287.703C607.733 288.368 606.782 289.282 606.081 290.445C605.379 291.59 605.01 292.892 604.973 294.351V302.356C604.973 304.092 605.314 305.615 605.998 306.926C606.681 308.219 607.65 309.225 608.906 309.945C610.162 310.665 611.657 311.026 613.393 311.026C614.594 311.026 615.683 310.859 616.662 310.527C617.64 310.195 618.481 309.705 619.182 309.059C619.884 308.413 620.41 307.619 620.761 306.677L633.198 307.037C632.681 309.825 631.545 312.254 629.791 314.322C628.055 316.371 625.775 317.969 622.949 319.114C620.124 320.24 616.856 320.803 613.144 320.803ZM660.114 320.803C655.627 320.803 651.777 319.88 648.564 318.033C645.369 316.187 642.913 313.62 641.196 310.333C639.479 307.028 638.62 303.205 638.62 298.866C638.62 294.508 639.479 290.685 641.196 287.398C642.932 284.093 645.397 281.517 648.592 279.67C651.805 277.824 655.636 276.901 660.087 276.901C664.02 276.901 667.445 277.612 670.363 279.033C673.299 280.455 675.589 282.468 677.232 285.072C678.894 287.657 679.771 290.695 679.864 294.185H667.205C666.947 292.006 666.208 290.298 664.989 289.06C663.789 287.823 662.219 287.205 660.281 287.205C658.711 287.205 657.335 287.648 656.153 288.534C654.972 289.402 654.048 290.695 653.384 292.412C652.737 294.111 652.414 296.216 652.414 298.727C652.414 301.239 652.737 303.362 653.384 305.098C654.048 306.815 654.972 308.117 656.153 309.004C657.335 309.871 658.711 310.305 660.281 310.305C661.536 310.305 662.644 310.038 663.604 309.502C664.583 308.967 665.386 308.182 666.014 307.148C666.642 306.095 667.039 304.821 667.205 303.325H679.864C679.734 306.834 678.857 309.899 677.232 312.521C675.626 315.143 673.364 317.184 670.446 318.643C667.547 320.083 664.103 320.803 660.114 320.803ZM710.81 277.455V287.426H683.97V277.455H710.81ZM689.593 267.261H703.138V306.621C703.138 307.452 703.267 308.126 703.525 308.643C703.802 309.142 704.199 309.502 704.716 309.724C705.233 309.927 705.852 310.028 706.572 310.028C707.089 310.028 707.634 309.982 708.206 309.89C708.797 309.779 709.241 309.687 709.536 309.613L711.586 319.391C710.939 319.575 710.025 319.806 708.844 320.083C707.68 320.36 706.286 320.536 704.661 320.609C701.485 320.757 698.761 320.388 696.49 319.501C694.237 318.597 692.51 317.193 691.31 315.291C690.128 313.389 689.556 310.998 689.593 308.117V267.261ZM734.479 320V263.273H748.19V287.26H748.938L767.69 263.273H783.838L763.729 288.589L784.198 320H767.801L753.674 297.702L748.19 304.627V320H734.479ZM802.791 295.736V320H789.246V277.455H802.126V285.266H802.597C803.539 282.662 805.146 280.621 807.417 279.144C809.688 277.648 812.393 276.901 815.533 276.901C818.524 276.901 821.119 277.575 823.316 278.923C825.532 280.252 827.249 282.117 828.468 284.518C829.705 286.9 830.315 289.688 830.296 292.883V320H816.751V295.542C816.77 293.178 816.17 291.332 814.951 290.002C813.751 288.673 812.08 288.008 809.938 288.008C808.516 288.008 807.26 288.322 806.17 288.95C805.099 289.559 804.268 290.436 803.678 291.581C803.105 292.726 802.81 294.111 802.791 295.736ZM858.57 320.803C854.119 320.803 850.279 319.926 847.047 318.172C843.834 316.399 841.36 313.879 839.624 310.61C837.906 307.323 837.048 303.418 837.048 298.893C837.048 294.499 837.916 290.658 839.651 287.371C841.387 284.065 843.834 281.499 846.992 279.67C850.149 277.824 853.87 276.901 858.154 276.901C861.183 276.901 863.953 277.371 866.464 278.313C868.975 279.255 871.145 280.649 872.973 282.496C874.801 284.342 876.223 286.623 877.239 289.337C878.254 292.033 878.762 295.126 878.762 298.616V301.996H841.784V294.129H866.159C866.141 292.689 865.799 291.406 865.134 290.279C864.47 289.153 863.556 288.276 862.392 287.648C861.247 287.001 859.927 286.678 858.431 286.678C856.917 286.678 855.56 287.02 854.36 287.703C853.159 288.368 852.208 289.282 851.507 290.445C850.805 291.59 850.436 292.892 850.399 294.351V302.356C850.399 304.092 850.74 305.615 851.423 306.926C852.107 308.219 853.076 309.225 854.332 309.945C855.588 310.665 857.083 311.026 858.819 311.026C860.019 311.026 861.109 310.859 862.088 310.527C863.066 310.195 863.906 309.705 864.608 309.059C865.31 308.413 865.836 307.619 866.187 306.677L878.624 307.037C878.107 309.825 876.971 312.254 875.217 314.322C873.481 316.371 871.2 317.969 868.375 319.114C865.55 320.24 862.281 320.803 858.57 320.803ZM901.219 320.609C898.08 320.609 895.227 319.797 892.66 318.172C890.093 316.547 888.044 314.109 886.511 310.859C884.978 307.609 884.212 303.575 884.212 298.755C884.212 293.751 885.006 289.633 886.594 286.401C888.182 283.17 890.26 280.778 892.826 279.227C895.412 277.676 898.191 276.901 901.164 276.901C903.398 276.901 905.309 277.288 906.897 278.064C908.485 278.821 909.797 279.8 910.831 281C911.865 282.2 912.65 283.447 913.185 284.739H913.462V263.273H927.007V320H913.6V313.103H913.185C912.613 314.414 911.8 315.642 910.748 316.787C909.695 317.932 908.375 318.855 906.787 319.557C905.217 320.259 903.361 320.609 901.219 320.609ZM905.928 310.056C907.571 310.056 908.975 309.594 910.138 308.671C911.301 307.729 912.197 306.409 912.825 304.71C913.453 303.011 913.767 301.017 913.767 298.727C913.767 296.401 913.453 294.397 912.825 292.717C912.216 291.036 911.32 289.744 910.138 288.839C908.975 287.934 907.571 287.482 905.928 287.482C904.248 287.482 902.826 287.943 901.662 288.866C900.499 289.79 899.613 291.092 899.003 292.772C898.412 294.452 898.117 296.437 898.117 298.727C898.117 301.017 898.422 303.011 899.031 304.71C899.64 306.409 900.517 307.729 901.662 308.671C902.826 309.594 904.248 310.056 905.928 310.056ZM935.573 320V277.455H949.117V320H935.573ZM942.359 272.496C940.457 272.496 938.823 271.869 937.456 270.613C936.09 269.339 935.406 267.806 935.406 266.015C935.406 264.242 936.09 262.728 937.456 261.472C938.823 260.198 940.457 259.561 942.359 259.561C944.279 259.561 945.914 260.198 947.262 261.472C948.628 262.728 949.311 264.242 949.311 266.015C949.311 267.806 948.628 269.339 947.262 270.613C945.914 271.869 944.279 272.496 942.359 272.496ZM981.754 277.455V287.426H954.913V277.455H981.754ZM960.536 267.261H974.081V306.621C974.081 307.452 974.21 308.126 974.469 308.643C974.746 309.142 975.143 309.502 975.66 309.724C976.177 309.927 976.795 310.028 977.516 310.028C978.033 310.028 978.577 309.982 979.15 309.89C979.741 309.779 980.184 309.687 980.479 309.613L982.529 319.391C981.883 319.575 980.969 319.806 979.787 320.083C978.624 320.36 977.229 320.536 975.604 320.609C972.428 320.757 969.705 320.388 967.433 319.501C965.18 318.597 963.454 317.193 962.254 315.291C961.072 313.389 960.499 310.998 960.536 308.117V267.261ZM1000.66 320.72C997.944 320.72 995.534 320.268 993.429 319.363C991.342 318.44 989.689 317.055 988.471 315.208C987.27 313.343 986.67 311.007 986.67 308.2C986.67 305.837 987.086 303.842 987.917 302.217C988.748 300.592 989.892 299.272 991.351 298.256C992.81 297.241 994.49 296.474 996.392 295.957C998.294 295.422 1000.33 295.062 1002.49 294.877C1004.91 294.656 1006.85 294.425 1008.33 294.185C1009.81 293.926 1010.88 293.566 1011.54 293.104C1012.23 292.624 1012.57 291.95 1012.57 291.082V290.944C1012.57 289.522 1012.08 288.423 1011.1 287.648C1010.12 286.872 1008.8 286.484 1007.14 286.484C1005.35 286.484 1003.91 286.872 1002.82 287.648C1001.73 288.423 1001.04 289.494 1000.74 290.861L988.249 290.418C988.618 287.832 989.569 285.524 991.102 283.493C992.653 281.443 994.777 279.837 997.473 278.673C1000.19 277.491 1003.45 276.901 1007.25 276.901C1009.96 276.901 1012.47 277.224 1014.76 277.87C1017.05 278.498 1019.04 279.421 1020.74 280.64C1022.44 281.84 1023.75 283.317 1024.67 285.072C1025.61 286.826 1026.09 288.83 1026.09 291.082V320H1013.34V314.072H1013.01C1012.25 315.513 1011.29 316.732 1010.1 317.729C1008.94 318.726 1007.56 319.474 1005.98 319.972C1004.41 320.471 1002.63 320.72 1000.66 320.72ZM1004.84 311.857C1006.3 311.857 1007.61 311.561 1008.77 310.97C1009.96 310.379 1010.9 309.567 1011.6 308.533C1012.3 307.48 1012.65 306.261 1012.65 304.876V300.832C1012.26 301.036 1011.79 301.22 1011.24 301.386C1010.7 301.553 1010.11 301.71 1009.47 301.857C1008.82 302.005 1008.16 302.134 1007.47 302.245C1006.79 302.356 1006.13 302.457 1005.51 302.55C1004.23 302.753 1003.14 303.067 1002.24 303.491C1001.35 303.916 1000.67 304.47 1000.19 305.153C999.725 305.818 999.495 306.612 999.495 307.536C999.495 308.939 999.993 310.01 1000.99 310.749C1002.01 311.487 1003.29 311.857 1004.84 311.857Z"
-          fill="white"/>
-    <path d="M442.946 371H437.656L444.527 350.636H451.08L457.95 371H452.661L447.878 355.767H447.719L442.946 371ZM442.24 362.986H453.297V366.724H442.24V362.986ZM465.005 362.29V371H460.143V355.727H464.766V358.531H464.935C465.273 357.597 465.85 356.864 466.665 356.334C467.481 355.797 468.452 355.528 469.579 355.528C470.653 355.528 471.584 355.77 472.373 356.254C473.168 356.732 473.785 357.401 474.222 358.263C474.666 359.118 474.885 360.119 474.879 361.266V371H470.016V362.22C470.023 361.372 469.808 360.709 469.37 360.232C468.939 359.754 468.339 359.516 467.57 359.516C467.06 359.516 466.609 359.628 466.218 359.854C465.834 360.072 465.535 360.387 465.323 360.798C465.118 361.209 465.012 361.706 465.005 362.29ZM491.034 371.288C489.43 371.288 488.051 370.96 486.897 370.304C485.751 369.641 484.866 368.72 484.243 367.54C483.626 366.353 483.318 364.978 483.318 363.413C483.318 361.842 483.626 360.467 484.243 359.287C484.866 358.1 485.751 357.179 486.897 356.523C488.051 355.86 489.43 355.528 491.034 355.528C492.638 355.528 494.013 355.86 495.16 356.523C496.314 357.179 497.199 358.1 497.815 359.287C498.438 360.467 498.75 361.842 498.75 363.413C498.75 364.978 498.438 366.353 497.815 367.54C497.199 368.72 496.314 369.641 495.16 370.304C494.013 370.96 492.638 371.288 491.034 371.288ZM491.064 367.619C491.647 367.619 492.141 367.44 492.545 367.082C492.949 366.724 493.258 366.227 493.47 365.591C493.689 364.955 493.798 364.219 493.798 363.384C493.798 362.535 493.689 361.793 493.47 361.156C493.258 360.52 492.949 360.023 492.545 359.665C492.141 359.307 491.647 359.128 491.064 359.128C490.46 359.128 489.95 359.307 489.532 359.665C489.121 360.023 488.806 360.52 488.588 361.156C488.376 361.793 488.27 362.535 488.27 363.384C488.27 364.219 488.376 364.955 488.588 365.591C488.806 366.227 489.121 366.724 489.532 367.082C489.95 367.44 490.46 367.619 491.064 367.619ZM501.24 376.727V355.727H506.053V358.342H506.202C506.401 357.878 506.683 357.431 507.047 357C507.418 356.569 507.889 356.218 508.459 355.946C509.036 355.668 509.725 355.528 510.527 355.528C511.588 355.528 512.579 355.807 513.5 356.364C514.428 356.92 515.177 357.779 515.748 358.939C516.318 360.099 516.603 361.577 516.603 363.374C516.603 365.104 516.328 366.552 515.777 367.719C515.234 368.885 514.498 369.76 513.57 370.344C512.649 370.927 511.624 371.219 510.498 371.219C509.729 371.219 509.062 371.093 508.499 370.841C507.935 370.589 507.462 370.258 507.077 369.847C506.699 369.436 506.408 368.995 506.202 368.524H506.103V376.727H501.24ZM506.003 363.364C506.003 364.186 506.113 364.902 506.331 365.511C506.557 366.121 506.878 366.595 507.296 366.933C507.72 367.265 508.227 367.43 508.817 367.43C509.414 367.43 509.921 367.265 510.338 366.933C510.756 366.595 511.071 366.121 511.283 365.511C511.502 364.902 511.611 364.186 511.611 363.364C511.611 362.542 511.502 361.829 511.283 361.226C511.071 360.623 510.756 360.155 510.338 359.824C509.927 359.492 509.42 359.327 508.817 359.327C508.221 359.327 507.713 359.489 507.296 359.814C506.878 360.139 506.557 360.603 506.331 361.206C506.113 361.809 506.003 362.528 506.003 363.364ZM526.29 371.288C524.692 371.288 523.313 370.973 522.153 370.344C521 369.707 520.112 368.803 519.489 367.629C518.872 366.449 518.564 365.047 518.564 363.423C518.564 361.846 518.875 360.467 519.499 359.287C520.122 358.1 521 357.179 522.134 356.523C523.267 355.86 524.603 355.528 526.141 355.528C527.228 355.528 528.222 355.697 529.124 356.036C530.025 356.374 530.804 356.874 531.46 357.537C532.116 358.2 532.627 359.018 532.991 359.993C533.356 360.961 533.538 362.071 533.538 363.324V364.537H520.264V361.713H529.014C529.008 361.196 528.885 360.735 528.646 360.331C528.408 359.927 528.08 359.612 527.662 359.386C527.251 359.154 526.777 359.038 526.24 359.038C525.696 359.038 525.209 359.161 524.778 359.406C524.348 359.645 524.006 359.973 523.754 360.391C523.502 360.802 523.37 361.269 523.357 361.793V364.666C523.357 365.289 523.479 365.836 523.724 366.307C523.97 366.771 524.318 367.132 524.768 367.391C525.219 367.649 525.756 367.778 526.379 367.778C526.81 367.778 527.201 367.719 527.553 367.599C527.904 367.48 528.205 367.304 528.457 367.072C528.709 366.84 528.898 366.555 529.024 366.217L533.489 366.347C533.303 367.348 532.895 368.219 532.266 368.962C531.643 369.697 530.824 370.271 529.81 370.682C528.795 371.086 527.622 371.288 526.29 371.288ZM540.884 362.29V371H536.022V355.727H540.645V358.531H540.814C541.152 357.597 541.729 356.864 542.544 356.334C543.36 355.797 544.331 355.528 545.458 355.528C546.532 355.528 547.463 355.77 548.252 356.254C549.047 356.732 549.664 357.401 550.101 358.263C550.545 359.118 550.764 360.119 550.757 361.266V371H545.895V362.22C545.902 361.372 545.686 360.709 545.249 360.232C544.818 359.754 544.218 359.516 543.449 359.516C542.939 359.516 542.488 359.628 542.097 359.854C541.712 360.072 541.414 360.387 541.202 360.798C540.997 361.209 540.891 361.706 540.884 362.29ZM573.117 360.391L568.653 360.51C568.606 360.192 568.48 359.91 568.275 359.665C568.069 359.413 567.801 359.217 567.469 359.078C567.145 358.932 566.767 358.859 566.336 358.859C565.772 358.859 565.292 358.972 564.894 359.197C564.503 359.423 564.311 359.728 564.317 360.112C564.311 360.411 564.43 360.669 564.675 360.888C564.927 361.107 565.375 361.282 566.018 361.415L568.961 361.972C570.486 362.263 571.619 362.747 572.362 363.423C573.111 364.099 573.488 364.994 573.495 366.108C573.488 367.155 573.177 368.067 572.56 368.842C571.951 369.618 571.115 370.221 570.055 370.652C568.994 371.076 567.781 371.288 566.415 371.288C564.235 371.288 562.514 370.841 561.255 369.946C560.002 369.045 559.286 367.838 559.107 366.327L563.91 366.207C564.016 366.764 564.291 367.188 564.735 367.48C565.179 367.772 565.746 367.918 566.435 367.918C567.058 367.918 567.566 367.802 567.957 367.57C568.348 367.338 568.547 367.029 568.553 366.645C568.547 366.3 568.394 366.025 568.096 365.82C567.798 365.607 567.33 365.442 566.694 365.322L564.029 364.815C562.498 364.537 561.358 364.023 560.609 363.274C559.86 362.518 559.488 361.557 559.495 360.391C559.488 359.37 559.76 358.498 560.31 357.776C560.861 357.046 561.643 356.49 562.657 356.105C563.671 355.721 564.868 355.528 566.246 355.528C568.315 355.528 569.945 355.963 571.138 356.831C572.332 357.693 572.991 358.879 573.117 360.391ZM583.018 371.288C581.414 371.288 580.035 370.96 578.882 370.304C577.735 369.641 576.85 368.72 576.227 367.54C575.61 366.353 575.302 364.978 575.302 363.413C575.302 361.842 575.61 360.467 576.227 359.287C576.85 358.1 577.735 357.179 578.882 356.523C580.035 355.86 581.414 355.528 583.018 355.528C584.622 355.528 585.998 355.86 587.145 356.523C588.298 357.179 589.183 358.1 589.799 359.287C590.422 360.467 590.734 361.842 590.734 363.413C590.734 364.978 590.422 366.353 589.799 367.54C589.183 368.72 588.298 369.641 587.145 370.304C585.998 370.96 584.622 371.288 583.018 371.288ZM583.048 367.619C583.631 367.619 584.125 367.44 584.529 367.082C584.934 366.724 585.242 366.227 585.454 365.591C585.673 364.955 585.782 364.219 585.782 363.384C585.782 362.535 585.673 361.793 585.454 361.156C585.242 360.52 584.934 360.023 584.529 359.665C584.125 359.307 583.631 359.128 583.048 359.128C582.445 359.128 581.934 359.307 581.517 359.665C581.106 360.023 580.791 360.52 580.572 361.156C580.36 361.793 580.254 362.535 580.254 363.384C580.254 364.219 580.36 364.955 580.572 365.591C580.791 366.227 581.106 366.724 581.517 367.082C581.934 367.44 582.445 367.619 583.048 367.619ZM603.078 364.408V355.727H607.931V371H603.297V368.156H603.138C602.8 369.091 602.223 369.833 601.408 370.384C600.599 370.927 599.622 371.199 598.475 371.199C597.434 371.199 596.519 370.96 595.73 370.483C594.942 370.006 594.328 369.339 593.891 368.484C593.453 367.623 593.231 366.615 593.225 365.462V355.727H598.087V364.507C598.094 365.336 598.312 365.989 598.743 366.466C599.174 366.943 599.761 367.182 600.503 367.182C600.987 367.182 601.421 367.076 601.806 366.864C602.197 366.645 602.505 366.33 602.73 365.919C602.962 365.501 603.078 364.998 603.078 364.408ZM611.026 371V355.727H615.749V358.511H615.908C616.186 357.504 616.64 356.755 617.27 356.264C617.9 355.767 618.632 355.518 619.467 355.518C619.693 355.518 619.925 355.535 620.163 355.568C620.402 355.595 620.624 355.638 620.83 355.697V359.923C620.598 359.844 620.293 359.781 619.915 359.734C619.544 359.688 619.212 359.665 618.92 359.665C618.344 359.665 617.823 359.794 617.359 360.053C616.902 360.304 616.541 360.659 616.276 361.116C616.017 361.567 615.888 362.098 615.888 362.707V371H611.026ZM629.147 371.288C627.536 371.288 626.154 370.957 625.001 370.294C623.854 369.631 622.972 368.71 622.356 367.53C621.739 366.343 621.431 364.971 621.431 363.413C621.431 361.849 621.739 360.477 622.356 359.297C622.979 358.11 623.864 357.186 625.011 356.523C626.164 355.86 627.54 355.528 629.137 355.528C630.549 355.528 631.779 355.784 632.826 356.294C633.88 356.804 634.702 357.527 635.292 358.462C635.888 359.39 636.203 360.48 636.237 361.733H631.692C631.6 360.951 631.335 360.338 630.897 359.893C630.466 359.449 629.903 359.227 629.207 359.227C628.643 359.227 628.149 359.386 627.725 359.705C627.301 360.016 626.969 360.48 626.731 361.097C626.499 361.706 626.383 362.462 626.383 363.364C626.383 364.265 626.499 365.027 626.731 365.651C626.969 366.267 627.301 366.734 627.725 367.053C628.149 367.364 628.643 367.52 629.207 367.52C629.657 367.52 630.055 367.424 630.4 367.232C630.751 367.039 631.04 366.758 631.265 366.386C631.49 366.009 631.633 365.551 631.692 365.014H636.237C636.19 366.274 635.875 367.374 635.292 368.315C634.715 369.257 633.903 369.989 632.856 370.513C631.815 371.03 630.579 371.288 629.147 371.288ZM645.864 371.288C644.266 371.288 642.888 370.973 641.728 370.344C640.574 369.707 639.686 368.803 639.063 367.629C638.446 366.449 638.138 365.047 638.138 363.423C638.138 361.846 638.45 360.467 639.073 359.287C639.696 358.1 640.574 357.179 641.708 356.523C642.841 355.86 644.177 355.528 645.715 355.528C646.802 355.528 647.796 355.697 648.698 356.036C649.599 356.374 650.378 356.874 651.034 357.537C651.691 358.2 652.201 359.018 652.566 359.993C652.93 360.961 653.113 362.071 653.113 363.324V364.537H639.838V361.713H648.588C648.582 361.196 648.459 360.735 648.221 360.331C647.982 359.927 647.654 359.612 647.236 359.386C646.825 359.154 646.351 359.038 645.814 359.038C645.271 359.038 644.783 359.161 644.353 359.406C643.922 359.645 643.58 359.973 643.328 360.391C643.077 360.802 642.944 361.269 642.931 361.793V364.666C642.931 365.289 643.053 365.836 643.299 366.307C643.544 366.771 643.892 367.132 644.343 367.391C644.793 367.649 645.33 367.778 645.953 367.778C646.384 367.778 646.775 367.719 647.127 367.599C647.478 367.48 647.78 367.304 648.032 367.072C648.283 366.84 648.472 366.555 648.598 366.217L653.063 366.347C652.877 367.348 652.47 368.219 651.84 368.962C651.217 369.697 650.398 370.271 649.384 370.682C648.37 371.086 647.196 371.288 645.864 371.288ZM674.945 360.391L670.481 360.51C670.434 360.192 670.308 359.91 670.103 359.665C669.897 359.413 669.629 359.217 669.298 359.078C668.973 358.932 668.595 358.859 668.164 358.859C667.601 358.859 667.12 358.972 666.722 359.197C666.331 359.423 666.139 359.728 666.146 360.112C666.139 360.411 666.258 360.669 666.504 360.888C666.755 361.107 667.203 361.282 667.846 361.415L670.789 361.972C672.314 362.263 673.447 362.747 674.19 363.423C674.939 364.099 675.317 364.994 675.323 366.108C675.317 367.155 675.005 368.067 674.388 368.842C673.779 369.618 672.943 370.221 671.883 370.652C670.822 371.076 669.609 371.288 668.244 371.288C666.063 371.288 664.343 370.841 663.083 369.946C661.83 369.045 661.114 367.838 660.935 366.327L665.738 366.207C665.844 366.764 666.119 367.188 666.563 367.48C667.007 367.772 667.574 367.918 668.263 367.918C668.887 367.918 669.394 367.802 669.785 367.57C670.176 367.338 670.375 367.029 670.381 366.645C670.375 366.3 670.222 366.025 669.924 365.82C669.626 365.607 669.158 365.442 668.522 365.322L665.857 364.815C664.326 364.537 663.186 364.023 662.437 363.274C661.688 362.518 661.317 361.557 661.323 360.391C661.317 359.37 661.588 358.498 662.138 357.776C662.689 357.046 663.471 356.49 664.485 356.105C665.499 355.721 666.696 355.528 668.075 355.528C670.143 355.528 671.773 355.963 672.967 356.831C674.16 357.693 674.819 358.879 674.945 360.391ZM684.846 371.288C683.242 371.288 681.863 370.96 680.71 370.304C679.563 369.641 678.678 368.72 678.055 367.54C677.439 366.353 677.13 364.978 677.13 363.413C677.13 361.842 677.439 360.467 678.055 359.287C678.678 358.1 679.563 357.179 680.71 356.523C681.863 355.86 683.242 355.528 684.846 355.528C686.45 355.528 687.826 355.86 688.973 356.523C690.126 357.179 691.011 358.1 691.627 359.287C692.251 360.467 692.562 361.842 692.562 363.413C692.562 364.978 692.251 366.353 691.627 367.54C691.011 368.72 690.126 369.641 688.973 370.304C687.826 370.96 686.45 371.288 684.846 371.288ZM684.876 367.619C685.459 367.619 685.953 367.44 686.358 367.082C686.762 366.724 687.07 366.227 687.282 365.591C687.501 364.955 687.61 364.219 687.61 363.384C687.61 362.535 687.501 361.793 687.282 361.156C687.07 360.52 686.762 360.023 686.358 359.665C685.953 359.307 685.459 359.128 684.876 359.128C684.273 359.128 683.762 359.307 683.345 359.665C682.934 360.023 682.619 360.52 682.4 361.156C682.188 361.793 682.082 362.535 682.082 363.384C682.082 364.219 682.188 364.955 682.4 365.591C682.619 366.227 682.934 366.724 683.345 367.082C683.762 367.44 684.273 367.619 684.876 367.619ZM702.182 371.288C700.571 371.288 699.189 370.957 698.036 370.294C696.889 369.631 696.007 368.71 695.391 367.53C694.775 366.343 694.466 364.971 694.466 363.413C694.466 361.849 694.775 360.477 695.391 359.297C696.014 358.11 696.899 357.186 698.046 356.523C699.199 355.86 700.575 355.528 702.172 355.528C703.584 355.528 704.814 355.784 705.861 356.294C706.915 356.804 707.737 357.527 708.327 358.462C708.924 359.39 709.239 360.48 709.272 361.733H704.728C704.635 360.951 704.37 360.338 703.932 359.893C703.501 359.449 702.938 359.227 702.242 359.227C701.678 359.227 701.185 359.386 700.76 359.705C700.336 360.016 700.005 360.48 699.766 361.097C699.534 361.706 699.418 362.462 699.418 363.364C699.418 364.265 699.534 365.027 699.766 365.651C700.005 366.267 700.336 366.734 700.76 367.053C701.185 367.364 701.678 367.52 702.242 367.52C702.693 367.52 703.09 367.424 703.435 367.232C703.786 367.039 704.075 366.758 704.3 366.386C704.525 366.009 704.668 365.551 704.728 365.014H709.272C709.225 366.274 708.91 367.374 708.327 368.315C707.75 369.257 706.938 369.989 705.891 370.513C704.85 371.03 703.614 371.288 702.182 371.288ZM711.76 371V355.727H716.622V371H711.76ZM714.196 353.947C713.513 353.947 712.927 353.722 712.436 353.271C711.946 352.814 711.7 352.264 711.7 351.621C711.7 350.984 711.946 350.441 712.436 349.99C712.927 349.533 713.513 349.304 714.196 349.304C714.885 349.304 715.472 349.533 715.956 349.99C716.446 350.441 716.692 350.984 716.692 351.621C716.692 352.264 716.446 352.814 715.956 353.271C715.472 353.722 714.885 353.947 714.196 353.947ZM724.022 371.259C723.048 371.259 722.183 371.096 721.427 370.771C720.678 370.44 720.085 369.943 719.647 369.28C719.217 368.61 719.001 367.772 719.001 366.764C719.001 365.916 719.15 365.2 719.449 364.616C719.747 364.033 720.158 363.559 720.681 363.195C721.205 362.83 721.808 362.555 722.491 362.369C723.174 362.177 723.903 362.048 724.679 361.982C725.547 361.902 726.246 361.819 726.777 361.733C727.307 361.64 727.691 361.511 727.93 361.345C728.175 361.173 728.298 360.931 728.298 360.619V360.57C728.298 360.059 728.122 359.665 727.771 359.386C727.42 359.108 726.946 358.969 726.349 358.969C725.706 358.969 725.189 359.108 724.798 359.386C724.407 359.665 724.158 360.049 724.052 360.54L719.568 360.381C719.7 359.453 720.042 358.624 720.592 357.895C721.149 357.159 721.911 356.582 722.879 356.165C723.853 355.741 725.023 355.528 726.389 355.528C727.363 355.528 728.261 355.644 729.083 355.876C729.905 356.102 730.621 356.433 731.231 356.871C731.841 357.302 732.312 357.832 732.643 358.462C732.981 359.091 733.15 359.811 733.15 360.619V371H728.576V368.872H728.457C728.185 369.389 727.837 369.827 727.413 370.185C726.995 370.543 726.502 370.811 725.931 370.99C725.368 371.169 724.732 371.259 724.022 371.259ZM725.524 368.077C726.047 368.077 726.518 367.971 726.936 367.759C727.36 367.546 727.698 367.255 727.95 366.884C728.202 366.506 728.328 366.068 728.328 365.571V364.119C728.189 364.192 728.02 364.259 727.821 364.318C727.628 364.378 727.416 364.434 727.184 364.487C726.952 364.54 726.714 364.587 726.468 364.626C726.223 364.666 725.988 364.703 725.762 364.736C725.305 364.809 724.914 364.921 724.589 365.074C724.271 365.226 724.026 365.425 723.853 365.67C723.688 365.909 723.605 366.194 723.605 366.526C723.605 367.029 723.784 367.414 724.142 367.679C724.506 367.944 724.967 368.077 725.524 368.077ZM740.985 350.636V371H736.123V350.636H740.985ZM750.096 371V355.727H754.719V358.531H754.888C755.207 357.603 755.744 356.871 756.499 356.334C757.255 355.797 758.156 355.528 759.204 355.528C760.264 355.528 761.173 355.8 761.928 356.344C762.684 356.887 763.165 357.616 763.37 358.531H763.529C763.814 357.623 764.371 356.897 765.2 356.354C766.028 355.804 767.006 355.528 768.133 355.528C769.578 355.528 770.751 355.992 771.653 356.92C772.554 357.842 773.005 359.108 773.005 360.719V371H768.143V361.832C768.143 361.07 767.947 360.49 767.556 360.092C767.165 359.688 766.658 359.486 766.035 359.486C765.365 359.486 764.838 359.705 764.454 360.142C764.076 360.573 763.887 361.153 763.887 361.882V371H759.214V361.783C759.214 361.073 759.022 360.513 758.637 360.102C758.253 359.691 757.746 359.486 757.116 359.486C756.692 359.486 756.317 359.589 755.992 359.794C755.667 359.993 755.412 360.278 755.227 360.649C755.048 361.02 754.958 361.458 754.958 361.962V371H750.096ZM783.157 371.288C781.559 371.288 780.181 370.973 779.021 370.344C777.867 369.707 776.979 368.803 776.356 367.629C775.739 366.449 775.431 365.047 775.431 363.423C775.431 361.846 775.743 360.467 776.366 359.287C776.989 358.1 777.867 357.179 779.001 356.523C780.134 355.86 781.47 355.528 783.008 355.528C784.095 355.528 785.089 355.697 785.991 356.036C786.892 356.374 787.671 356.874 788.327 357.537C788.984 358.2 789.494 359.018 789.859 359.993C790.223 360.961 790.406 362.071 790.406 363.324V364.537H777.131V361.713H785.881C785.875 361.196 785.752 360.735 785.513 360.331C785.275 359.927 784.947 359.612 784.529 359.386C784.118 359.154 783.644 359.038 783.107 359.038C782.564 359.038 782.076 359.161 781.646 359.406C781.215 359.645 780.873 359.973 780.621 360.391C780.37 360.802 780.237 361.269 780.224 361.793V364.666C780.224 365.289 780.346 365.836 780.592 366.307C780.837 366.771 781.185 367.132 781.636 367.391C782.086 367.649 782.623 367.778 783.246 367.778C783.677 367.778 784.068 367.719 784.42 367.599C784.771 367.48 785.073 367.304 785.325 367.072C785.576 366.84 785.765 366.555 785.891 366.217L790.356 366.347C790.17 367.348 789.763 368.219 789.133 368.962C788.51 369.697 787.691 370.271 786.677 370.682C785.663 371.086 784.489 371.288 783.157 371.288ZM798.467 371.219C797.34 371.219 796.316 370.927 795.395 370.344C794.473 369.76 793.737 368.885 793.187 367.719C792.637 366.552 792.362 365.104 792.362 363.374C792.362 361.577 792.647 360.099 793.217 358.939C793.787 357.779 794.533 356.92 795.454 356.364C796.382 355.807 797.38 355.528 798.447 355.528C799.249 355.528 799.935 355.668 800.505 355.946C801.075 356.218 801.546 356.569 801.917 357C802.288 357.431 802.57 357.878 802.762 358.342H802.862V350.636H807.724V371H802.912V368.524H802.762C802.557 368.995 802.265 369.436 801.887 369.847C801.51 370.258 801.036 370.589 800.466 370.841C799.902 371.093 799.236 371.219 798.467 371.219ZM800.157 367.43C800.747 367.43 801.251 367.265 801.669 366.933C802.086 366.595 802.408 366.121 802.633 365.511C802.859 364.902 802.971 364.186 802.971 363.364C802.971 362.528 802.859 361.809 802.633 361.206C802.414 360.603 802.093 360.139 801.669 359.814C801.251 359.489 800.747 359.327 800.157 359.327C799.554 359.327 799.044 359.492 798.626 359.824C798.208 360.155 797.89 360.623 797.672 361.226C797.459 361.829 797.353 362.542 797.353 363.364C797.353 364.186 797.463 364.902 797.681 365.511C797.9 366.121 798.215 366.595 798.626 366.933C799.044 367.265 799.554 367.43 800.157 367.43ZM810.799 371V355.727H815.661V371H810.799ZM813.235 353.947C812.552 353.947 811.966 353.722 811.475 353.271C810.985 352.814 810.739 352.264 810.739 351.621C810.739 350.984 810.985 350.441 811.475 349.99C811.966 349.533 812.552 349.304 813.235 349.304C813.924 349.304 814.511 349.533 814.995 349.99C815.486 350.441 815.731 350.984 815.731 351.621C815.731 352.264 815.486 352.814 814.995 353.271C814.511 353.722 813.924 353.947 813.235 353.947ZM823.061 371.259C822.087 371.259 821.222 371.096 820.466 370.771C819.717 370.44 819.124 369.943 818.686 369.28C818.256 368.61 818.04 367.772 818.04 366.764C818.04 365.916 818.189 365.2 818.488 364.616C818.786 364.033 819.197 363.559 819.721 363.195C820.244 362.83 820.847 362.555 821.53 362.369C822.213 362.177 822.942 362.048 823.718 361.982C824.586 361.902 825.285 361.819 825.816 361.733C826.346 361.64 826.73 361.511 826.969 361.345C827.214 361.173 827.337 360.931 827.337 360.619V360.57C827.337 360.059 827.161 359.665 826.81 359.386C826.459 359.108 825.985 358.969 825.388 358.969C824.745 358.969 824.228 359.108 823.837 359.386C823.446 359.665 823.197 360.049 823.091 360.54L818.607 360.381C818.739 359.453 819.081 358.624 819.631 357.895C820.188 357.159 820.95 356.582 821.918 356.165C822.892 355.741 824.062 355.528 825.428 355.528C826.402 355.528 827.301 355.644 828.123 355.876C828.944 356.102 829.66 356.433 830.27 356.871C830.88 357.302 831.351 357.832 831.682 358.462C832.02 359.091 832.189 359.811 832.189 360.619V371H827.615V368.872H827.496C827.224 369.389 826.876 369.827 826.452 370.185C826.034 370.543 825.541 370.811 824.971 370.99C824.407 371.169 823.771 371.259 823.061 371.259ZM824.563 368.077C825.087 368.077 825.557 367.971 825.975 367.759C826.399 367.546 826.737 367.255 826.989 366.884C827.241 366.506 827.367 366.068 827.367 365.571V364.119C827.228 364.192 827.059 364.259 826.86 364.318C826.667 364.378 826.455 364.434 826.223 364.487C825.991 364.54 825.753 364.587 825.507 364.626C825.262 364.666 825.027 364.703 824.801 364.736C824.344 364.809 823.953 364.921 823.628 365.074C823.31 365.226 823.065 365.425 822.892 365.67C822.727 365.909 822.644 366.194 822.644 366.526C822.644 367.029 822.823 367.414 823.181 367.679C823.545 367.944 824.006 368.077 824.563 368.077Z"
-          fill="white"/>
-</svg>
\ No newline at end of file
+<svg width="264" height="268" viewBox="0 0 264 268" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M79.971 0.260324C75.67 -0.791968 71.2358 1.42682 69.5893 5.45522L51.2989 50.2038L5.57311 68.1034C3.01227 69.1058 1.07405 71.2176 0.32935 73.8164C-0.415345 76.4154 0.118328 79.2055 1.77321 81.3647L28.7935 116.622L10.1156 189.737C9.05187 193.901 11.2586 198.201 15.3065 199.851L71.9332 222.941L99.9963 264.136C102.135 267.275 106.101 268.701 109.809 267.666L178.764 248.386C178.887 248.351 179.01 248.314 179.132 248.274L238.236 228.993C241.191 228.029 243.412 225.619 244.087 222.644L263.789 135.883C264.543 132.556 263.239 129.104 260.453 127.059L224.597 100.742V56.8785C224.597 53.5924 222.7 50.5881 219.695 49.1184L160.591 20.1977C160.013 19.9146 159.404 19.6943 158.777 19.5408L79.971 0.260324ZM214.397 114.946L240.847 134.359L190.354 175.536C189.087 176.569 188.139 177.927 187.619 179.458L171.478 226.846L141.624 208.585C137.472 206.046 132.002 207.28 129.407 211.344C126.812 215.406 128.074 220.761 132.226 223.3L154.724 237.06L111.16 249.242L85.1974 211.13C84.2265 209.705 82.8464 208.593 81.2307 207.933L29.1674 186.704L45.34 123.396H87.6715C92.5679 123.396 96.5372 119.512 96.5372 114.72C96.5372 109.928 92.5679 106.044 87.6715 106.044H42.8507L22.8992 80.0103L58.3967 66.1147L114.42 84.39C117.944 85.5395 121.826 84.4174 124.147 81.5791L159.072 38.855L206.865 62.2408V99.2057L163.185 116.305C160.763 117.252 158.891 119.195 158.067 121.617L148.216 150.537C146.668 155.083 149.178 159.997 153.823 161.512C158.468 163.027 163.489 160.57 165.037 156.024L173.588 130.921L214.397 114.946ZM141.073 33.0959L114.163 66.015L69.8429 51.5573L83.1782 18.9315L141.073 33.0959ZM190.346 226.325L227.867 214.086L240.841 156.951L203.642 187.287L190.346 226.325Z" fill="white"/>
+</svg>
diff --git a/src/assets/portfolio.svg b/src/assets/portfolio.svg
new file mode 100644
index 0000000..42a0ba7
--- /dev/null
+++ b/src/assets/portfolio.svg
@@ -0,0 +1,10 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="256" height="256" rx="66" fill="black"/>
+<path d="M217.267 102.138C216.483 99.6704 215.85 97.9296 215.744 97.2928C214.395 97.6354 213.008 97.8032 211.616 97.792C209.136 97.792 206.272 97.312 203.315 96.112C196.707 93.4304 192.384 88.2432 191.2 81.6672C190.454 81.8784 189.453 81.9872 188.291 81.9872C184.547 81.9872 179.123 80.8576 175.12 78.3488C167.478 73.5616 165.962 60.2176 165.962 60.2176C157.306 57.712 150.797 47.5296 151.837 38.8672C144.077 36.7808 136.41 32 127.997 32C119.571 32 111.891 36.8064 104.122 38.88C96.0768 41.0304 87.0272 40.7744 79.9936 44.8416C72.8512 48.9792 68.576 56.9792 62.7808 62.7744C56.9792 68.576 48.9792 72.848 44.848 79.9872C40.7744 87.0304 41.0368 96.0736 38.8864 104.118C36.8128 111.888 32 119.578 32 127.997C32 136.419 36.8128 144.102 38.8864 151.875C41.0368 159.914 40.7744 168.963 44.848 176C48.9792 183.142 56.9792 187.418 62.7808 193.213C68.576 199.008 72.848 207.014 79.9936 211.146C87.0272 215.226 96.0768 214.963 104.122 217.114C111.891 219.194 119.571 224 127.997 224C136.429 224 144.109 219.194 151.885 217.114C159.923 214.963 168.973 215.226 176.006 211.146C183.149 207.014 187.424 199.008 193.219 193.213C199.021 187.418 207.021 183.146 211.152 176C215.226 168.963 214.963 159.914 217.114 151.875C219.187 144.099 224 136.419 224 127.997C224 119.578 217.267 102.138 217.267 102.138ZM213.987 125.901C213.59 128.512 211.622 131.312 209.53 134.275C207.254 137.507 204.672 141.174 203.504 145.562C202.71 148.525 202.256 151.482 201.818 154.342C201.13 158.806 200.483 163.018 198.685 166.131C196.845 169.306 193.504 171.974 189.968 174.8C187.722 176.595 185.398 178.445 183.258 180.589C181.117 182.726 179.261 185.053 177.466 187.302C174.64 190.835 171.974 194.17 168.794 196.016C165.686 197.818 161.478 198.467 157.021 199.149C154.157 199.594 151.197 200.048 148.237 200.842C145.382 201.603 142.666 202.666 140.035 203.706C135.798 205.37 131.795 206.938 127.994 206.938C124.192 206.938 120.192 205.363 115.952 203.699C113.328 202.669 110.611 201.606 107.763 200.842C104.797 200.048 101.834 199.59 98.9728 199.149C94.512 198.467 90.304 197.818 87.1904 196.016C84.0128 194.179 81.3472 190.835 78.528 187.302C76.7296 185.053 74.8736 182.726 72.7328 180.589C70.592 178.445 68.2688 176.595 66.0224 174.8C62.4896 171.974 59.1488 169.306 57.3088 166.131C55.5072 163.018 54.8576 158.806 54.1728 154.342C53.7312 151.478 53.28 148.525 52.4896 145.568C51.728 142.704 50.656 139.981 49.6224 137.344C47.968 133.114 46.4 129.12 46.4 125.334C46.4 121.539 47.968 117.539 49.632 113.309C50.6656 110.675 51.7344 107.952 52.4992 105.098C53.2896 102.134 53.744 99.1776 54.1824 96.3136C54.8704 91.8528 55.5168 87.6384 57.3152 84.5248C59.1552 81.3472 62.496 78.6816 66.032 75.8592C68.2784 74.064 70.6016 72.2112 72.7424 70.0704C74.8832 67.9296 76.7392 65.6064 78.5376 63.36C81.36 59.8272 84.0256 56.4896 87.1968 54.6496C90.3104 52.848 94.5216 52.2016 98.9824 51.5136C101.846 51.072 104.806 50.6176 107.766 49.824C110.621 49.0624 113.341 47.9968 115.968 46.9632C120.205 45.3024 124.205 43.7344 128 43.7344C129.094 43.7344 130.211 43.728 131.35 43.7184C132.493 43.712 133.654 43.7024 134.822 43.7024C138.458 43.7024 142.186 43.776 145.574 44.192C146.816 52.7744 152.573 60.9408 160.282 64.8288C161.462 70.1152 164.48 79.2352 171.722 83.7728C176.483 86.7584 182.218 88.0576 186.56 88.3328C189.197 94.4736 194.218 99.328 200.909 102.045C204.18 103.385 207.669 104.113 211.203 104.192C212.838 109.395 215.165 118.138 213.987 125.901Z" fill="white"/>
+<path d="M89.343 103.881C91.2482 100.424 93.6851 91.0971 92.7694 88.9027C91.4295 85.6835 86.2976 79.3574 82.942 79.3381C73.342 79.2931 64.3197 87.1325 62.1379 91.0521C59.1663 96.3919 63.6774 106.615 69.682 109.218C78.6767 113.128 83.9345 113.709 89.343 103.881Z" fill="white"/>
+<path d="M156.686 127.804C153.831 128.614 147.615 132.321 146.969 134.047C146.01 136.575 145.513 142.975 147.341 144.909C152.574 150.426 161.618 151.303 164.863 150.407C169.285 149.183 172.165 140.999 170.247 136.138C167.368 128.852 164.792 125.526 156.686 127.804Z" fill="white"/>
+<path d="M111.657 116.5C108.802 117.31 102.585 121.017 101.94 122.743C100.981 125.271 100.483 131.671 102.312 133.605C107.545 139.122 116.589 139.999 119.834 139.102C124.256 137.878 127.135 129.695 125.218 124.834C122.338 117.547 119.763 114.222 111.657 116.5Z" fill="white"/>
+<path d="M122.473 63.0381C119.618 63.8477 113.402 67.5554 112.756 69.2807C111.798 71.8092 111.3 78.2092 113.128 80.1433C118.361 85.6598 127.405 86.5369 130.65 85.6405C135.072 84.4164 137.952 76.2333 136.034 71.3722C133.155 64.0855 130.58 60.7602 122.473 63.0381Z" fill="white"/>
+<path d="M90.5426 162.95C84.4981 165.562 81.7355 167.901 83.6284 175.248C84.2983 177.841 87.3744 183.476 88.8064 184.064C90.9052 184.932 96.2184 185.382 97.8195 183.727C102.398 178.975 103.126 170.782 102.38 167.833C101.363 163.823 94.5744 161.211 90.5426 162.95Z" fill="white"/>
+<path d="M182.869 106.789C179.031 107.849 176.532 114.949 178.198 119.165C180.696 125.484 186.492 126.557 192.93 122.991C198.372 119.977 198.744 109.674 197.155 107.997C192.616 103.21 185.687 106.008 182.869 106.789Z" fill="white"/>
+</svg>
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 843fe0a..bd48890 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -11,9 +11,9 @@ export function Header() {
 
 	return (
 		<div className="flex-center">
-			<header className="h-18 fixed left-0 right-0 top-0 bg-neutral-950 p-8 text-xl">
+			<header className="h-18 fixed left-0 right-0 top-0 bg-neutral-950 p-8 text-xl z-10">
 				<div className="mx-auto p-4">
-					<nav className="flex-center space-x-5 md:space-x-12">
+					<nav className="flex-center space-x-4 md:space-x-12">
 						<button
 							type="button"
 							onClick={() => scroll("home")}
diff --git a/src/components/Icons.ts b/src/components/Icons.ts
index f77eb16..4634c72 100644
--- a/src/components/Icons.ts
+++ b/src/components/Icons.ts
@@ -16,6 +16,8 @@ import MongoDB from "../assets/tech/mongo.svg";
 import Postgres from "../assets/tech/postgres.svg";
 import Tailwind from "../assets/frameworks/tailwind.svg";
 import React from "../assets/frameworks/react.svg";
+import Knedita from "../assets/knedita-light.svg";
+import Portfolio from "../assets/portfolio.svg";
 
 export const Icons = {
 	languages: { Javascript, Typescript, Rust },
@@ -24,4 +26,5 @@ export const Icons = {
 	devops: { Docker, Linux, Git, Actions },
 	docs_tests: { Swagger, Jest },
 	db_orm: { Prisma, Postgres, MongoDB },
+	projects: { Knedita, Portfolio },
 };
diff --git a/src/components/ProjectGrid.tsx b/src/components/ProjectGrid.tsx
new file mode 100644
index 0000000..69c2004
--- /dev/null
+++ b/src/components/ProjectGrid.tsx
@@ -0,0 +1,72 @@
+import { Icons } from "./Icons";
+import { useTranslation } from "react-i18next";
+
+export function ProjectGrid() {
+	const { t } = useTranslation();
+
+	const projects = t("projects.list", { returnObjects: true });
+
+	const fetchIcon = (icon) => {
+		if (icon.startsWith("https")) {
+			return icon;
+		}
+
+		switch (icon) {
+			case "knedita-light":
+				return Icons.projects.Knedita;
+			case "portfolio":
+				return Icons.projects.Portfolio;
+			default:
+				return null;
+		}
+	};
+
+	return (
+		<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
+			{Object.entries(projects).map(([key, project]) => (
+				<div key={key} className="bg-neutral-900 p-6 rounded-lg shadow-lg flex flex-col">
+					<div className="flex items-center space-x-4">
+						<img
+							src={fetchIcon(project.icon)}
+							alt={`${project.name} logo`}
+							className="h-12 w-12 object-contain rounded-md"
+						/>
+						<h2 className="text-xl font-semibold">{project.name}</h2>
+					</div>
+
+					<p className="text-neutral-300 mt-4">{project.description}</p>
+					<p className="text-neutral-400 text-sm mt-2 mb-2">
+						{t("projects.license")}: {project.license}
+					</p>
+
+					{project.stack && project.stack.length > 0 && (
+						<div className="mt-3 mb-4">
+							<p className="text-neutral-400 text-sm font-medium">
+								{t("projects.stack")}
+							</p>
+							<ul className="flex flex-wrap gap-2 mt-1">
+								{project.stack.map((item, k) => (
+									<li
+										key={k}
+										className="bg-neutral-700 text-neutral-100 px-2 py-1 rounded text-xs"
+									>
+										{item}
+									</li>
+								))}
+							</ul>
+						</div>
+					)}
+
+					<a
+						href={project.link}
+						target="_blank"
+						rel="noopener noreferrer"
+						className="block mt-auto text-center bg-indigo-600 text-neutral-100 px-4 py-2 rounded font-semibold hover:bg-indigo-700 transition"
+					>
+						{t("projects.checkProject")}
+					</a>
+				</div>
+			))}
+		</div>
+	);
+}
diff --git a/src/index.tsx b/src/index.tsx
index bb66910..6e5a28d 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -15,7 +15,6 @@ import './i18n';
 export function App() {
 	return (
 		<LocationProvider>
-			<Header />
 			<main>
 				<Router>
 					<Route path="/" component={Home} />
diff --git a/src/locale/en.json b/src/locale/en.json
index d62c31e..081d6d9 100644
--- a/src/locale/en.json
+++ b/src/locale/en.json
@@ -9,8 +9,44 @@
 		"i18n": "Also available in:",
 		"description": "I started studying programming back in 2017 when I was 11 years old! Since then I've been creating a few projects to improve my skills.",
 		"technologies": "Technologies",
-		"projects": "Projects & Contributions",
-		"knedita": "An open-source social media.",
-		"biome": "Contributed to the Portuguese translation of the documentation"
+		"projects_contributions": "Projects & Contributions",
+		"projects": {
+			"license": "License",
+			"stack": "Stack",
+			"checkProject": "Check this project",
+			"list": [
+				{
+					"name": "Project Knedita",
+					"description": "An open-source social media",
+					"license": "MIT",
+					"stack": [
+						"Typescript",
+						"Bun",
+						"NestJS",
+						"Prisma",
+						"Kysely",
+						"Postgres",
+						"Redis"
+					],
+					"icon": "knedita-light",
+					"link": "https://github.com/hknsh/project-knedita"
+				},
+				{
+					"name": "BiomeJS",
+					"description": "Contributed to the Portuguese translation of the documentation",
+					"license": "Apache 2.0 &  MIT",
+					"icon": "https://avatars.githubusercontent.com/u/140182603",
+					"link": "https://github.com/biomejs/biome"
+				},
+				{
+					"name": "hknsh's house",
+					"description": "My portfolio",
+					"license": "MIT",
+					"stack": ["Preact", "Vite", "Bun", "shadcn/ui", "Typescript"],
+					"icon": "portfolio",
+					"link": "https://git.hknsh.com/hknsh/hknsh-house"
+				}
+			]
+		}
 	}
 }
diff --git a/src/locale/ja.json b/src/locale/ja.json
index ac0bb8a..8cb74be 100644
--- a/src/locale/ja.json
+++ b/src/locale/ja.json
@@ -9,8 +9,44 @@
 		"i18n": "他の言語でも利用できます:",
 		"description": "2017年、まだ11歳のときにプログラミングの勉強を始めました。それ以来、スキルを磨くためにいくつかのプロジェクトを作ってきました。",
 		"technologies": "技術",
-		"projects": "プロジェクトと貢献",
-		"knedita": "オープンソースのSNS。",
-		"biome": "ポルトガル語のドキュメント翻訳に貢献しました"
+		"projects_contributions": "プロジェクトと貢献",
+		"projects": {
+			"license": "ライセンス",
+			"stack": "スタック",
+			"checkProject": "このプロジェクトを見て",
+			"list": [
+				{
+					"name": "Project Knedita",
+					"description": "オープンソースのSNS",
+					"license": "MIT",
+					"stack": [
+						"Typescript",
+						"Bun",
+						"NestJS",
+						"Prisma",
+						"Kysely",
+						"Postgres",
+						"Redis"
+					],
+					"icon": "knedita-light",
+					"link": "https://github.com/hknsh/project-knedita"
+				},
+				{
+					"name": "BiomeJS",
+					"description": "ポルトガル語のドキュメント翻訳に貢献しました",
+					"license": "Apache 2.0 &  MIT",
+					"icon": "https://avatars.githubusercontent.com/u/140182603",
+					"link": "https://github.com/biomejs/biome"
+				},
+				{
+					"name": "hknsh's house",
+					"description": "私のポートフォリオ",
+					"license": "MIT",
+					"stack": ["Preact", "Vite", "Bun", "shadcn/ui", "Typescript"],
+					"icon": "portfolio",
+					"link": "https://git.hknsh.com/hknsh/hknsh-house"
+				}
+			]
+		}
 	}
 }
diff --git a/src/locale/pt.json b/src/locale/pt.json
index 0cc40e7..6b75dbf 100644
--- a/src/locale/pt.json
+++ b/src/locale/pt.json
@@ -9,8 +9,44 @@
 		"i18n": "Também disponível em:",
 		"description": "Comecei a estudar programação em 2017, quando eu tinha apenas 11 anos. Desde então venho criando alguns projetos para aprimorar minhas habilidades",
 		"technologies": "Tecnologias",
-		"projects": "Projetos & Contribuições",
-		"knedita": "Uma rede social open-source.",
-		"biome": "Contribuí na tradução em Português da documentação"
+		"projects_contributions": "Projetos & Contribuições",
+		"projects": {
+			"license": "Licença",
+			"stack": "Tecnologias",
+			"checkProject": "Confira esse projeto!",
+			"list": [
+				{
+					"name": "Project Knedita",
+					"description": "Uma rede social open-source.",
+					"license": "MIT",
+					"stack": [
+						"Typescript",
+						"Bun",
+						"NestJS",
+						"Prisma",
+						"Kysely",
+						"Postgres",
+						"Redis"
+					],
+					"icon": "knedita-light",
+					"link": "https://github.com/hknsh/project-knedita"
+				},
+				{
+					"name": "BiomeJS",
+					"description": "Contribuí na tradução em Português da documentação",
+					"license": "Apache 2.0 &  MIT",
+					"icon": "https://avatars.githubusercontent.com/u/140182603",
+					"link": "https://github.com/biomejs/biome"
+				},
+				{
+					"name": "hknsh's house",
+					"description": "Meu portfolio!",
+					"license": "MIT",
+					"stack": ["Preact", "Vite", "Bun", "shadcn/ui", "Typescript"],
+					"icon": "portfolio",
+					"link": "https://git.hknsh.com/hknsh/hknsh-house"
+				}
+			]
+		}
 	}
 }
diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
index 3812536..6035633 100644
--- a/src/pages/Home/index.tsx
+++ b/src/pages/Home/index.tsx
@@ -1,16 +1,10 @@
 import { TechnologiesTab } from "@/components/TechnologiesTab";
-import { Card, CardContent } from "@/components/ui/card";
-import {
-	Carousel,
-	CarouselContent,
-	CarouselItem,
-	CarouselNext,
-	CarouselPrevious,
-} from "@/components/ui/carousel";
 import { Separator } from "@/components/ui/separator";
 import { useState } from "preact/hooks";
 import { useTranslation } from "react-i18next";
 import { useEffect } from "react";
+import { Header } from "@/components/Header";
+import { ProjectGrid } from "@/components/ProjectGrid";
 
 export function Home() {
 	const {
@@ -33,83 +27,70 @@ export function Home() {
 		localStorage.setItem("language", lang);
 	};
 	return (
-		<div id="home" className="md:flex-center flex-col pt-24">
-			<div className="flex flex-col items-start justify-center p-4">
-				<div className="space-y-8 mt-4 md:mt-7">
-					<h1 className="title">{t("hello")}</h1>
-					<p className="text">{t("introduction")}</p>
-					<div className="flex flex-col space-y-1 text-left items-start">
-						<p className="text">{t("i18n")}</p>
-						<div className="space-y-2">
-							<ul className="flex flex-row space-x-2">
-								<li>
-									<button
-										type="button"
-										onClick={() => handleChangeLanguage("en")}
-										className="link text"
-									>
-										English,
-									</button>
-								</li>
-								<li>
-									<button
-										type="button"
-										onClick={() => handleChangeLanguage("pt")}
-										className="link text"
-									>
-										Português do Brasil,
-									</button>
-								</li>
-								<li>
-									<button
-										type="button"
-										onClick={() => handleChangeLanguage("ja")}
-										className="link text"
-									>
-										日本語
-									</button>
-								</li>
-							</ul>
+		<>
+			<Header />
+
+			<div id="home" className="md:flex-center flex-col pt-24">
+				<div className="flex flex-col items-start justify-center p-4">
+					<div className="space-y-8 mt-4 md:mt-7">
+						<h1 className="title">{t("hello")}</h1>
+						<p className="text">{t("introduction")}</p>
+						<div className="flex flex-col space-y-1 text-left items-start">
+							<p className="text">{t("i18n")}</p>
+							<div className="space-y-2">
+								<ul className="flex flex-row space-x-2">
+									<li>
+										<button
+											type="button"
+											onClick={() => handleChangeLanguage("en")}
+											className="link text"
+										>
+											English,
+										</button>
+									</li>
+									<li>
+										<button
+											type="button"
+											onClick={() => handleChangeLanguage("pt")}
+											className="link text"
+										>
+											Português do Brasil,
+										</button>
+									</li>
+									<li>
+										<button
+											type="button"
+											onClick={() => handleChangeLanguage("ja")}
+											className="link text"
+										>
+											日本語
+										</button>
+									</li>
+								</ul>
+							</div>
+						</div>
+						<p className="break-words text">{t("description")}</p>
+					</div>
+
+					<Separator className="my-8 bg-neutral-700" />
+
+					<div>
+						<div className="space-y-10 mt-4 md:mt-7">
+							<h1 className="title">{t("technologies")}</h1>
+							<TechnologiesTab />
 						</div>
 					</div>
-					<p className="break-words text">{t("description")}</p>
-				</div>
 
-				<Separator className="my-8 bg-neutral-700" />
+					<Separator className="my-8 bg-neutral-700" />
 
-				<div>
-					<div className="space-y-10 mt-4 md:mt-7">
-						<h1 className="title">{t("technologies")}</h1>
-						<TechnologiesTab />
-					</div>
-				</div>
-
-				<Separator className="my-8 bg-neutral-700" />
-
-				<div id="projects">
-					<div className="space-y-10 mt-4 md:mt-7">
-						<h1 className="title">{t("projects")}</h1>
-
-						<Carousel className="w-full max-w-xs">
-							<CarouselContent className="-ml-1">
-								<CarouselItem key="1">
-									<div className="p-1">
-										<Card className="bg-neutral-950 text-neutral-100">
-											<CardContent className="flex aspect-square items-center justify-center p-6">
-												<span className="text-4xl font-semibold">
-													Project Knedita
-												</span>
-											</CardContent>
-										</Card>
-									</div>
-								</CarouselItem>
-							</CarouselContent>
-							<CarouselPrevious />
-							<CarouselNext />
-						</Carousel>
+					<div id="projects">
+						<div className="space-y-10 mt-4 md:mt-7">
+							<h1 className="title">{t("projects_contributions")}</h1>
+							<ProjectGrid />
+						</div>
 					</div>
 				</div>
 			</div>
-		</div>
+		</>
 	);
 }
diff --git a/src/pages/_404.tsx b/src/pages/_404.tsx
index 36182c8..04c7d2d 100644
--- a/src/pages/_404.tsx
+++ b/src/pages/_404.tsx
@@ -1,8 +1,11 @@
 export function NotFound() {
 	return (
-		<section>
-			<h1>404: Not Found</h1>
-			<p>It's gone :(</p>
+		<section className="flex flex-col justify-center items-center h-screen">
+			<h1 className="text-xl font-medium">Looks like you are lost!</h1>
+			<br />
+			<a href="/" className="text-base font-medium link">
+				Let's go back home
+			</a>
 		</section>
 	);
 }

From 47196db3709e709d1cafd2fee0f488b3f70c3845 Mon Sep 17 00:00:00 2001
From: hknsh <valterliviaamaral@gmail.com>
Date: Sun, 10 Nov 2024 19:18:44 +0000
Subject: [PATCH 2/2] chore: updated readme

---
 README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 7f226b5..645c211 100644
--- a/README.md
+++ b/README.md
@@ -4,8 +4,8 @@ Created using Preact + Vite
 
 ## Getting Started
 
--   `npm run dev` - Starts a dev server at http://localhost:5173/
+-   `bun dev` - Starts a dev server at http://localhost:5173/
 
--   `npm run build` - Builds for production, emitting to `dist/`. Prerenders all found routes in app to static HTML
+-   `bun run build` - Builds for production, emitting to `dist/`. Prerenders all found routes in app to static HTML
 
--   `npm run preview` - Starts a server at http://localhost:4173/ to test production build locally
+-   `bun preview` - Starts a server at http://localhost:4173/ to test production build locally