diff --git a/.github/workflows/cicd.yml b/.github/workflows/cicd.yml
index 725e9e4..60e839f 100644
--- a/.github/workflows/cicd.yml
+++ b/.github/workflows/cicd.yml
@@ -20,6 +20,10 @@ jobs:
           echo "API_HOST=${{ vars.API_HOST }}" >> .env
           echo "NODE_ENV=${{ vars.NODE_ENV }}" >> .env
           echo "NEXT_PUBLIC_GA_ID=${{ secrets.PUBLIC_GA_ID }}" >> .env
+          echo "AUTH_KAKAO_ID=${{secrets.AUTH_KAKAO_ID}}" >> .env
+          echo "AUTH_KAKAO_SECRET=${{secrets.AUTH_KAKAO_SECRET}}" >> .env
+          echo "AUTH_SECRET=${{secrets.AUTH_SECRET}}" >> .env
+          echo "NEXTAUTH_URL=${{vars.NEXTAUTH_URL}}" >> .env
       - name: Build docker image
         run: docker build -t ${{ vars.DOCKER_IMAGE }} .
       - name: Login to DockerHub
diff --git a/package-lock.json b/package-lock.json
index b23b60f..7403e19 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,11 +8,14 @@
       "name": "polabo-fe",
       "version": "0.1.0",
       "dependencies": {
+        "@jest/globals": "^29.7.0",
         "@storybook/preview-api": "^8.1.11",
         "@svgr/webpack": "^8.1.0",
         "browser-image-compression": "^2.0.2",
         "eslint-import-resolver-typescript": "^3.6.1",
         "next": "14.2.4",
+        "next-auth": "^5.0.0-beta.20",
+        "path-to-regexp": "^7.1.0",
         "prettier-plugin-tailwindcss": "^0.6.5",
         "react": "^18",
         "react-dom": "^18",
@@ -93,6 +96,36 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@auth/core": {
+      "version": "0.34.2",
+      "resolved": "https://registry.npmjs.org/@auth/core/-/core-0.34.2.tgz",
+      "integrity": "sha512-KywHKRgLiF3l7PLyL73fjLSIBe1YNcA6sMeew4yMP6cfCWGXZrkkXd32AjRi1hlJ9nvovUBGZHvbn+LijO6ZeQ==",
+      "dependencies": {
+        "@panva/hkdf": "^1.1.1",
+        "@types/cookie": "0.6.0",
+        "cookie": "0.6.0",
+        "jose": "^5.1.3",
+        "oauth4webapi": "^2.10.4",
+        "preact": "10.11.3",
+        "preact-render-to-string": "5.2.3"
+      },
+      "peerDependencies": {
+        "@simplewebauthn/browser": "^9.0.1",
+        "@simplewebauthn/server": "^9.0.2",
+        "nodemailer": "^6.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@simplewebauthn/browser": {
+          "optional": true
+        },
+        "@simplewebauthn/server": {
+          "optional": true
+        },
+        "nodemailer": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@babel/code-frame": {
       "version": "7.24.7",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz",
@@ -570,7 +603,6 @@
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz",
       "integrity": "sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==",
-      "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -3067,7 +3099,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
       "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
-      "dev": true,
       "dependencies": {
         "camelcase": "^5.3.1",
         "find-up": "^4.1.0",
@@ -3083,7 +3114,6 @@
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
       "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "dev": true,
       "dependencies": {
         "sprintf-js": "~1.0.2"
       }
@@ -3092,7 +3122,6 @@
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
       "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -3101,7 +3130,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
       "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
       "dependencies": {
         "locate-path": "^5.0.0",
         "path-exists": "^4.0.0"
@@ -3114,7 +3142,6 @@
       "version": "3.14.1",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
       "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
-      "dev": true,
       "dependencies": {
         "argparse": "^1.0.7",
         "esprima": "^4.0.0"
@@ -3127,7 +3154,6 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
       "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
       "dependencies": {
         "p-locate": "^4.1.0"
       },
@@ -3139,7 +3165,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
       "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
       "dependencies": {
         "p-try": "^2.0.0"
       },
@@ -3154,7 +3179,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
       "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
       "dependencies": {
         "p-limit": "^2.2.0"
       },
@@ -3166,7 +3190,6 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
       "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -3175,7 +3198,6 @@
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
       "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -3396,7 +3418,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.7.0.tgz",
       "integrity": "sha512-aQIfHDq33ExsN4jP1NWGXhxgQ/wixs60gDiKO+XVMd8Mn0NWPWgc34ZQDTb2jKaUWQ7MuwoitXAsN2XVXNMpAw==",
-      "dev": true,
       "dependencies": {
         "@jest/fake-timers": "^29.7.0",
         "@jest/types": "^29.6.3",
@@ -3411,7 +3432,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/@jest/expect/-/expect-29.7.0.tgz",
       "integrity": "sha512-8uMeAMycttpva3P1lBHB8VciS9V0XAr3GymPpipdyQXbBcuhkLQOSe8E/p92RyAdToS6ZD1tFkX+CkhoECE0dQ==",
-      "dev": true,
       "dependencies": {
         "expect": "^29.7.0",
         "jest-snapshot": "^29.7.0"
@@ -3424,7 +3444,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.7.0.tgz",
       "integrity": "sha512-GlsNBWiFQFCVi9QVSx7f5AgMeLxe9YCCs5PuP2O2LdjDAA8Jh9eX7lA1Jq/xdXw3Wb3hyvlFNfZIfcRetSzYcA==",
-      "dev": true,
       "dependencies": {
         "jest-get-type": "^29.6.3"
       },
@@ -3436,7 +3455,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-29.7.0.tgz",
       "integrity": "sha512-q4DH1Ha4TTFPdxLsqDXK1d3+ioSL7yL5oCMJZgDYm6i+6CygW5E5xVr/D1HdsGxjt1ZWSfUAs9OxSB/BNelWrQ==",
-      "dev": true,
       "dependencies": {
         "@jest/types": "^29.6.3",
         "@sinonjs/fake-timers": "^10.0.2",
@@ -3453,7 +3471,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/@jest/globals/-/globals-29.7.0.tgz",
       "integrity": "sha512-mpiz3dutLbkW2MNFubUGUEVLkTGiqW6yLVTA+JbP6fI6J5iL9Y0Nlg8k95pcF8ctKwCS7WVxteBs29hhfAotzQ==",
-      "dev": true,
       "dependencies": {
         "@jest/environment": "^29.7.0",
         "@jest/expect": "^29.7.0",
@@ -3618,7 +3635,6 @@
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
       "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
-      "dev": true,
       "dependencies": {
         "@sinclair/typebox": "^0.27.8"
       },
@@ -3674,7 +3690,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz",
       "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==",
-      "dev": true,
       "dependencies": {
         "@babel/core": "^7.11.6",
         "@jest/types": "^29.6.3",
@@ -3700,7 +3715,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -3715,7 +3729,6 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -3731,7 +3744,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -3740,7 +3752,6 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -3752,7 +3763,6 @@
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
       "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
-      "dev": true,
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "@types/istanbul-lib-coverage": "^2.0.0",
@@ -3769,7 +3779,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -3784,7 +3793,6 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -3800,7 +3808,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -3809,7 +3816,6 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -4068,6 +4074,14 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@panva/hkdf": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@panva/hkdf/-/hkdf-1.2.1.tgz",
+      "integrity": "sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
@@ -4167,8 +4181,7 @@
     "node_modules/@sinclair/typebox": {
       "version": "0.27.8",
       "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
-      "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==",
-      "dev": true
+      "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA=="
     },
     "node_modules/@sindresorhus/merge-streams": {
       "version": "2.3.0",
@@ -4185,7 +4198,6 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.1.tgz",
       "integrity": "sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==",
-      "dev": true,
       "dependencies": {
         "type-detect": "4.0.8"
       }
@@ -4194,7 +4206,6 @@
       "version": "10.3.0",
       "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.3.0.tgz",
       "integrity": "sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==",
-      "dev": true,
       "dependencies": {
         "@sinonjs/commons": "^3.0.0"
       }
@@ -6031,6 +6042,11 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/cookie": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
+      "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA=="
+    },
     "node_modules/@types/cross-spawn": {
       "version": "6.0.6",
       "resolved": "https://registry.npmjs.org/@types/cross-spawn/-/cross-spawn-6.0.6.tgz",
@@ -6108,7 +6124,6 @@
       "version": "4.1.9",
       "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz",
       "integrity": "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==",
-      "dev": true,
       "dependencies": {
         "@types/node": "*"
       }
@@ -6136,14 +6151,12 @@
     "node_modules/@types/istanbul-lib-coverage": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
-      "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==",
-      "dev": true
+      "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w=="
     },
     "node_modules/@types/istanbul-lib-report": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz",
       "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==",
-      "dev": true,
       "dependencies": {
         "@types/istanbul-lib-coverage": "*"
       }
@@ -6152,7 +6165,6 @@
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
       "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dev": true,
       "dependencies": {
         "@types/istanbul-lib-report": "*"
       }
@@ -6320,8 +6332,7 @@
     "node_modules/@types/stack-utils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
-      "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==",
-      "dev": true
+      "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw=="
     },
     "node_modules/@types/tough-cookie": {
       "version": "4.0.5",
@@ -6345,7 +6356,6 @@
       "version": "17.0.32",
       "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.32.tgz",
       "integrity": "sha512-xQ67Yc/laOG5uMfX/093MRlGGCIBzZMarVa+gfNKJxWAIgykYpVGkBdbqEzGDDfCrVUj6Hiff4mTZ5BA6TmAog==",
-      "dev": true,
       "dependencies": {
         "@types/yargs-parser": "*"
       }
@@ -6353,8 +6363,7 @@
     "node_modules/@types/yargs-parser": {
       "version": "21.0.3",
       "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz",
-      "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==",
-      "dev": true
+      "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ=="
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
       "version": "7.16.1",
@@ -7111,7 +7120,6 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "dev": true,
       "dependencies": {
         "normalize-path": "^3.0.0",
         "picomatch": "^2.0.4"
@@ -7625,7 +7633,6 @@
       "version": "6.1.1",
       "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
       "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
-      "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.0.0",
         "@istanbuljs/load-nyc-config": "^1.0.0",
@@ -7641,7 +7648,6 @@
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
       "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
-      "dev": true,
       "dependencies": {
         "@babel/core": "^7.12.3",
         "@babel/parser": "^7.14.7",
@@ -7708,7 +7714,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz",
       "integrity": "sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==",
-      "dev": true,
       "dependencies": {
         "@babel/plugin-syntax-async-generators": "^7.8.4",
         "@babel/plugin-syntax-bigint": "^7.8.3",
@@ -8086,7 +8091,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz",
       "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==",
-      "dev": true,
       "dependencies": {
         "node-int64": "^0.4.0"
       }
@@ -8367,7 +8371,6 @@
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
       "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -9472,7 +9475,6 @@
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz",
       "integrity": "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==",
-      "dev": true,
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
@@ -11222,7 +11224,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/expect/-/expect-29.7.0.tgz",
       "integrity": "sha512-2Zks0hf1VLFYI1kbh0I5jP3KHHyCHpkfyHBzsSXRFgl/Bg9mWYfMW8oD+PdMPlEwy5HNsR9JutYy6pMeOh61nw==",
-      "dev": true,
       "dependencies": {
         "@jest/expect-utils": "^29.7.0",
         "jest-get-type": "^29.6.3",
@@ -11288,6 +11289,11 @@
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
     },
+    "node_modules/express/node_modules/path-to-regexp": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+      "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ=="
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -11359,7 +11365,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz",
       "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==",
-      "dev": true,
       "dependencies": {
         "bser": "2.1.1"
       }
@@ -11853,7 +11858,6 @@
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
       "hasInstallScript": true,
       "optional": true,
       "os": [
@@ -11956,7 +11960,6 @@
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
       "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
-      "dev": true,
       "engines": {
         "node": ">=8.0.0"
       }
@@ -13128,7 +13131,6 @@
       "version": "3.2.2",
       "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
       "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -13812,7 +13814,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz",
       "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==",
-      "dev": true,
       "dependencies": {
         "chalk": "^4.0.0",
         "diff-sequences": "^29.6.3",
@@ -13827,7 +13828,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -13842,7 +13842,6 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -13858,7 +13857,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -13867,7 +13865,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-      "dev": true,
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "ansi-styles": "^5.0.0",
@@ -13881,7 +13878,6 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -13892,14 +13888,12 @@
     "node_modules/jest-diff/node_modules/react-is": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg=="
     },
     "node_modules/jest-diff/node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -14067,7 +14061,6 @@
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz",
       "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==",
-      "dev": true,
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
@@ -14076,7 +14069,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz",
       "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==",
-      "dev": true,
       "dependencies": {
         "@jest/types": "^29.6.3",
         "@types/graceful-fs": "^4.1.3",
@@ -14146,7 +14138,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz",
       "integrity": "sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==",
-      "dev": true,
       "dependencies": {
         "chalk": "^4.0.0",
         "jest-diff": "^29.7.0",
@@ -14161,7 +14152,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -14176,7 +14166,6 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -14192,7 +14181,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -14201,7 +14189,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-      "dev": true,
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "ansi-styles": "^5.0.0",
@@ -14215,7 +14202,6 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -14226,14 +14212,12 @@
     "node_modules/jest-matcher-utils/node_modules/react-is": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg=="
     },
     "node_modules/jest-matcher-utils/node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -14245,7 +14229,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz",
       "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==",
-      "dev": true,
       "dependencies": {
         "@babel/code-frame": "^7.12.13",
         "@jest/types": "^29.6.3",
@@ -14265,7 +14248,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -14280,7 +14262,6 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -14296,7 +14277,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -14305,7 +14285,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-      "dev": true,
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "ansi-styles": "^5.0.0",
@@ -14319,7 +14298,6 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -14330,14 +14308,12 @@
     "node_modules/jest-message-util/node_modules/react-is": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg=="
     },
     "node_modules/jest-message-util/node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -14349,7 +14325,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-29.7.0.tgz",
       "integrity": "sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==",
-      "dev": true,
       "dependencies": {
         "@jest/types": "^29.6.3",
         "@types/node": "*",
@@ -14380,7 +14355,6 @@
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
       "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
-      "dev": true,
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
@@ -14686,7 +14660,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-29.7.0.tgz",
       "integrity": "sha512-Rm0BMWtxBcioHr1/OX5YCP8Uov4riHvKPknOGs804Zg9JGZgmIBkbtlxJC/7Z4msKYVbIJtfU+tKb8xlYNfdkw==",
-      "dev": true,
       "dependencies": {
         "@babel/core": "^7.11.6",
         "@babel/generator": "^7.7.2",
@@ -14717,7 +14690,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -14732,7 +14704,6 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -14748,7 +14719,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -14757,7 +14727,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-      "dev": true,
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "ansi-styles": "^5.0.0",
@@ -14771,7 +14740,6 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -14782,14 +14750,12 @@
     "node_modules/jest-snapshot/node_modules/react-is": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg=="
     },
     "node_modules/jest-snapshot/node_modules/semver": {
       "version": "7.6.2",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
       "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
-      "dev": true,
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -14801,7 +14767,6 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -14813,7 +14778,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
       "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==",
-      "dev": true,
       "dependencies": {
         "@jest/types": "^29.6.3",
         "@types/node": "*",
@@ -14830,7 +14794,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -14845,7 +14808,6 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -14861,7 +14823,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -14870,7 +14831,6 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -15054,7 +15014,6 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
       "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
-      "dev": true,
       "dependencies": {
         "@types/node": "*",
         "jest-util": "^29.7.0",
@@ -15069,7 +15028,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -15078,7 +15036,6 @@
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
       "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -15098,6 +15055,14 @@
         "jiti": "bin/jiti.js"
       }
     },
+    "node_modules/jose": {
+      "version": "5.6.3",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-5.6.3.tgz",
+      "integrity": "sha512-1Jh//hEEwMhNYPDDLwXHa2ePWgWiFNNUadVmguAAw2IJ6sj9mNxV5tGXJNqlMkJAybF6Lgw1mISDxTePP/187g==",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -16029,7 +15994,6 @@
       "version": "1.0.12",
       "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
       "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==",
-      "dev": true,
       "dependencies": {
         "tmpl": "1.0.5"
       }
@@ -16428,6 +16392,32 @@
         }
       }
     },
+    "node_modules/next-auth": {
+      "version": "5.0.0-beta.20",
+      "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-5.0.0-beta.20.tgz",
+      "integrity": "sha512-+48SjV9k9AtUU3JbEIa4PXNjKIewfFjVGL7Xs2RKkuQ5QqegDNIQiIG8sLk6/qo7RTScQYIGKgeQ5IuQRtrTQg==",
+      "dependencies": {
+        "@auth/core": "0.34.2"
+      },
+      "peerDependencies": {
+        "@simplewebauthn/browser": "^9.0.1",
+        "@simplewebauthn/server": "^9.0.2",
+        "next": "^14.0.0-0 || ^15.0.0-0",
+        "nodemailer": "^6.6.5",
+        "react": "^18.2.0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@simplewebauthn/browser": {
+          "optional": true
+        },
+        "@simplewebauthn/server": {
+          "optional": true
+        },
+        "nodemailer": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/next/node_modules/postcss": {
       "version": "8.4.31",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
@@ -16509,8 +16499,7 @@
     "node_modules/node-int64": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
-      "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==",
-      "dev": true
+      "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw=="
     },
     "node_modules/node-polyfill-webpack-plugin": {
       "version": "2.0.1",
@@ -16560,7 +16549,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -16725,6 +16713,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/oauth4webapi": {
+      "version": "2.11.1",
+      "resolved": "https://registry.npmjs.org/oauth4webapi/-/oauth4webapi-2.11.1.tgz",
+      "integrity": "sha512-aNzOnL98bL6izG97zgnZs1PFEyO4WDVRhz2Pd066NPak44w5ESLRCYmJIyey8avSBPOMtBjhF3ZDDm7bIb7UOg==",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -17215,9 +17211,12 @@
       "dev": true
     },
     "node_modules/path-to-regexp": {
-      "version": "0.1.7",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
-      "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ=="
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-7.1.0.tgz",
+      "integrity": "sha512-ZToe+MbUF4lBqk6dV8GKot4DKfzrxXsplOddH8zN3YK+qw9/McvP7+4ICjZvOne0jQhN4eJwHsX6tT0Ns19fvw==",
+      "engines": {
+        "node": ">=16"
+      }
     },
     "node_modules/path-type": {
       "version": "4.0.0",
@@ -17673,6 +17672,31 @@
       "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
       "dev": true
     },
+    "node_modules/preact": {
+      "version": "10.11.3",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.11.3.tgz",
+      "integrity": "sha512-eY93IVpod/zG3uMF22Unl8h9KkrcKIRs2EGar8hwLZZDU1lkjph303V9HZBwufh2s736U6VXuhD109LYqPoffg==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/preact"
+      }
+    },
+    "node_modules/preact-render-to-string": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-5.2.3.tgz",
+      "integrity": "sha512-aPDxUn5o3GhWdtJtW0svRC2SS/l8D9MAgo2+AWml+BhDImb27ALf04Q2d+AHqUUOc6RdSXFIBVa2gxzgMKgtZA==",
+      "dependencies": {
+        "pretty-format": "^3.8.0"
+      },
+      "peerDependencies": {
+        "preact": ">=10"
+      }
+    },
+    "node_modules/preact-render-to-string/node_modules/pretty-format": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-3.8.0.tgz",
+      "integrity": "sha512-WuxUnVtlWL1OfZFQFuqvnvs6MiAGk9UNsBostyBOB0Is9wb5uRESevA6rnl/rkksXaGX3GzZhPup5d6Vp1nFew=="
+    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -19133,7 +19157,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
       "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -19266,14 +19289,12 @@
     "node_modules/sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-      "dev": true
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
     },
     "node_modules/stack-utils": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
       "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
-      "dev": true,
       "dependencies": {
         "escape-string-regexp": "^2.0.0"
       },
@@ -19285,7 +19306,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
       "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -20373,7 +20393,6 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
       "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
-      "dev": true,
       "dependencies": {
         "@istanbuljs/schema": "^0.1.2",
         "glob": "^7.1.4",
@@ -20387,7 +20406,6 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -20398,7 +20416,6 @@
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
       "deprecated": "Glob versions prior to v9 are no longer supported",
-      "dev": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -20418,7 +20435,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -20481,8 +20497,7 @@
     "node_modules/tmpl": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
-      "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==",
-      "dev": true
+      "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw=="
     },
     "node_modules/to-fast-properties": {
       "version": "2.0.0",
@@ -20871,7 +20886,6 @@
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
       "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
-      "dev": true,
       "engines": {
         "node": ">=4"
       }
@@ -21333,7 +21347,6 @@
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz",
       "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==",
-      "dev": true,
       "dependencies": {
         "makeerror": "1.0.12"
       }
@@ -21805,7 +21818,6 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
       "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
-      "dev": true,
       "dependencies": {
         "imurmurhash": "^0.1.4",
         "signal-exit": "^3.0.7"
@@ -21817,8 +21829,7 @@
     "node_modules/write-file-atomic/node_modules/signal-exit": {
       "version": "3.0.7",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-      "dev": true
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
     },
     "node_modules/ws": {
       "version": "8.18.0",
diff --git a/package.json b/package.json
index f9b3a4e..4e1011d 100644
--- a/package.json
+++ b/package.json
@@ -22,11 +22,13 @@
     ]
   },
   "dependencies": {
+    "@jest/globals": "^29.7.0",
     "@storybook/preview-api": "^8.1.11",
     "@svgr/webpack": "^8.1.0",
     "browser-image-compression": "^2.0.2",
     "eslint-import-resolver-typescript": "^3.6.1",
     "next": "14.2.4",
+    "next-auth": "^5.0.0-beta.20",
     "prettier-plugin-tailwindcss": "^0.6.5",
     "react": "^18",
     "react-dom": "^18",
diff --git a/public/icons/arrow_down.svg b/public/icons/arrow_down.svg
new file mode 100644
index 0000000..f1d9ce2
--- /dev/null
+++ b/public/icons/arrow_down.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="11" viewBox="0 0 20 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="arrow_back_ios" d="M9.9879 8.275L17.3379 0.924999C17.5879 0.674999 17.8796 0.554166 18.2129 0.562499C18.5462 0.570832 18.8379 0.699999 19.0879 0.949999C19.3379 1.2 19.4629 1.49167 19.4629 1.825C19.4629 2.15833 19.3379 2.45 19.0879 2.7L11.4129 10.4C11.2129 10.6 10.9879 10.75 10.7379 10.85C10.4879 10.95 10.2379 11 9.9879 11C9.7379 11 9.4879 10.95 9.2379 10.85C8.9879 10.75 8.7629 10.6 8.5629 10.4L0.862903 2.7C0.612903 2.45 0.49207 2.15417 0.500403 1.8125C0.508736 1.47083 0.637903 1.175 0.887903 0.925C1.1379 0.675 1.42957 0.55 1.7629 0.55C2.09624 0.55 2.3879 0.675 2.6379 0.925L9.9879 8.275Z" fill="#A3A3A3"/>
+</svg>
diff --git a/public/icons/arrow_right.svg b/public/icons/arrow_right.svg
new file mode 100644
index 0000000..c5cb668
--- /dev/null
+++ b/public/icons/arrow_right.svg
@@ -0,0 +1,10 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Component 2">
+<mask id="mask0_2521_5252" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="17" height="16">
+<rect id="Bounding box" x="0.5" width="16" height="16" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_2521_5252)">
+<path id="arrow_forward_ios" d="M10.3084 7.99984L5.40844 3.09984C5.24177 2.93317 5.16122 2.73595 5.16677 2.50817C5.17233 2.28039 5.25844 2.08317 5.42511 1.9165C5.59177 1.74984 5.78899 1.6665 6.01677 1.6665C6.24455 1.6665 6.44177 1.74984 6.60844 1.9165L11.7251 7.04984C11.8584 7.18317 11.9584 7.33317 12.0251 7.49984C12.0918 7.6665 12.1251 7.83317 12.1251 7.99984C12.1251 8.1665 12.0918 8.33317 12.0251 8.49984C11.9584 8.6665 11.8584 8.8165 11.7251 8.94984L6.59177 14.0832C6.42511 14.2498 6.23066 14.3304 6.00844 14.3248C5.78622 14.3193 5.59177 14.2332 5.42511 14.0665C5.25844 13.8998 5.17511 13.7026 5.17511 13.4748C5.17511 13.2471 5.25844 13.0498 5.42511 12.8832L10.3084 7.99984Z" fill="white"/>
+</g>
+</g>
+</svg>
diff --git a/public/icons/arrow_up.svg b/public/icons/arrow_up.svg
new file mode 100644
index 0000000..6e4e3dc
--- /dev/null
+++ b/public/icons/arrow_up.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="11" viewBox="0 0 20 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="arrow_back_ios" d="M9.9879 3.27505L17.3379 10.625C17.5879 10.875 17.8796 10.9959 18.2129 10.9875C18.5462 10.9792 18.8379 10.85 19.0879 10.6C19.3379 10.35 19.4629 10.0584 19.4629 9.72505C19.4629 9.39172 19.3379 9.10005 19.0879 8.85005L11.4129 1.15005C11.2129 0.950049 10.9879 0.800049 10.7379 0.700049C10.4879 0.600049 10.2379 0.550049 9.9879 0.550049C9.7379 0.550049 9.4879 0.600049 9.2379 0.700049C8.9879 0.800049 8.7629 0.950049 8.5629 1.15005L0.862903 8.85005C0.612903 9.10005 0.49207 9.39588 0.500403 9.73755C0.508736 10.0792 0.637903 10.375 0.887903 10.625C1.1379 10.875 1.42957 11 1.7629 11C2.09624 11 2.3879 10.875 2.6379 10.625L9.9879 3.27505Z" fill="#262626"/>
+</svg>
diff --git a/public/icons/check.svg b/public/icons/check.svg
new file mode 100644
index 0000000..fc2dcf7
--- /dev/null
+++ b/public/icons/check.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector 171 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M11.4147 0.77968C11.6641 1.04324 11.6613 1.46763 11.4084 1.72759L5.24286 8.06612C4.80328 8.51803 4.10367 8.5399 3.6389 8.11626L0.619653 5.36417C0.352306 5.12047 0.325105 4.69702 0.558898 4.41836C0.792692 4.13969 1.19895 4.11134 1.46629 4.35503L4.4106 7.03881L10.5053 0.773143C10.7581 0.513192 11.1653 0.516118 11.4147 0.77968Z" fill="#0A0A0A"/>
+</svg>
diff --git a/public/icons/ellipsis.svg b/public/icons/ellipsis.svg
new file mode 100644
index 0000000..21eafd8
--- /dev/null
+++ b/public/icons/ellipsis.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12.0001" cy="5.6998" r="1.65" fill="#A3A3A3"/>
+<circle cx="12.0001" cy="11.9996" r="1.65" fill="#A3A3A3"/>
+<circle cx="12.0001" cy="18.2999" r="1.65" fill="#A3A3A3"/>
+</svg>
diff --git a/public/icons/empty_board.svg b/public/icons/empty_board.svg
new file mode 100644
index 0000000..2d0192d
--- /dev/null
+++ b/public/icons/empty_board.svg
@@ -0,0 +1,32 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame 2608331">
+<g id="Group 48095909" opacity="0.6">
+<g id="Group">
+<path id="Vector" d="M21.4256 33.6505C23.0519 32.0958 24.5971 31.1013 26.2019 30.1339C29.1394 28.3622 32.3708 27.2924 35.5746 26.2697C39.4222 25.0403 43.4242 24.2651 47.4169 23.5291C50.9305 22.8807 54.41 22.2798 58.0266 22.2243C65.2441 22.1177 68.4174 25.2017 70.8523 31.328C72.3023 34.9734 73.0356 38.8284 73.7926 42.6621C74.8301 47.9154 75.893 53.1667 76.9714 58.4134C77.6941 61.9301 78.523 65.4252 79.1825 68.9472C79.6148 71.2595 79.8598 73.6129 80.1261 75.9549C80.3149 77.5963 79.7254 78.819 78.0511 79.3571C76.3583 79.9032 74.6963 80.5811 72.9751 81.0207C68.2714 82.2121 63.5755 83.4572 58.8167 84.3844C55.0279 85.1228 51.2674 86.0027 47.4313 86.5658C44.145 87.0484 40.9191 87.7466 37.5536 87.5447C36.6578 87.4907 35.7972 87.3667 34.9281 87.2177C33.5131 86.9763 32.8336 86.1239 32.1949 84.7947C29.9463 80.1373 28.6208 75.1572 26.7988 70.3558C26.2842 68.9908 26.0273 67.5149 25.6989 66.0961C24.3624 60.3013 22.9229 54.5309 22.0639 48.6295C21.5587 45.162 21.0157 41.6976 20.7248 38.206C20.5883 36.5443 20.2363 34.7467 21.4279 33.6407L21.4256 33.6505Z" fill="#060606"/>
+<path id="Vector_2" d="M24.0566 34.8984C25.1954 33.5536 26.8452 32.9535 28.314 32.1764C31.826 30.3158 35.6267 29.2053 39.463 28.1016C43.9884 26.8002 48.6019 26.0673 53.182 25.1357C55.6488 24.6345 58.1967 24.7663 60.7045 25.0583C63.8358 25.4203 65.9046 27.3799 67.0957 30.1061C68.7463 33.8981 69.8773 37.8609 70.76 41.9306C71.7596 46.5344 72.7442 51.1491 73.6938 55.7634C75.0037 62.1235 76.9214 68.3757 77.3717 74.9123C77.4641 76.2546 76.9437 76.7422 75.9803 77.2952C74.3234 78.2477 72.4029 78.2304 70.6377 78.8208C67.278 79.9524 63.7877 80.7556 60.3022 81.4337C55.0769 82.4475 49.8959 83.6751 44.6109 84.4442C42.2008 84.7936 39.8404 85.238 37.4105 85.0356C36.1634 84.9307 35.3392 84.4965 34.7099 83.093C32.1624 77.4238 30.1896 71.5952 28.5215 65.6134C27.4448 61.7613 26.5151 57.881 25.7423 53.975C24.6532 48.4605 23.5973 42.9272 23.3441 37.2925C23.2955 36.2323 23.5328 35.4322 24.056 34.8921L24.0566 34.8984Z" fill="white"/>
+<path id="Vector_3" d="M35.8092 70.4422C33.6017 68.3179 32.5254 65.5947 31.6728 62.7731C30.7297 59.6455 29.7647 56.5228 28.9928 53.3522C27.9129 48.921 26.7394 44.44 26.9487 39.8671C27.074 37.1279 29.0414 35.2155 31.502 34.0269C34.4877 32.5839 37.6155 31.4906 40.8128 30.6091C44.4797 29.6025 48.1246 28.4537 51.9526 28.1952C54.2843 28.0378 56.607 27.7788 58.9417 28.4882C61.9696 29.409 63.8668 31.3701 65.1995 34.1873C67.079 38.1558 67.7987 42.4344 68.6523 46.6443C69.4101 50.3791 69.9936 54.2307 69.8305 58.0608C69.5757 64.0354 67.8418 67.3745 61.5072 69.0238C57.033 70.1867 52.5509 71.2958 47.9567 71.9631C44.5691 72.454 41.2506 72.4274 37.9076 71.6509C37.0305 71.4482 36.6075 70.6898 35.8126 70.4451L35.8092 70.4422Z" fill="#060606"/>
+<path id="Vector_4" d="M53.2311 49.9559C53.2137 51.2893 53.0922 52.7556 52.3509 54.0841C50.9158 56.6677 47.8944 56.9755 46.1581 54.5893C44.191 51.891 43.6908 48.8905 45.0594 45.7612C46.3602 42.7868 49.7017 42.4145 51.7234 44.9672C52.8516 46.3883 53.208 48.0403 53.2311 49.9559Z" fill="white"/>
+<path id="Vector_5" d="M42.7727 37.6458C43.6931 37.602 44.5472 38.342 44.618 39.25C44.6951 40.2393 44.041 40.9478 43.0086 40.9846C41.994 41.0211 41.2137 40.3747 41.1469 39.444C41.0804 38.5269 41.8388 37.6898 42.7727 37.6458Z" fill="white"/>
+<path id="Vector_6" d="M50.2142 36.8388C51.0976 36.9404 51.6775 37.4409 51.811 38.3521C51.939 39.2227 51.058 40.1658 50.1969 40.0638C49.2999 39.9579 48.6967 39.4125 48.7098 38.458C48.7235 37.5306 49.265 36.9826 50.2142 36.8388Z" fill="white"/>
+</g>
+<g id="Group_2">
+<g id="Group_3">
+<path id="Vector_7" d="M49.6614 31.3579C49.3825 31.4994 48.9963 31.5893 48.7541 31.4714C48.408 31.3001 47.9213 30.6859 48.0212 30.3087C48.3273 29.125 48.6825 28.1612 49.1095 27.3568C49.9133 25.8511 50.826 24.3759 51.7064 22.9498L51.9151 22.6113C52.2517 22.065 52.3338 21.7173 51.8733 21.2122C51.1444 20.4149 50.5437 19.6055 50.0891 18.8036C49.1832 17.2227 49.6944 15.49 51.3581 14.4989C51.4992 14.4151 51.6398 14.1111 51.6879 13.7929C51.7312 13.5138 51.7111 13.222 51.691 12.9384C51.686 12.8471 51.6793 12.7607 51.6759 12.6726C51.5686 12.5801 51.4368 12.4796 51.3116 12.384C50.884 12.0582 50.5458 11.7972 50.6101 11.5115C50.7695 10.8144 51.1753 9.98409 51.7235 9.70595C53.0389 9.05896 54.5847 8.36851 56.1801 8.10183C56.8779 7.98445 57.6247 7.94022 58.3454 7.90101C58.649 7.88167 58.9509 7.86723 59.2528 7.84463C62.2315 7.61885 65.8116 10.1121 66.9169 13.1794C68.4499 17.4418 65.9691 19.782 64.8294 20.5929C64.6494 20.721 64.4516 20.8377 64.2278 20.9512C63.7931 21.1718 63.321 21.3419 62.8635 21.5087C62.6266 21.5963 62.3849 21.6822 62.1481 21.7779C62.5066 22.4448 62.6247 23.0379 62.486 23.5082C62.3876 23.8397 62.1658 24.1033 61.8381 24.2696C61.4878 24.4473 61.022 24.5163 60.4537 24.4782C59.0248 24.3788 57.4915 24.0304 55.628 23.3801C55.2446 23.2482 54.9751 23.2299 54.7772 23.3302C54.615 23.4125 54.4757 23.573 54.2961 23.8886L53.628 25.0479C52.7608 26.5572 51.8904 28.068 51.0135 29.5741L50.8873 29.7932C50.6203 30.2592 50.3437 30.7383 49.9711 31.1314C49.8933 31.2117 49.7863 31.2905 49.6598 31.3547L49.6614 31.3579ZM56.6618 20.7661C57.9319 21.8316 59.7752 22.1493 60.7517 21.6865L56.6618 20.7661ZM55.3582 16.7994C55.6476 16.9954 55.9354 17.2126 56.2118 17.4234C56.8346 17.895 57.4785 18.3846 58.182 18.652C59.771 19.2579 61.3257 19.7383 62.8405 18.9697C62.9768 18.9006 63.1146 18.8184 63.2459 18.7314C64.6792 17.7756 65.2544 16.4308 64.9168 14.839C64.5251 13.0013 63.3419 11.5733 61.4942 10.7028C59.5441 9.78231 57.5401 10.3134 55.5978 10.8296C55.3934 10.8844 55.1922 10.9375 54.991 10.9906C54.9812 10.9955 54.9666 10.9989 54.9569 11.0038C54.8563 11.0548 54.6895 11.2252 54.4632 11.7399C53.6051 13.6976 54.3812 15.3281 55.3582 16.7994ZM52.4433 16.4378C51.8577 17.4941 52.3785 18.1032 52.9285 18.7465C52.9968 18.826 53.0636 18.9024 53.1287 18.9836C53.2865 19.177 53.7334 19.3543 53.8372 19.3342C54.0026 19.2014 54.1662 19.049 54.3315 18.8916L52.4433 16.4378ZM54.7868 18.428C54.8808 18.3314 55.2696 17.9137 55.3716 17.8089L55.2789 17.7294L54.7868 18.428Z" fill="#171717"/>
+<path id="Vector_8" d="M51.802 9.87029C51.802 9.87029 51.8085 9.867 51.8117 9.86536C53.2098 9.18047 54.694 8.53759 56.2066 8.28434C57.182 8.12001 58.2406 8.10533 59.2632 8.02721C62.2549 7.803 65.7199 10.3995 66.7419 13.2438C68.0399 16.8501 66.4488 19.2205 64.7238 20.4467C64.5406 20.5764 64.3493 20.6898 64.1449 20.7935C63.4378 21.1523 62.6314 21.3778 61.8868 21.6943C62.5694 22.8458 62.5062 23.7349 61.7569 24.1151C61.4455 24.2731 61.0122 24.3419 60.4682 24.3037C58.8542 24.1921 57.2266 23.7528 55.688 23.2152C55.2396 23.0591 54.9327 23.0556 54.6959 23.1758C54.4754 23.2877 54.3118 23.5053 54.1403 23.8046C53.0483 25.7014 51.9611 27.5998 50.8609 29.4884C50.5519 30.0166 50.2575 30.5741 49.846 31.0114C49.7829 31.0802 49.6888 31.1442 49.585 31.1969C49.332 31.3253 49.0107 31.3904 48.8401 31.3096C48.5313 31.1561 48.1357 30.6181 48.2033 30.3553C48.4595 29.356 48.7935 28.3499 49.2755 27.4442C50.1376 25.8273 51.1134 24.267 52.0779 22.7084C52.442 22.1196 52.5482 21.6739 52.0162 21.0909C51.3556 20.365 50.7403 19.5671 50.2531 18.7165C49.3733 17.1794 49.9172 15.5771 51.4593 14.6599C51.688 14.5235 51.8333 14.1233 51.8749 13.8247C51.9374 13.4053 51.8715 12.9653 51.861 12.5951C51.4739 12.2365 50.7344 11.8077 50.7923 11.558C50.9339 10.9392 51.2992 10.1335 51.8085 9.87515M62.9223 19.1324C63.065 19.06 63.2061 18.9762 63.3504 18.8826C64.7983 17.9153 65.4627 16.513 65.0972 14.8007C64.6694 12.8017 63.3743 11.3856 61.5737 10.5361C59.362 9.49122 57.1344 10.2501 54.9503 10.8114C54.9259 10.8197 54.9016 10.8279 54.8789 10.8394C54.6356 10.9629 54.4319 11.3683 54.2993 11.664C53.4509 13.6005 54.0971 15.2316 55.2289 16.9305C56.1864 17.5752 57.0664 18.4224 58.1177 18.8236C59.6628 19.415 61.3183 19.9504 62.9239 19.1357M53.906 19.5036C53.906 19.5036 53.9157 19.4986 53.9222 19.4953C54.5479 18.9983 55.0775 18.3745 55.6414 17.7946C55.5096 17.6859 55.3779 17.5773 55.2446 17.4654C54.9952 17.8204 54.7427 18.1771 54.3898 18.6745C53.7566 17.849 53.1315 17.0397 52.425 16.1167C51.4603 17.5693 52.3515 18.3251 52.9879 19.1001C53.18 19.3373 53.7471 19.5842 53.906 19.5036ZM60.8675 21.8279C60.994 21.7637 61.1059 21.6865 61.2031 21.5964C59.4927 21.2113 57.7824 20.8262 56.0721 20.441C57.3592 21.9061 59.6851 22.4237 60.8659 21.8246M51.639 9.54489C50.9967 9.87076 50.5862 10.7892 50.4317 11.4716C50.34 11.8732 50.74 12.1763 51.2001 12.5264C51.3042 12.6042 51.405 12.6837 51.4961 12.7599C51.4995 12.8235 51.5061 12.8854 51.5095 12.949C51.5279 13.2212 51.5463 13.5017 51.5095 13.7611C51.4646 14.0533 51.3401 14.2919 51.2687 14.3363C49.5109 15.3833 48.9756 17.2139 49.9336 18.8908C50.3963 19.7008 51.0068 20.5215 51.7423 21.3319C52.097 21.7233 52.104 21.9646 51.7641 22.5125L51.5554 22.8511C50.6718 24.2789 49.7575 25.759 48.9521 27.2696C48.5121 28.0968 48.1617 29.0459 47.8476 30.2623C47.722 30.7505 48.2623 31.4313 48.6751 31.6382C48.9937 31.7949 49.4334 31.682 49.7448 31.524C49.8908 31.4499 50.0172 31.3612 50.1063 31.263C50.4919 30.8551 50.775 30.3646 51.0468 29.892L51.1714 29.6778C52.0516 28.1701 52.9333 26.6331 53.7875 25.1467L54.4541 23.9923C54.6126 23.7159 54.7357 23.5719 54.8622 23.5077C54.9563 23.4599 55.1364 23.4135 55.5718 23.568C57.4548 24.2247 59.0011 24.5747 60.4462 24.674C61.0454 24.7169 61.5437 24.6395 61.9232 24.447C62.3027 24.2544 62.5521 23.9565 62.665 23.5727C62.8037 23.1024 62.7132 22.5239 62.4035 21.8893C62.577 21.8216 62.7571 21.7588 62.9291 21.696C63.3898 21.5276 63.8684 21.3541 64.3128 21.1286C64.5464 21.0101 64.7491 20.8869 64.9355 20.7556C66.1092 19.9233 68.6647 17.5126 67.0875 13.1297C65.9593 9.99236 62.2915 7.44568 59.2414 7.67505C58.9427 7.69601 58.6424 7.7137 58.3421 7.7314C57.6148 7.7739 56.8632 7.81652 56.154 7.93559C54.5359 8.20563 52.9738 8.90432 51.6568 9.54806L51.6439 9.55465L51.639 9.54489ZM55.4913 16.6668C53.9149 14.2751 54.146 12.9172 54.6324 11.8093C54.8684 11.2733 55.0159 11.178 55.0419 11.1649C55.2431 11.1117 55.4443 11.0586 55.6488 11.0039C57.6446 10.4728 59.5334 9.97152 61.4217 10.8663C63.2126 11.7125 64.3632 13.0999 64.7451 14.8774C65.0663 16.3876 64.5169 17.6704 63.1534 18.5785C63.0253 18.6639 62.8955 18.7379 62.7625 18.8054C61.3126 19.5411 59.8001 19.0719 58.2501 18.4789C57.5726 18.2227 56.9677 17.7624 56.3254 17.2761C56.0555 17.0702 55.7791 16.8595 55.4946 16.6651L55.4913 16.6668ZM53.7705 19.1438C53.6308 19.1085 53.3562 18.9745 53.2651 18.8656C53.1999 18.7844 53.1316 18.7048 53.0632 18.6252C52.5653 18.0453 52.1568 17.5628 52.4718 16.7786L53.6145 18.2639L54.0801 18.8684C53.9763 18.9618 53.8759 19.0536 53.7689 19.1405L53.7705 19.1438ZM60.0035 21.703C59.2666 21.7831 58.3927 21.5572 57.637 21.1693L60.0035 21.703Z" fill="white"/>
+</g>
+<g id="Group_4">
+<path id="Vector_9" d="M62.9986 19.3001C61.3503 20.1365 59.6457 19.6093 58.0448 18.9968C57.2956 18.7116 56.6304 18.204 55.9847 17.7192C55.7016 17.5036 55.4089 17.2847 55.1178 17.0854L55.0869 17.0643L55.0706 17.0318C54.0232 15.4689 53.1866 13.7256 54.1242 11.5923C54.3473 11.0872 54.5579 10.7926 54.785 10.6773C54.8207 10.6592 54.858 10.6444 54.8937 10.6344C55.095 10.5813 55.2962 10.5281 55.4975 10.475C57.5021 9.94368 59.5748 9.3941 61.6425 10.3699C63.5948 11.2939 64.8467 12.8102 65.2663 14.761C65.6336 16.4853 64.987 18.0054 63.4398 19.0355C63.2938 19.134 63.1462 19.2212 62.997 19.2969L62.9986 19.3001Z" fill="white"/>
+<path id="Vector_10" d="M54.8712 10.8417C54.8939 10.8302 54.9167 10.8187 54.9426 10.8137C57.1274 10.2522 59.3556 9.49304 61.568 10.5383C63.3642 11.3864 64.6646 12.8045 65.0925 14.8042C65.4581 16.5171 64.7934 17.9199 63.3452 18.8875C63.2057 18.9827 63.0597 19.065 62.9169 19.1374C61.3108 19.9524 59.6549 19.4168 58.1093 18.8253C57.0577 18.4239 56.1775 17.5765 55.2196 16.9316C54.0875 15.2321 53.4412 13.6005 54.2899 11.6634C54.4192 11.3691 54.6262 10.962 54.8696 10.8385M54.7082 10.5162C54.4389 10.6529 54.2008 10.9737 53.9615 11.5197C52.99 13.7396 53.8999 15.6049 54.9196 17.1369L54.9587 17.1987L55.0189 17.2376C55.3083 17.4337 55.5962 17.6509 55.8776 17.8633C56.5331 18.3595 57.208 18.8702 57.98 19.1685C59.6199 19.7938 61.3668 20.3322 63.08 19.4629C63.2357 19.3839 63.3931 19.2918 63.5423 19.1916C65.156 18.1156 65.8316 16.5317 65.4447 14.7276C65.0152 12.7165 63.7291 11.1563 61.72 10.208C59.5921 9.20156 57.4886 9.76271 55.4515 10.3023C55.2503 10.3555 55.049 10.4086 54.8477 10.4618C54.7974 10.475 54.7487 10.4916 54.7001 10.5163L54.7082 10.5162Z" fill="white"/>
+</g>
+<g id="Group_5">
+<path id="Vector_11" d="M53.9869 19.6639C53.7176 19.8005 53.0608 19.4724 52.8459 19.214C52.7824 19.136 52.7157 19.0596 52.6522 18.9816C52.0629 18.2926 51.332 17.4346 52.2759 16.0125L52.4184 15.8014L54.3903 18.365L55.2162 17.1947L55.9141 17.7755L55.778 17.9181C55.6305 18.0705 55.4846 18.2262 55.3372 18.3786C54.9304 18.8095 54.5123 19.2585 54.0404 19.6326L54.0242 19.6408L53.9934 19.6606L53.9869 19.6639Z" fill="white"/>
+<path id="Vector_12" d="M52.424 16.1123C53.1356 17.0372 53.7576 17.8484 54.3894 18.671C54.7424 18.1734 54.9918 17.8182 55.2444 17.4614C55.3762 17.5701 55.508 17.6788 55.6414 17.7908C55.0774 18.3709 54.5508 18.9933 53.9217 19.4921C53.9152 19.4954 53.9119 19.4971 53.9054 19.5004C53.7464 19.581 53.1792 19.3341 52.987 19.0968C52.3505 18.3215 51.4606 17.5687 52.424 16.1123ZM52.4032 15.4859L52.1231 15.9097C51.1031 17.448 51.9186 18.4018 52.5161 19.099C52.5828 19.1753 52.6447 19.2501 52.7082 19.3281C52.9426 19.6174 53.6791 20.0235 54.0717 19.8242L54.1042 19.8078L54.1496 19.7766C54.6328 19.3926 55.0574 18.9403 55.4658 18.5045C55.6084 18.3505 55.7559 18.1981 55.9034 18.0457L56.1805 17.7622L55.8779 17.5074L55.6388 17.3062L55.4842 17.1764L55.1833 16.925L54.9582 17.2474L54.597 17.7613L54.3897 18.0543L54.2725 17.9015L52.7207 15.8841L52.413 15.481L52.4032 15.4859Z" fill="white"/>
+</g>
+<g id="Group_6">
+<path id="Vector_13" d="M60.9528 21.997C59.7233 22.6209 57.3193 22.1427 55.9393 20.5735L55.5698 20.1528L61.5867 21.5081L61.3306 21.7441C61.222 21.8441 61.0972 21.9279 60.9544 22.0003L60.9528 21.997Z" fill="white"/>
+<path id="Vector_14" d="M56.0766 20.4508C57.7871 20.836 59.4976 21.2211 61.2082 21.6063C61.1109 21.6965 60.9991 21.7736 60.8725 21.8378C59.6917 22.437 57.3655 21.9193 56.0782 20.4541M55.0638 19.8504L55.8043 20.6951C57.2364 22.3277 59.7477 22.8168 61.0356 22.1633C61.1913 22.0843 61.334 21.9874 61.4539 21.8775L61.966 21.4054L61.287 21.252L56.1554 20.0965L55.0605 19.8521L55.0638 19.8504Z" fill="white"/>
+</g>
+</g>
+</g>
+</g>
+</svg>
diff --git a/public/icons/gender_f.svg b/public/icons/gender_f.svg
new file mode 100644
index 0000000..acf6736
--- /dev/null
+++ b/public/icons/gender_f.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="54" height="75" viewBox="0 0 54 75" fill="none">
+<path d="M54 27.1354C54 33.6442 51.6726 39.9395 47.4483 44.8615C43.7851 49.1295 38.9013 52.137 33.5156 53.4829H38.5283C40.4509 53.4829 42.0157 55.056 42.0157 56.9888V62.8208C42.0157 64.7536 40.4509 66.3267 38.5283 66.3267H33.3883V71.4941C33.3883 73.4284 31.8235 75 29.9009 75H24.0998C22.1757 75 20.6124 73.4284 20.6124 71.4941V66.3267H15.4709C13.5483 66.3267 11.9835 64.7536 11.9835 62.8208V56.9888C11.9835 55.056 13.5483 53.4829 15.4709 53.4829H20.4896C14.2594 51.9205 8.68269 48.1113 4.94213 42.793C0.69363 36.7537 -0.890846 29.3502 0.48135 21.9436C2.31145 12.057 11.7788 2.44778 21.5859 0.524112C29.675 -1.06421 37.9021 0.996645 44.1566 6.1747C50.4111 11.3543 54 18.9956 54 27.1354Z" fill="none"/>
+<path d="M24.6248 73C23.9623 73 23.4229 72.4562 23.4229 71.7881V64.3789H16.0747C15.4121 64.3789 14.8728 63.8351 14.8728 63.1671V57.3712C14.8728 56.7032 15.4121 56.1593 16.0747 56.1593H23.4229V52.0662C17.0392 50.9846 11.24 47.3096 7.48247 41.9515C3.62731 36.4556 2.19102 29.7099 3.43801 22.9597C4.23578 18.6379 6.67417 14.2221 10.304 10.5258C13.9353 6.82804 18.2907 4.32853 22.568 3.48627C24.2071 3.1636 25.8658 3 27.5004 3C41.01 3 52 14.0812 52 27.7028C52 33.6274 49.8891 39.355 46.0565 43.8345C42.3186 48.2018 37.1849 51.1179 31.5764 52.0662V56.1593H38.9246C39.5872 56.1593 40.1265 56.7032 40.1265 57.3712V63.1671C40.1265 63.8351 39.5872 64.3789 38.9246 64.3789H31.5764V71.7881C31.5764 72.4562 31.0371 73 30.3745 73H24.6263H24.6248ZM27.4989 11.2211C23.1059 11.2211 18.9833 12.9526 15.8899 16.099C12.7979 19.2438 11.1138 23.4157 11.1513 27.8482C11.2264 36.7813 18.4965 44.1117 27.3562 44.1874H27.4974C31.8904 44.1874 36.013 42.4559 39.1064 39.3111C42.1984 36.1663 43.8825 31.9944 43.845 27.5619C43.7699 18.6273 36.4998 11.2984 27.6401 11.2226H27.4974L27.4989 11.2211Z" fill="#A3A3A3"/>
+<path d="M27.5009 3.52513C40.7466 3.52513 51.4843 14.3185 51.4843 27.6329C51.4843 39.6677 42.7145 49.6406 31.2455 51.4494C31.0224 51.4845 30.8586 51.6751 30.8586 51.9008V56.586C30.8586 56.8392 31.0619 57.0436 31.3138 57.0436H39.0381C39.29 57.0436 39.4933 57.2479 39.4933 57.5011V63.3363C39.4933 63.5894 39.29 63.7938 39.0381 63.7938H31.3138C31.0619 63.7938 30.8586 63.9982 30.8586 64.2514V72.0158C30.8586 72.269 30.6553 72.4733 30.4034 72.4733H24.5983C24.3465 72.4733 24.1432 72.269 24.1432 72.0158V64.2514C24.1432 63.9982 23.9398 63.7938 23.688 63.7938H15.9636C15.7117 63.7938 15.5084 63.5894 15.5084 63.3363V57.5011C15.5084 57.2479 15.7117 57.0436 15.9636 57.0436H23.688C23.9398 57.0436 24.1432 56.8392 24.1432 56.586V51.9008C24.1432 51.6736 23.9778 51.4845 23.7547 51.4494C10.8413 49.4118 1.34931 37.0232 3.94687 22.9965C5.55517 14.3093 14.0367 5.69387 22.6653 4.00097C24.304 3.67917 25.9199 3.52513 27.5009 3.52513ZM27.5009 44.9904C37.0885 44.9904 44.8493 37.1391 44.7688 27.4819C44.6899 18.0581 37.0278 10.3547 27.6511 10.2754C27.601 10.2754 27.5509 10.2754 27.5009 10.2754C17.9133 10.2754 10.1525 18.1268 10.2329 27.7839C10.3118 37.2077 17.974 44.9111 27.3507 44.9904C27.4007 44.9904 27.4508 44.9904 27.5009 44.9904ZM27.5009 2C25.8015 2 24.0764 2.16929 22.374 2.50329C17.9057 3.38025 13.3676 5.97145 9.59564 9.80258C5.82524 13.6307 3.28837 18.2167 2.4554 22.7174C1.15813 29.7193 2.65416 36.7151 6.6658 42.4191C8.62459 45.204 11.0735 47.5359 13.9441 49.3493C16.6206 51.0406 19.5383 52.1997 22.6244 52.7991V55.52H15.9621C14.8742 55.52 13.9896 56.4091 13.9896 57.5026V63.3378C13.9896 64.4313 14.8742 65.3205 15.9621 65.3205H22.6244V72.0173C22.6244 73.1108 23.5089 74 24.5968 74H30.4019C31.4898 74 32.3743 73.1108 32.3743 72.0173V65.3205H39.0366C40.1245 65.3205 41.0091 64.4313 41.0091 63.3378V57.5026C41.0091 56.4091 40.1245 55.52 39.0366 55.52H32.3743V52.7991C37.9654 51.7087 43.065 48.7392 46.8126 44.3728C50.803 39.7257 53 33.7807 53 27.6329C53 24.1724 52.3263 20.8156 50.9957 17.654C49.7106 14.6006 47.8732 11.86 45.532 9.5067C43.1909 7.15342 40.4628 5.30496 37.4268 4.0147C34.2815 2.67716 30.942 2 27.4993 2H27.5009ZM27.5009 43.4653C27.4553 43.4653 27.4098 43.4653 27.3643 43.4653C18.8267 43.3921 11.823 36.3521 11.7502 27.7717C11.7137 23.5151 13.3357 19.507 16.3156 16.4872C19.2955 13.466 23.2677 11.802 27.5009 11.802C27.5464 11.802 27.5919 11.802 27.6374 11.802C36.1751 11.8752 43.1788 18.9152 43.2516 27.4956C43.288 31.7523 41.666 35.7603 38.6861 38.7816C35.7062 41.8029 31.734 43.4668 27.5009 43.4668V43.4653Z" fill="black"/>
+</svg>
\ No newline at end of file
diff --git a/public/icons/gender_m.svg b/public/icons/gender_m.svg
new file mode 100644
index 0000000..0155767
--- /dev/null
+++ b/public/icons/gender_m.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="66" height="66" viewBox="0 0 66 66" fill="none">
+<path d="M66 3.49963V26.6383C66 28.5676 64.4297 30.1379 62.5004 30.1379H56.6788C54.7494 30.1379 53.1791 28.5676 53.1791 26.6383V21.8864L50.2318 24.8337C53.1518 29.6297 54.5197 35.2595 54.1027 40.9168C53.628 47.3881 50.8344 53.4835 46.2407 58.0771C40.9578 63.3585 34.0194 65.9985 27.0825 66C20.1441 66 13.2057 63.3585 7.92425 58.0787C-2.61727 47.5372 -2.64162 30.4011 7.85274 19.8307V19.744H7.93794C12.5316 15.158 18.6195 12.372 25.0831 11.8957C30.7389 11.4803 36.3702 12.8482 41.1663 15.7681L44.1136 12.8208H39.3617C37.4323 12.8208 35.862 11.2506 35.862 9.32119V3.49963C35.862 1.56875 37.4323 0 39.3617 0H62.5004C64.4297 0 66 1.56875 66 3.49963Z" fill="none"/>
+<path d="M26.6395 63C20.0552 63 13.8657 60.437 9.20896 55.7826C-0.402987 46.1724 -0.402987 30.5367 9.20896 20.9265C13.8657 16.2706 20.0537 13.7076 26.6365 13.7076C31.786 13.7076 36.7035 15.2716 40.8765 18.2339L48.784 10.3264H38.8013C38.0945 10.3264 37.5204 9.75232 37.5204 9.04565V3.28075C37.5204 2.57408 38.0945 2 38.8013 2H61.719C62.4258 2 63 2.57408 63 3.28075V26.1942C63 26.9009 62.4258 27.4749 61.719 27.4749H55.953C55.2462 27.4749 54.6721 26.9009 54.6721 26.1942V16.2133L46.7646 24.1194C50.062 28.7677 51.6429 34.4558 51.2224 40.174C50.7899 46.0594 48.249 51.6028 44.0685 55.7826C39.4117 60.437 33.2222 63 26.638 63H26.6395ZM26.6395 22.034C22.2796 22.034 18.1819 23.7321 15.0985 26.815C12.0151 29.8978 10.3151 33.9962 10.3151 38.3553C10.3151 42.7144 12.0136 46.8128 15.0985 49.8956C18.1819 52.9785 22.2811 54.6766 26.6395 54.6766C30.9978 54.6766 35.2417 52.9197 38.3447 49.7314C44.4467 43.4587 44.4467 33.2534 38.3447 26.9822C35.2417 23.7924 31.0853 22.037 26.641 22.037L26.6395 22.034Z" fill="#525252"/>
+<path d="M61.8775 2.66643C62.129 2.66643 62.332 2.86943 62.332 3.12091V26.1585C62.332 26.41 62.129 26.613 61.8775 26.613H56.0813C55.8298 26.613 55.6268 26.41 55.6268 26.1585V15.2101C55.6268 14.9359 55.4026 14.7541 55.1692 14.7541C55.0571 14.7541 54.9435 14.795 54.8511 14.8874L46.0279 23.7104C45.8689 23.8694 45.8522 24.1194 45.984 24.3012C52.812 33.668 51.9984 46.8631 43.5464 55.3164C38.8697 59.9915 32.7416 62.329 26.6136 62.329C20.4855 62.329 14.3575 59.9915 9.68078 55.3164C0.327354 45.9632 0.327354 30.8033 9.68078 21.4501C14.3575 16.7735 20.484 14.4359 26.6106 14.4359C31.56 14.4359 36.5094 15.9615 40.6952 19.0141C40.777 19.0732 40.8725 19.1034 40.9664 19.1034C41.0831 19.1034 41.1982 19.0595 41.2861 18.9717L50.1092 10.1472C50.3956 9.86084 50.1926 9.37152 49.7881 9.37152H38.8394C38.5879 9.37152 38.3849 9.16852 38.3849 8.91704V3.12091C38.3849 2.86943 38.5879 2.66643 38.8394 2.66643H61.8775ZM26.6136 55.627C31.1009 55.627 35.5898 53.8848 38.9773 50.402C45.4538 43.7438 45.4538 33.0257 38.9773 26.3676C35.5898 22.8847 31.1024 21.1425 26.6136 21.1425C22.202 21.1425 17.7889 22.8256 14.4226 26.1933C7.68708 32.9272 7.68708 43.8438 14.4226 50.5762C17.7904 53.9439 22.202 55.627 26.6136 55.627ZM61.8775 1H38.8394C37.6698 1 36.7184 1.95138 36.7184 3.12091V8.91704C36.7184 10.0866 37.6698 11.0379 38.8394 11.0379H46.8627L40.827 17.075C36.6184 14.2557 31.7251 12.771 26.6106 12.771C23.2852 12.771 20.0432 13.4028 16.9754 14.6465C13.7985 15.9357 10.9473 17.8279 8.50213 20.273C6.05697 22.7181 4.16477 25.5692 2.87553 28.7475C1.63023 31.8168 1 35.0587 1 38.3855C1 41.7123 1.63174 44.9543 2.87553 48.0235C4.16477 51.2018 6.05697 54.053 8.50213 56.4981C10.9473 58.9432 13.7985 60.8353 16.9769 62.1245C20.0462 63.3683 23.2882 64 26.6136 64C29.9389 64 33.181 63.3683 36.2503 62.1245C39.4287 60.8353 42.2799 58.9432 44.725 56.4996C49.0685 52.1563 51.7091 46.395 52.159 40.2777C52.5786 34.5709 51.0803 28.8945 47.9262 24.1739L53.9618 18.1384V26.1615C53.9618 27.331 54.9132 28.2824 56.0828 28.2824H61.879C63.0486 28.2824 64 27.331 64 26.1615V3.12091C64 1.95138 63.0486 1 61.879 1H61.8775ZM26.6136 53.9605C22.4535 53.9605 18.5433 52.3396 15.6013 49.3976C12.6577 46.4556 11.0382 42.544 11.0382 38.384C11.0382 34.224 12.6592 30.3124 15.6013 27.3704C18.5433 24.4284 22.455 22.8075 26.6136 22.8075C30.8555 22.8075 34.8217 24.483 37.7819 27.528C43.604 33.5135 43.604 43.253 37.7819 49.2385C34.8217 52.282 30.8555 53.959 26.6136 53.959V53.9605Z" fill="black"/>
+</svg>
\ No newline at end of file
diff --git a/public/icons/hamburger.svg b/public/icons/hamburger.svg
new file mode 100644
index 0000000..4e3fa93
--- /dev/null
+++ b/public/icons/hamburger.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <mask id="mask0_1993_12230" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+    <rect width="24" height="24" fill="#D9D9D9"/>
+  </mask>
+  <g mask="url(#mask0_1993_12230)">
+    <path d="M4 18C3.71667 18 3.47917 17.9042 3.2875 17.7125C3.09583 17.5208 3 17.2833 3 17C3 16.7167 3.09583 16.4792 3.2875 16.2875C3.47917 16.0958 3.71667 16 4 16H20C20.2833 16 20.5208 16.0958 20.7125 16.2875C20.9042 16.4792 21 16.7167 21 17C21 17.2833 20.9042 17.5208 20.7125 17.7125C20.5208 17.9042 20.2833 18 20 18H4ZM4 13C3.71667 13 3.47917 12.9042 3.2875 12.7125C3.09583 12.5208 3 12.2833 3 12C3 11.7167 3.09583 11.4792 3.2875 11.2875C3.47917 11.0958 3.71667 11 4 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H4ZM4 8C3.71667 8 3.47917 7.90417 3.2875 7.7125C3.09583 7.52083 3 7.28333 3 7C3 6.71667 3.09583 6.47917 3.2875 6.2875C3.47917 6.09583 3.71667 6 4 6H20C20.2833 6 20.5208 6.09583 20.7125 6.2875C20.9042 6.47917 21 6.71667 21 7C21 7.28333 20.9042 7.52083 20.7125 7.7125C20.5208 7.90417 20.2833 8 20 8H4Z" fill="#0A0A0A"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/public/icons/kakao.svg b/public/icons/kakao.svg
new file mode 100644
index 0000000..d753209
--- /dev/null
+++ b/public/icons/kakao.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="17" viewBox="0 0 18 17" fill="none">
+  <g clip-path="url(#clip0_1993_12715)">
+    <mask id="mask0_1993_12715" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-66" y="-65" width="153" height="108">
+      <path d="M-65.4575 -64.1737H86.6638V42.4182H-65.4575V-64.1737Z" fill="white"/>
+    </mask>
+    <g mask="url(#mask0_1993_12715)">
+      <path d="M8.99979 0.679056C4.12965 0.679056 0.180664 3.76894 0.180664 7.58278C0.180664 10.0325 1.81627 12.1834 4.27258 13.4111L3.44158 16.485C3.40978 16.5794 3.43616 16.6793 3.50518 16.7473C3.55271 16.7948 3.61613 16.8209 3.68497 16.8209C3.7381 16.8209 3.79086 16.8 3.83856 16.7633L7.41171 14.371C7.93065 14.4444 8.46007 14.4863 8.99979 14.4863C13.8699 14.4863 17.8193 11.3966 17.8193 7.58278C17.8193 3.76894 13.8699 0.679056 8.99979 0.679056Z" fill="black" fill-opacity="0.9"/>
+    </g>
+  </g>
+  <defs>
+    <clipPath id="clip0_1993_12715">
+      <rect width="18" height="16.5" fill="white" transform="translate(0 0.5)"/>
+    </clipPath>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/public/icons/kakaoWbg.svg b/public/icons/kakaoWbg.svg
new file mode 100644
index 0000000..88167c4
--- /dev/null
+++ b/public/icons/kakaoWbg.svg
@@ -0,0 +1,4 @@
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="11.5" cy="11.5" r="11.5" fill="#FEE500"/>
+<path d="M11.5331 5.55029C7.95522 5.55029 5.06982 7.85858 5.06982 10.6609C5.06982 12.4798 6.27015 14.0726 8.07064 14.982L7.46124 17.2581C7.44975 17.2922 7.44798 17.3288 7.45614 17.3638C7.46429 17.3989 7.48204 17.431 7.50741 17.4566C7.54439 17.4892 7.59198 17.5072 7.64129 17.5073C7.68218 17.504 7.72097 17.4879 7.75209 17.4612L10.3743 15.693C10.7614 15.7465 11.1516 15.7742 11.5423 15.7761C15.1156 15.7761 18.0056 13.4678 18.0056 10.6609C18.0056 7.85397 15.1064 5.55029 11.5331 5.55029Z" fill="#392020"/>
+</svg>
diff --git a/public/icons/linkShare.svg b/public/icons/linkShare.svg
index 7933dd0..631e959 100644
--- a/public/icons/linkShare.svg
+++ b/public/icons/linkShare.svg
@@ -1,14 +1,15 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M43.8711 9.63881C45.1238 9.08937 46.4059 10.3496 45.8782 11.6116L42.3219 20.1158L43.0654 29.5955C43.0981 30.0127 42.7864 30.3775 42.3691 30.4102C41.9519 30.4429 41.5871 30.1312 41.5544 29.714L40.8109 20.2343C40.792 19.9942 40.8307 19.7532 40.9236 19.531L44.4799 11.0268L3.01773 29.212C2.63444 29.3801 2.18744 29.2057 2.01933 28.8224C1.85122 28.4391 2.02566 27.9921 2.40895 27.824L43.8711 9.63881Z" fill="black"/>
-<path d="M18.836 32.1322C18.8662 31.7061 18.8403 31.1878 18.8576 30.7309C18.9008 30.1379 18.8274 29.5888 18.2183 29.6239C17.5919 29.6459 16.9915 29.7821 16.3608 29.8304C15.8079 29.8787 15.1772 29.9051 14.944 29.5712C13.9332 27.1156 13.3932 24.4711 12.9569 21.8486C12.2787 17.7414 11.3673 13.6429 11.5055 9.46969C11.5141 8.84591 11.9936 8.47252 12.5422 8.32316C15.0131 7.55882 17.4667 6.76811 19.9894 6.1619C25.5056 4.68152 26.659 5.7973 27.389 11.1302C27.4927 11.7056 28.0801 11.8682 28.5899 11.8155C29.7821 11.7496 30.9441 11.6749 32.119 12.0131C32.4214 12.0922 32.7281 12.1801 33.0305 12.2196C33.402 12.2767 33.7692 12.2372 34.1363 12.224C35.5446 12.1581 37.0133 13.3617 36.8491 14.8728C36.8146 17.3987 36.4906 19.9158 36.0932 22.4109C35.4582 26.2063 34.9441 30.0281 34.0499 33.7707C33.7735 34.8514 33.0175 35.6245 31.8944 35.585C28.3436 35.6728 24.8188 35.7211 21.2766 35.7431C18.741 35.9759 18.7885 34.3023 18.8274 32.1717V32.1278L18.836 32.1322ZM15.9764 28.1831C16.0973 28.249 16.2442 28.2577 16.404 28.2402C19.5531 27.7262 22.7799 27.2035 25.9462 26.6676C26.7454 26.5138 27.6482 26.3469 27.5445 25.2926C27.3112 22.4285 26.9225 19.5863 26.6158 16.731C26.3523 14.4951 26.0931 12.2635 25.795 10.032C25.6741 8.68777 25.2291 6.97457 23.6438 6.957C23.16 6.91746 22.5639 7.0185 22.0801 7.11075C19.4278 7.63789 16.8187 8.15185 14.2571 9.07873C13.4321 9.39501 12.5206 9.53997 12.6373 10.6426C13.0519 15.1013 14.0368 19.4941 14.6373 23.9352C14.7021 25.3321 14.9699 26.5533 15.6481 27.8053C15.7215 27.9459 15.8165 28.082 15.9418 28.1611L15.9764 28.1831ZM30.132 13.1992C29.2378 13.208 27.7432 12.9268 27.808 14.0075C27.8339 14.9256 27.9376 15.7778 29.0607 15.769C29.9765 15.8349 30.8663 15.9008 31.7821 16.015C32.7108 16.0589 33.4711 16.7178 33.4884 17.7018C33.2983 20.9349 32.9225 24.1417 32.6029 27.3572C32.5208 28.2973 32.3134 29.4218 31.2724 29.681C30.8491 29.8084 30.3869 29.8216 29.9549 29.8216C28.1449 29.804 25.0434 30.1598 23.4797 29.6107C23.0607 29.4614 22.6719 29.1407 22.214 29.0924C21.7561 29.0616 21.2853 29.1715 20.8706 29.3472C20.5509 29.5009 20.4732 29.8743 20.4645 30.2126C20.4429 31.1965 20.4343 32.1805 20.4343 33.1689C20.4127 33.8981 20.7324 34.2144 21.4667 34.1837C24.7237 34.1837 27.9549 34.065 31.2206 34.0343C31.9938 34.0475 32.5683 33.7839 32.7065 32.9449C33.5143 28.8508 34.1147 24.7479 34.9268 20.6494C35.1731 19.1031 35.8988 15.2946 35.1083 14.0163C34.875 13.7175 34.4992 13.6473 34.145 13.6033C32.767 13.4364 31.4797 13.2914 30.1925 13.1992H30.1363H30.132Z" fill="black"/>
-<path d="M16.0522 28.168C15.9254 28.0895 15.8293 27.9543 15.755 27.8148C15.3311 26.9471 14.9903 26.2015 14.8592 25.2859C14.3829 20.5202 13.2206 15.8156 12.7224 11.0499C12.5608 9.71138 13.273 9.61109 14.3523 9.22304C16.9436 8.3074 19.5829 7.7929 22.2659 7.26968C22.7509 7.17376 23.3583 7.07783 23.8477 7.11707C25.4514 7.13887 25.9015 8.83498 26.0238 10.1692C26.3253 12.3842 26.5875 14.5991 26.8541 16.8185C27.1425 19.2384 27.409 21.6626 27.6887 24.0869C27.8372 25.5868 28.13 26.3803 26.286 26.6594C23.048 27.2044 19.7446 27.7232 16.5241 28.2421C16.3624 28.2595 16.2138 28.2508 16.0915 28.1854L16.0565 28.1636L16.0522 28.168ZM14.1295 12.0833C14.4922 14.6515 15.1345 17.1934 15.6764 19.731C15.8031 20.2499 16.1046 20.7339 16.5547 21.0304C17.0747 21.4054 17.6689 21.4141 18.2545 21.2702C19.8844 20.9301 21.523 20.6031 23.1005 20.0711C25.128 19.4651 25.7267 18.0131 25.4033 16.0205C25.1761 14.1631 24.9576 12.3406 24.6911 10.5006C24.6124 9.90322 24.4332 9.25356 23.9351 8.88294C22.9781 8.22456 21.6585 8.43385 20.5617 8.51669C18.1409 8.7347 14.7762 9.26228 14.1295 12.0266V12.0746V12.0833Z" fill="white"/>
-<path d="M30.3588 13.1782C31.6509 13.2711 32.9431 13.4125 34.3263 13.5849C34.6818 13.6291 35.0634 13.6998 35.2932 14.0004C36.0867 15.2779 35.3582 19.1281 35.1111 20.6752C34.3219 24.68 33.7235 28.676 32.9604 32.6765C32.891 33.0522 32.8043 33.5075 32.5571 33.7771C32.1886 34.1794 31.5295 34.1308 31.0222 34.1485C27.7181 34.1352 24.401 34.396 21.1056 34.2413C20.5896 34.1264 20.5636 33.6224 20.5809 33.1848C20.6329 32.1593 20.3858 30.2762 20.7847 29.5557C20.8931 29.4275 21.0666 29.3789 21.2227 29.3303C21.5956 29.2418 22.0422 29.1004 22.4498 29.1844C22.9701 29.2905 23.4037 29.7148 23.924 29.8121C26.2221 30.0994 28.5419 29.9491 30.8574 29.874C32.2926 29.7988 32.6959 28.7114 32.7783 27.4251C33.1208 24.4015 33.3506 21.3869 33.6585 18.3501C33.8146 17.3113 33.342 16.1576 32.2189 16.0515C31.2173 15.8968 30.2287 15.8393 29.2227 15.7642C28.8585 15.7332 28.4942 15.6802 28.3035 15.4326C28.0173 15.0348 27.9826 14.4734 27.9652 13.996C27.8959 12.9086 29.4005 13.1782 30.2981 13.1782H30.3544H30.3588Z" fill="white"/>
-<path d="M13.9077 12.0222C14.5613 9.1783 17.9573 8.64087 20.4083 8.41694C21.5167 8.33185 22.8504 8.11688 23.8175 8.79314C24.321 9.1783 24.502 9.84113 24.5815 10.4547C24.8509 12.3447 25.0673 14.2167 25.3014 16.1246C25.6281 18.1713 25.0231 19.6671 22.974 20.2852C21.3798 20.8271 19.7282 21.1674 18.0766 21.5168C17.4804 21.6646 16.8798 21.6556 16.3587 21.2705C15.9038 20.9614 15.5991 20.4688 15.471 19.9358C14.9234 17.3248 14.2743 14.7138 13.9077 12.0804V12.0312V12.0222Z" fill="black"/>
-<path d="M19.1343 16.1198C18.2133 16.0103 17.4219 15.3304 17.1848 14.4377C17.1545 14.3218 17.1344 14.1993 17.1431 14.0809C17.1577 13.8826 17.2601 13.7365 17.4715 13.7027C17.6735 13.6702 17.8339 13.7404 17.9182 13.9319C17.9747 14.0601 18.0028 14.2022 18.0566 14.3316C18.5006 15.3957 19.8455 15.6199 20.5911 14.7409C20.8369 14.4503 21.0178 14.1028 21.2262 13.7804C21.368 13.5613 21.5622 13.4789 21.7963 13.6C22.0022 13.7081 22.0764 13.9232 21.9804 14.1197C21.5285 15.0469 21.0063 15.9063 19.8569 16.099C19.6138 16.14 19.3756 16.1501 19.1329 16.1204L19.1343 16.1198Z" fill="#FEFEFE"/>
-<path d="M18.8473 12.03C18.8137 12.2679 18.6172 12.4034 18.3651 12.3616C18.136 12.3219 17.967 12.105 17.9985 11.8899C18.0306 11.6796 18.2758 11.5067 18.4895 11.5456C18.7092 11.5865 18.8775 11.8122 18.8473 12.03Z" fill="#F1F1F1"/>
-<path d="M20.4295 11.4833C20.6445 11.5384 20.7587 11.6917 20.7379 11.9183C20.717 12.155 20.5516 12.2684 20.3256 12.2658C20.1015 12.2639 19.9247 12.0173 19.9716 11.7996C20.0118 11.6054 20.2265 11.4526 20.4289 11.482L20.4295 11.4833Z" fill="#EDEDED"/>
-<path d="M3.11092 28.4063L37.2492 26.8701C37.823 26.8443 38.2158 27.4412 37.9651 27.9579L29.6012 45.1978C29.4061 45.6 28.9069 45.7468 28.5251 45.5141L2.75069 29.8105C2.11177 29.4213 2.36351 28.4399 3.11092 28.4063Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M37.2152 26.113C38.3628 26.0614 39.1484 27.2552 38.647 28.2887L30.2831 45.5285C29.8928 46.333 28.8945 46.6266 28.1309 46.1613L2.35647 30.4577C1.07864 29.6791 1.58211 27.7165 3.07694 27.6492L37.2152 26.113ZM37.2834 27.6271L3.14507 29.1634L28.9195 44.867L37.2834 27.6271Z" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M37.0814 26.6708C37.2645 26.2944 37.718 26.1377 38.0944 26.3208L42.1457 28.2918C43.592 28.9953 43.091 31.1704 41.4827 31.1704H36.8156C36.397 31.1704 36.0577 30.8311 36.0577 30.4125C36.0577 29.994 36.397 29.6547 36.8156 29.6547H41.4827L37.4313 27.6838C37.055 27.5007 36.8983 27.0471 37.0814 26.6708Z" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M42.2843 19.6077C42.3922 20.0121 42.1518 20.4273 41.7473 20.5352L36.0636 22.0508C35.6592 22.1587 35.244 21.9183 35.1361 21.5139C35.0283 21.1095 35.2687 20.6942 35.6731 20.5864L41.3568 19.0707C41.7612 18.9629 42.1765 19.2033 42.2843 19.6077Z" fill="black"/>
+<path d="M14 23.5L3.5 29.5L42 30.5V20L45 10.5L41 11.5L14 23.5Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M43.8713 9.63864C45.1241 9.0892 46.4062 10.3494 45.8784 11.6114L42.3221 20.1156L43.0656 29.5953C43.0984 30.0125 42.7866 30.3773 42.3694 30.4101C41.9521 30.4428 41.5873 30.1311 41.5546 29.7138L40.8111 20.2341C40.7923 19.9941 40.8309 19.753 40.9238 19.5308L44.4801 11.0267L3.01798 29.2118C2.63469 29.3799 2.18769 29.2055 2.01958 28.8222C1.85147 28.4389 2.0259 27.9919 2.4092 27.8238L43.8713 9.63864Z" fill="#0A0A0A"/>
+<path d="M18.8363 32.1321C18.8665 31.706 18.8406 31.1877 18.8579 30.7308C18.901 30.1378 18.8276 29.5887 18.2185 29.6238C17.5922 29.6458 16.9917 29.782 16.3611 29.8303C15.8082 29.8786 15.1775 29.905 14.9442 29.5711C13.9334 27.1155 13.3934 24.4711 12.9572 21.8486C12.279 17.7413 11.3675 13.6428 11.5057 9.46961C11.5144 8.84583 11.9939 8.47244 12.5425 8.32309C15.0133 7.55874 17.4669 6.76803 19.9896 6.16182C25.5058 4.68145 26.6592 5.79722 27.3892 11.1301C27.4929 11.7056 28.0804 11.8681 28.5901 11.8154C29.7823 11.7495 30.9443 11.6748 32.1193 12.0131C32.4217 12.0921 32.7284 12.18 33.0307 12.2195C33.4022 12.2766 33.7694 12.2371 34.1366 12.2239C35.5448 12.158 37.0135 13.3616 36.8494 14.8728C36.8148 17.3986 36.4908 19.9157 36.0934 22.4108C35.4584 26.2062 34.9444 30.028 34.0502 33.7707C33.7737 34.8513 33.0178 35.6244 31.8947 35.5849C28.3439 35.6727 24.819 35.7211 21.2769 35.743C18.7412 35.9758 18.7887 34.3022 18.8276 32.1717V32.1277L18.8363 32.1321ZM15.9766 28.183C16.0976 28.2489 16.2444 28.2577 16.4043 28.2401C19.5533 27.7261 22.7801 27.2034 25.9465 26.6675C26.7456 26.5137 27.6484 26.3468 27.5447 25.2925C27.3115 22.4284 26.9227 19.5863 26.616 16.7309C26.3525 14.495 26.0933 12.2634 25.7953 10.0319C25.6743 8.68769 25.2294 6.97449 23.6441 6.95692C23.1603 6.91739 22.5641 7.01842 22.0803 7.11067C19.428 7.63781 16.819 8.15177 14.2574 9.07865C13.4323 9.39493 12.5209 9.5399 12.6375 10.6425C13.0522 15.1012 14.0371 19.494 14.6375 23.9351C14.7023 25.3321 14.9701 26.5533 15.6483 27.8052C15.7218 27.9458 15.8168 28.082 15.9421 28.161L15.9766 28.183ZM30.1322 13.1991C29.2381 13.2079 27.7434 12.9268 27.8082 14.0074C27.8342 14.9255 27.9378 15.7777 29.061 15.7689C29.9767 15.8348 30.8666 15.9007 31.7824 16.0149C32.7111 16.0588 33.4714 16.7178 33.4886 17.7017C33.2986 20.9349 32.9228 24.1416 32.6031 27.3571C32.521 28.2972 32.3137 29.4218 31.2726 29.6809C30.8493 29.8083 30.3871 29.8215 29.9551 29.8215C28.1452 29.8039 25.0436 30.1598 23.4799 29.6107C23.0609 29.4613 22.6721 29.1406 22.2142 29.0923C21.7564 29.0616 21.2855 29.1714 20.8708 29.3471C20.5512 29.5008 20.4734 29.8742 20.4648 30.2125C20.4432 31.1965 20.4345 32.1805 20.4345 33.1688C20.4129 33.898 20.7326 34.2143 21.4669 34.1836C24.724 34.1836 27.9551 34.065 31.2208 34.0342C31.994 34.0474 32.5685 33.7838 32.7068 32.9448C33.5146 28.8507 34.115 24.7478 34.9271 20.6493C35.1733 19.1031 35.899 15.2945 35.1085 14.0162C34.8753 13.7175 34.4994 13.6472 34.1452 13.6032C32.7672 13.4363 31.48 13.2914 30.1927 13.1991H30.1366H30.1322Z" fill="#0A0A0A"/>
+<path d="M16.0523 28.1678C15.9256 28.0893 15.8294 27.9542 15.7551 27.8147C15.3313 26.947 14.9904 26.2014 14.8593 25.2858C14.383 20.5201 13.2207 15.8155 12.7226 11.0498C12.5609 9.71122 13.2731 9.61094 14.3525 9.22288C16.9437 8.30725 19.583 7.79275 22.266 7.26953C22.751 7.1736 23.3584 7.07768 23.8478 7.11692C25.4515 7.13872 25.9016 8.83483 26.0239 10.169C26.3254 12.384 26.5876 14.599 26.8542 16.8183C27.1426 19.2382 27.4091 21.6625 27.6888 24.0867C27.8374 25.5866 28.1301 26.3802 26.2861 26.6592C23.0482 27.2042 19.7447 27.7231 16.5242 28.242C16.3625 28.2594 16.214 28.2507 16.0916 28.1853L16.0566 28.1635L16.0523 28.1678ZM14.1296 12.0832C14.4923 14.6513 15.1346 17.1933 15.6765 19.7309C15.8032 20.2498 16.1047 20.7337 16.5548 21.0302C17.0748 21.4052 17.6691 21.4139 18.2546 21.27C19.8845 20.9299 21.5231 20.6029 23.1006 20.071C25.1281 19.4649 25.7268 18.013 25.4034 16.0204C25.1762 14.163 24.9577 12.3404 24.6912 10.5004C24.6125 9.90307 24.4334 9.25341 23.9352 8.88279C22.9783 8.2244 21.6586 8.43369 20.5618 8.51654C18.141 8.73454 14.7763 9.26213 14.1296 12.0265V12.0744V12.0832Z" fill="white"/>
+<path d="M30.3592 13.1781C31.6514 13.2709 32.9435 13.4124 34.3268 13.5847C34.6823 13.629 35.0639 13.6997 35.2937 14.0003C36.0872 15.2777 35.3587 19.1279 35.1116 20.675C34.3224 24.6799 33.724 28.6759 32.9609 32.6763C32.8915 33.052 32.8048 33.5073 32.5576 33.777C32.1891 34.1792 31.53 34.1306 31.0227 34.1483C27.7186 34.135 24.4015 34.3958 21.1061 34.2411C20.5901 34.1262 20.5641 33.6223 20.5814 33.1846C20.6334 32.1591 20.3863 30.276 20.7852 29.5555C20.8936 29.4273 21.067 29.3787 21.2231 29.3301C21.596 29.2417 22.0427 29.1002 22.4502 29.1842C22.9706 29.2903 23.4042 29.7147 23.9245 29.8119C26.2226 30.0992 28.5424 29.9489 30.8579 29.8738C32.2931 29.7986 32.6964 28.7112 32.7788 27.4249C33.1213 24.4014 33.3511 21.3867 33.659 18.3499C33.8151 17.3111 33.3425 16.1574 32.2194 16.0513C31.2178 15.8966 30.2292 15.8391 29.2232 15.764C28.859 15.733 28.4947 15.68 28.3039 15.4325C28.0178 15.0346 27.9831 14.4732 27.9657 13.9958C27.8964 12.9084 29.401 13.1781 30.2985 13.1781H30.3549H30.3592Z" fill="white"/>
+<path d="M13.9077 12.0222C14.5613 9.1783 17.9573 8.64087 20.4083 8.41694C21.5167 8.33185 22.8504 8.11688 23.8175 8.79314C24.321 9.1783 24.502 9.84113 24.5815 10.4547C24.8509 12.3447 25.0673 14.2167 25.3014 16.1246C25.6281 18.1713 25.0231 19.6671 22.974 20.2852C21.3798 20.8271 19.7282 21.1674 18.0766 21.5168C17.4804 21.6646 16.8798 21.6556 16.3587 21.2705C15.9038 20.9614 15.5991 20.4688 15.471 19.9358C14.9234 17.3248 14.2743 14.7138 13.9077 12.0804V12.0312V12.0222Z" fill="#0A0A0A"/>
+<path d="M19.1344 16.1198C18.2134 16.0103 17.4221 15.3304 17.1849 14.4377C17.1546 14.3218 17.1345 14.1993 17.1432 14.0809C17.1578 13.8826 17.2602 13.7365 17.4716 13.7027C17.6736 13.6702 17.834 13.7404 17.9184 13.9319C17.9748 14.0601 18.0029 14.2022 18.0567 14.3316C18.5007 15.3957 19.8456 15.6199 20.5912 14.7409C20.8371 14.4503 21.018 14.1029 21.2263 13.7805C21.3681 13.5613 21.5624 13.479 21.7964 13.6C22.0024 13.7082 22.0765 13.9232 21.9805 14.1197C21.5286 15.0469 21.0064 15.9063 19.857 16.099C19.6139 16.14 19.3757 16.1501 19.133 16.1204L19.1344 16.1198Z" fill="#FEFEFE"/>
+<path d="M18.8473 12.03C18.8137 12.268 18.6172 12.4034 18.3651 12.3616C18.136 12.322 17.967 12.1051 17.9985 11.89C18.0306 11.6796 18.2758 11.5068 18.4895 11.5457C18.7092 11.5866 18.8775 11.8122 18.8473 12.03Z" fill="#F1F1F1"/>
+<path d="M20.4299 11.4834C20.6449 11.5385 20.759 11.6918 20.7382 11.9184C20.7174 12.1551 20.5519 12.2685 20.3259 12.2659C20.1019 12.2639 19.925 12.0174 19.972 11.7997C20.0121 11.6055 20.2269 11.4527 20.4292 11.4821L20.4299 11.4834Z" fill="#EDEDED"/>
+<path d="M3.11104 28.4062L37.2493 26.8699C37.8231 26.8441 38.2159 27.4411 37.9652 27.9578L29.6013 45.1976C29.4062 45.5999 28.907 45.7466 28.5252 45.514L2.75081 29.8104C2.11189 29.4211 2.36363 28.4398 3.11104 28.4062Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.2154 26.1129C38.3629 26.0613 39.1485 27.2552 38.6471 28.2886L30.2833 45.5285C29.893 46.333 28.8946 46.6265 28.131 46.1612L2.35659 30.4576C1.07876 29.6791 1.58223 27.7164 3.07706 27.6492L37.2154 26.1129ZM37.2835 27.6271L3.14519 29.1633L28.9196 44.8669L37.2835 27.6271Z" fill="#0A0A0A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.0818 26.6706C37.2648 26.2943 37.7184 26.1376 38.0947 26.3207L42.1461 28.2916C43.5923 28.9952 43.0914 31.1702 41.4831 31.1702H36.8159C36.3974 31.1702 36.0581 30.8309 36.0581 30.4124C36.0581 29.9938 36.3974 29.6545 36.8159 29.6545H41.4831L37.4317 27.6836C37.0553 27.5005 36.8987 27.047 37.0818 26.6706Z" fill="#0A0A0A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M42.2843 19.6077C42.3922 20.0121 42.1518 20.4273 41.7473 20.5352L36.0636 22.0508C35.6592 22.1587 35.244 21.9183 35.1361 21.5139C35.0283 21.1095 35.2687 20.6942 35.6731 20.5864L41.3568 19.0707C41.7612 18.9629 42.1765 19.2033 42.2843 19.6077Z" fill="#0A0A0A"/>
 </svg>
diff --git a/public/icons/login_polaroid.png b/public/icons/login_polaroid.png
new file mode 100644
index 0000000..a9fd231
Binary files /dev/null and b/public/icons/login_polaroid.png differ
diff --git a/public/icons/onboarding-polaroid.svg b/public/icons/onboarding-polaroid.svg
new file mode 100644
index 0000000..87096c6
--- /dev/null
+++ b/public/icons/onboarding-polaroid.svg
@@ -0,0 +1,60 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="98" height="122" viewBox="0 0 98 122" fill="none">
+  <g clip-path="url(#clip0_2826_10879)">
+    <g filter="url(#filter0_d_2826_10879)">
+      <path d="M81.9548 66.6532C81.4547 65.6782 80.7712 64.8057 79.662 64.7111C78.0229 64.5703 76.3835 64.214 74.7262 64.3834C73.7694 64.4793 73.3502 64.1932 73.5765 63.1761C73.9542 61.4899 73.9833 59.7533 74.2192 58.049C74.6831 54.6891 75.2773 51.3577 75.0066 47.9305C74.7345 44.4758 74.7108 44.3464 71.3311 43.514C65.7669 42.1447 60.0852 41.4243 54.4532 40.4227C44.3314 38.6249 34.1799 37.0357 23.7968 35.9095C22.3478 35.6965 20.7361 35.7755 19.1221 35.7915C18.2684 35.7999 17.7985 36.2016 17.4791 36.9385C16.8625 38.3532 16.593 39.8512 16.408 41.3589C15.7739 46.4809 14.7375 51.5798 15.5063 56.7923C15.7834 58.6619 16.5866 59.666 18.43 60.1664C19.6895 60.5089 20.1753 61.294 19.8873 62.5217C19.852 62.6782 19.8331 62.8382 19.8088 62.9952C19.0521 67.6581 18.6058 72.3695 17.6258 76.9992C17.4136 78.0062 17.0444 78.8633 16.0252 79.2207C13.0179 80.2709 10.2803 81.9105 7.35268 83.1258C5.92386 83.7188 5.23806 84.7617 5.10098 86.2445C5.01009 87.2413 4.81507 88.2355 4.78987 89.2356C4.69041 93.2634 3.02328 97.2033 4.5093 101.347C5.2343 103.368 5.16062 103.91 7.32419 104.372C11.1437 105.189 15.0101 105.778 18.7871 106.787C28.6587 109.42 38.3894 112.571 48.3648 114.83C52.4722 115.76 56.3941 115.787 60.1899 113.67C61.8662 112.734 63.7174 112.144 65.5862 111.641C68.6951 110.806 71.7392 109.788 74.6382 108.378C75.2259 108.091 75.8344 107.937 76.5054 108.072C77.9502 108.366 78.3163 108.178 78.6413 106.723C79.4176 103.262 79.7953 99.7614 79.4126 96.2138C79.2219 94.4278 78.6226 92.8556 76.8695 91.975C76.3235 91.7017 76.0792 91.209 75.9683 90.6276C75.6036 88.699 76.2172 87.5624 78.1345 86.967C80.1325 86.3483 81.386 85.0915 81.7968 83.0714C82.4189 80.0061 82.916 76.9154 83.1539 73.7978C83.3423 71.3407 83.0957 68.916 81.9408 66.658L81.9548 66.6532ZM65.2874 101.574C65.2935 102.221 65.2777 102.867 65.2724 103.524C65.2776 102.87 65.2935 102.221 65.2874 101.574C65.2481 101.315 65.2115 101.06 65.2133 100.803C65.2144 101.057 65.2481 101.315 65.2874 101.574Z" fill="#FBFBFB"/>
+      <path d="M65.2874 101.574C65.2935 102.221 65.2777 102.867 65.2724 103.524C65.2776 102.87 65.2935 102.221 65.2874 101.574ZM65.2874 101.574C65.2481 101.315 65.2115 101.06 65.2133 100.803C65.2144 101.057 65.2481 101.315 65.2874 101.574ZM81.9548 66.6532C81.4547 65.6782 80.7712 64.8057 79.662 64.7111C78.0229 64.5703 76.3835 64.214 74.7262 64.3834C73.7694 64.4793 73.3502 64.1932 73.5765 63.1761C73.9542 61.4899 73.9832 59.7533 74.2192 58.049C74.6831 54.6891 75.2773 51.3577 75.0066 47.9305C74.7345 44.4758 74.7108 44.3464 71.3311 43.514C65.7669 42.1447 60.0852 41.4243 54.4532 40.4227C44.3314 38.6249 34.1799 37.0357 23.7968 35.9095C22.3478 35.6965 20.7361 35.7755 19.1221 35.7915C18.2684 35.7999 17.7985 36.2016 17.4791 36.9385C16.8625 38.3532 16.593 39.8512 16.408 41.3589C15.7739 46.4809 14.7375 51.5798 15.5063 56.7923C15.7834 58.6619 16.5866 59.666 18.43 60.1664C19.6895 60.5089 20.1753 61.294 19.8873 62.5217C19.852 62.6782 19.8331 62.8382 19.8088 62.9952C19.0521 67.6581 18.6058 72.3695 17.6258 76.9992C17.4136 78.0062 17.0444 78.8633 16.0252 79.2207C13.0179 80.2709 10.2803 81.9105 7.35268 83.1258C5.92386 83.7188 5.23806 84.7617 5.10098 86.2445C5.01009 87.2413 4.81507 88.2355 4.78987 89.2356C4.69041 93.2634 3.02328 97.2033 4.5093 101.347C5.2343 103.368 5.16062 103.91 7.32419 104.372C11.1437 105.189 15.0101 105.778 18.7871 106.787C28.6587 109.42 38.3894 112.571 48.3648 114.83C52.4722 115.76 56.3941 115.787 60.1899 113.67C61.8662 112.734 63.7174 112.144 65.5862 111.641C68.6951 110.806 71.7392 109.788 74.6382 108.378C75.2259 108.091 75.8344 107.937 76.5054 108.072C77.9503 108.366 78.3163 108.178 78.6413 106.723C79.4176 103.262 79.7953 99.7614 79.4126 96.2138C79.2219 94.4278 78.6226 92.8556 76.8695 91.975C76.3235 91.7017 76.0792 91.209 75.9683 90.6276C75.6036 88.699 76.2172 87.5624 78.1345 86.967C80.1325 86.3483 81.386 85.0915 81.7968 83.0714C82.4189 80.0061 82.916 76.9154 83.1539 73.7978C83.3423 71.3407 83.0957 68.916 81.9408 66.658L81.9548 66.6532Z" stroke="white" stroke-width="4" stroke-miterlimit="10" stroke-linejoin="round"/>
+    </g>
+    <path d="M23.7827 35.9157C34.1631 37.0418 44.3145 38.6337 54.4392 40.4289C60.0713 41.4278 65.7528 42.1509 71.3171 43.5202C74.6968 44.3526 74.7204 44.4847 74.9926 47.9366C75.2633 51.3638 74.6717 54.698 74.2052 58.0549C73.9692 59.7591 73.9429 61.4959 73.5625 63.1819C73.3334 64.1989 73.7526 64.4849 74.7122 64.3891C76.3695 64.2198 78.006 64.5787 79.648 64.7168C80.7572 64.8115 81.4434 65.6841 81.9407 66.659C83.0956 68.917 83.3423 71.3416 83.1538 73.7986C82.916 76.9162 82.4188 80.0069 81.7967 83.0721C81.3859 85.0921 80.1298 86.3488 78.1345 86.9676C76.2145 87.5628 75.6008 88.6994 75.9683 90.6281C76.0792 91.2095 76.3235 91.7022 76.8695 91.9755C78.6197 92.8587 79.2191 94.4281 79.4126 96.2142C79.7925 99.7616 79.4147 103.265 78.6413 106.724C78.3163 108.178 77.9475 108.366 76.5054 108.072C75.8346 107.934 75.2231 108.091 74.6382 108.378C71.7392 109.788 68.6924 110.806 65.5862 111.641C63.7174 112.144 61.8662 112.735 60.1899 113.67C56.3941 115.787 52.4722 115.76 48.3648 114.83C38.3867 112.57 28.6587 109.42 18.7871 106.787C15.0101 105.779 11.1409 105.189 7.32418 104.372C5.16061 103.91 5.23443 103.365 4.50943 101.345C3.0234 97.2008 4.69053 93.2611 4.78998 89.2334C4.81505 88.236 5.01006 87.2418 5.10109 86.2423C5.23831 84.7568 5.92397 83.7167 7.35278 83.1236C10.2806 81.9057 13.018 80.2688 16.0253 79.2186C17.0445 78.8612 17.4137 78.0042 17.6259 76.9972C18.6058 72.3676 19.0494 67.6562 19.8088 62.9935C19.8333 62.8338 19.8522 62.6738 19.8873 62.52C20.1736 61.2922 19.6878 60.5071 18.43 60.1647C16.5866 59.6643 15.7807 58.6601 15.5064 56.7907C14.7376 51.5783 15.7739 46.4795 16.4081 41.3576C16.5958 39.85 16.8626 38.352 17.4792 36.9373C17.8012 36.2006 18.2685 35.7987 19.1222 35.7903C20.7362 35.7743 22.3477 35.6981 23.7968 35.9083L23.7827 35.9157ZM65.5566 101.566L65.6563 99.5685C65.0868 100.205 65.1705 100.892 65.2735 101.576C65.2917 103.302 65.145 105.032 65.4931 106.908C65.9962 105.018 65.5693 103.291 65.5566 101.566ZM8.72366 84.9015C9.53529 85.1857 10.0141 85.3765 10.5062 85.5216C13.9975 86.537 17.628 86.8529 21.1614 87.6276C26.3583 88.7708 31.5873 89.711 36.8451 90.5134C41.5448 91.2302 46.2542 92.0812 50.7112 93.7024C52.654 94.4098 54.0726 94.7358 55.987 93.7582C57.4171 93.0288 59.0198 92.5265 60.5356 91.8943C62.085 91.2473 62.8028 90.1133 62.9314 88.4718C62.9862 87.757 62.8612 87.5133 62.1064 87.4094C58.9537 86.976 55.7995 86.4634 52.7594 85.5337C46.7656 83.7006 40.5158 83.205 34.4111 81.9446C32.0512 81.4589 29.6153 80.9556 27.1624 80.8498C26.3931 80.8161 25.9203 80.4482 25.9846 79.6547C26.0647 78.7093 26.8144 79.0803 27.2858 79.1453C32.1172 79.806 36.9562 80.4234 41.7678 81.206C48.6042 82.318 55.2767 84.2403 62.104 85.4229C62.9854 85.5741 63.3393 85.4639 63.5025 84.5036C63.9495 81.8687 64.0791 79.1604 65.0993 76.6393C65.3529 76.011 64.9277 75.8448 64.4622 75.772C63.4711 75.6205 63.2473 74.9925 63.3319 74.1209C63.5437 71.9652 63.7609 69.8125 63.948 67.6556C64.167 65.1374 63.5142 64.1983 61.0736 63.4601C59.5979 63.0139 58.0521 62.9815 56.5447 62.7302C48.8334 61.448 41.1566 59.9685 33.3552 59.2821C30.3368 59.0165 27.3207 58.8711 24.2969 58.9873C23.4393 59.02 22.4848 59.1242 22.3565 60.2119C21.981 63.3933 20.9577 66.4709 20.7597 69.6696C20.6031 72.2046 19.524 74.5863 19.57 77.1289C19.6077 79.1773 18.6876 80.4074 16.8484 81.1978C14.2325 82.3225 11.6635 83.5532 8.71818 84.9012L8.72366 84.9015ZM6.29315 96.003C6.12364 97.8607 6.23871 99.2936 6.52987 100.716C6.70602 101.585 7.14393 102.101 8.09195 102.291C14.6442 103.599 21.1411 105.136 27.5575 107.023C35.3176 109.306 43.0735 111.619 51.0502 113.082C52.7385 113.391 52.8745 113.36 52.9523 111.691C53.0211 110.202 52.9941 108.708 52.9997 107.222C53.0033 105.555 53.2318 105.539 51.7085 105.167C44.2817 103.351 36.8418 101.578 29.4254 99.7184C24.9761 98.6023 20.4785 97.6857 16.0801 96.3758C15.4313 96.1818 14.9144 95.929 15.0735 95.1595C15.2177 94.4683 15.7511 94.3372 16.3849 94.4459C16.9805 94.5499 17.584 94.6079 18.1695 94.7496C29.5556 97.493 40.9416 100.239 52.3211 103.007C53.0095 103.176 53.234 103.075 53.2054 102.329C53.1353 100.489 53.0052 98.6433 53.3108 96.8062C53.4003 96.2787 53.2144 95.879 52.5937 96.0575C51.8365 96.2782 51.1666 96.0121 50.4706 95.8294C47.5888 95.0796 44.7142 94.2975 41.8185 93.6071C38.1285 92.7262 34.3353 92.4266 30.6215 91.6918C23.1939 90.2222 15.7705 88.7228 8.32095 87.364C7.58421 87.2283 7.27083 87.4606 7.19146 88.1714C6.88697 90.92 6.56605 93.6677 6.30108 96.0089L6.29315 96.003ZM42.7159 48.3478C41.6097 48.8536 41.249 49.5938 41.7456 50.6941C42.0522 51.3673 41.8638 51.898 41.1297 52.0952C40.3065 52.318 40.1352 51.7908 39.9994 51.1045C39.3316 47.7717 39.0397 44.4389 39.7834 41.0824C39.9496 40.3351 39.704 39.9788 38.8994 39.8833C37.5383 39.7239 36.1695 39.5533 34.8408 39.2401C32.4111 38.6689 29.8817 38.7747 27.4623 38.0513C26.9541 37.8999 26.2513 37.523 25.6749 37.7474C25.0341 37.9986 24.4068 38.0894 23.7902 37.9107C22.5081 37.5426 21.2219 37.8072 19.9401 37.7638C19.3156 37.7429 18.9646 38.0688 18.8421 38.6547C18.0698 42.3098 17.7256 46.0195 17.3676 49.7312C17.2982 50.4617 17.625 50.8958 18.4064 50.851C22.0083 50.6387 25.6052 51.1329 29.1061 51.6795C38.1773 53.0909 47.2465 54.5977 56.1988 56.6852C57.449 56.978 57.5987 56.8383 57.6611 55.5863C57.8481 51.7841 58.1388 47.9925 58.7925 44.2386C58.896 43.649 58.7118 43.3804 58.1545 43.1693C57.0775 42.7597 56.8088 43.36 56.6429 44.211C56.0194 47.4153 55.8251 50.6497 55.9533 53.9086C55.9683 54.2669 56.066 54.6184 55.8974 54.9727C55.6863 55.4094 55.3514 55.6898 54.8718 55.679C54.3428 55.6684 54.243 55.194 54.1987 54.818C54.1065 54.0247 54.0507 53.2197 54.0658 52.421C54.0919 51.1835 53.8544 50.9395 52.6276 51.0026C51.3513 51.0686 52.0037 52.0704 51.8159 52.6448C51.6667 53.1065 51.9012 53.7951 51.1337 53.8352C50.391 53.8737 50.1132 53.2839 49.9426 52.6886C49.8678 52.4283 49.9129 52.1304 49.9048 51.8517C49.8626 50.6626 49.1987 50.1677 47.638 50.1592C46.3297 50.1526 46.9954 51.0514 46.9866 51.6131C46.9784 52.1065 46.8412 52.4924 46.3377 52.6305C45.8482 52.7639 45.4826 52.557 45.2243 52.1264C44.8999 51.5887 44.8918 50.9825 44.7951 50.391C44.7254 49.9727 44.7376 49.3976 44.131 49.4049C43.3484 49.4169 42.9932 48.9486 42.7214 48.3481L42.7159 48.3478ZM29.4921 55.2163C29.3217 56.872 29.3228 56.8503 31.0328 56.9455C32.2393 57.0124 33.4436 57.1255 34.6447 57.2467C42.1026 58.0003 49.4896 59.2386 56.8691 60.5175C57.2227 60.5791 57.7668 60.8906 57.9344 60.3916C58.0925 59.9167 57.9092 59.3562 57.4603 59.0059C57.2807 58.8658 57.0173 58.8115 56.7838 58.7641C52.2819 57.8773 47.784 56.9662 43.2744 56.1254C39.3683 55.3944 35.4108 54.9255 31.568 53.8622C30.1337 53.4645 29.6321 53.84 29.4894 55.2161L29.4921 55.2163ZM76.4226 104.286C76.5515 104.287 76.6804 104.288 76.8093 104.289C77.2862 101.44 77.6128 98.5783 77.0766 95.6887C76.9097 94.7989 76.2844 94.134 75.6772 93.4919C75.341 93.1365 74.9768 93.178 74.8607 93.6359C74.6694 94.3902 74.6568 95.4127 75.2599 95.7518C76.3035 96.337 76.1411 97.1718 76.1818 98.0061C76.2831 100.099 76.3433 102.192 76.4226 104.286ZM65.547 106.982C65.2302 107.833 64.7787 108.413 63.9045 108.56C63.6914 108.595 63.483 108.923 63.3668 109.163C63.1988 109.506 63.0499 109.851 62.5992 109.757C62.1621 109.664 61.729 109.491 61.6398 108.968C61.5466 108.418 61.4509 107.862 61.4238 107.304C61.3415 105.545 61.1679 103.801 60.7938 101.951C60.7274 103.282 60.6163 104.463 60.6232 105.645C60.6294 107.004 60.6461 108.375 60.826 109.718C60.9939 110.971 61.5571 111.177 62.6305 110.558C63.1928 110.232 63.7954 110.031 64.416 109.855C66.1861 109.35 66.3199 109.032 65.5443 106.982L65.547 106.982ZM41.3835 42.4436C41.2762 43.495 41.7393 44.0379 42.7728 44.0724C42.8932 44.0785 43.0197 44.074 43.1302 44.1124C44.299 44.4966 44.9215 44.1736 44.8169 42.8613C44.8054 42.7052 44.8492 42.5437 44.8843 42.3899C45.1303 41.3456 44.7174 40.7679 43.6456 40.657C42.2735 40.5162 41.5194 41.1126 41.3834 42.4463L41.3835 42.4436ZM52.9205 45.4622C54.6171 45.5513 55.374 44.6239 54.991 42.9509C54.9213 42.6445 54.7835 42.4355 54.4649 42.3893C53.6776 42.2755 52.8881 42.1535 52.0997 42.0642C51.6986 42.0193 51.4165 42.2286 51.2529 42.5941C50.644 43.9656 51.4703 45.3856 52.9233 45.4623L52.9205 45.4622ZM63.5394 107.409C63.4295 105.376 63.1353 103.356 63.6801 101.345C63.7206 101.192 63.5059 100.987 63.4825 100.795C63.2444 98.6953 63.3027 96.5918 63.642 94.519C63.7245 94.0212 63.565 93.8084 63.378 93.4878C63.2616 93.2909 63.1144 93.1606 62.9031 93.2727C62.4945 93.4892 62.6057 93.8987 62.6243 94.2408C62.7614 96.9927 62.555 99.7544 62.9312 102.497C63.1571 104.129 62.9857 105.804 63.5368 107.406L63.5394 107.409ZM46.6691 42.7455C46.505 44.4943 46.7117 44.805 48.1014 44.9412C48.8113 45.0101 49.3489 44.9583 49.4142 44.034C49.5531 42.0737 49.2378 41.5747 47.8177 41.3333C46.5011 41.108 46.8051 42.0539 46.6662 42.748L46.6691 42.7455ZM66.4551 56.0095C67.3226 55.89 67.2181 55.2898 67.2502 54.8112C67.3978 52.5677 67.7716 50.3548 68.1017 48.1369C68.23 47.2703 68.4122 46.4228 69.6232 46.5663C70.0187 46.6137 70.2157 46.3482 70.2768 46.0048C70.345 45.6262 70.161 45.4095 69.7727 45.3297C69.3789 45.2496 68.9998 45.0939 68.6049 45.0356C67.9048 44.9345 67.0209 44.7257 67.8746 45.9261C67.9719 46.0648 67.9721 46.3349 67.9139 46.512C67.2012 48.6995 67.9711 51.1944 66.5173 53.2241C66.3609 53.4426 66.5393 53.6072 66.6028 53.7633C66.9133 54.524 67.0492 55.2649 66.455 56.0123L66.4551 56.0095ZM56.3392 106.606C56.3748 107.377 56.4073 108.044 56.4398 108.712C56.4694 109.33 56.434 109.983 55.8317 110.288C54.9986 110.71 54.8944 111.422 54.8864 112.188C54.8828 112.589 54.6257 113.124 55.1769 113.349C55.6609 113.545 56.1164 113.326 56.508 113.01C57.0112 112.602 57.2231 112.094 57.1544 111.436C57.0236 110.21 56.9479 108.978 56.8334 107.752C56.7973 107.377 56.829 106.961 56.3445 106.609L56.3392 106.606ZM58.4105 102.979C58.9245 102.519 58.7619 102.093 58.7748 101.726C58.838 99.9635 58.8546 98.2017 58.9287 96.4401C58.9587 95.7294 59.1118 95.0251 60.1203 95.2129C60.384 95.2618 60.6202 95.2574 60.6978 94.9667C60.7317 94.8374 60.6975 94.642 60.6148 94.5395C60.421 94.3005 60.1618 94.4373 59.9515 94.5276C58.9337 94.9669 58.117 95.6075 58.1521 96.8289C58.2062 98.8235 58.318 100.818 58.4131 102.981L58.4105 102.979ZM78.4546 77.6931C78.326 77.6866 78.1972 77.6827 78.0684 77.6789C77.7705 78.9216 77.8301 80.2016 77.7424 81.4632C77.6852 82.2816 77.6941 83.0378 76.5166 83.158C75.8052 83.2282 75.9466 84.0239 75.9473 84.5588C75.9508 84.93 76.2424 85.1331 76.6221 85.057C77.3205 84.9152 78.0493 84.6057 78.1165 83.8643C78.3039 81.8137 78.3519 79.7507 78.4546 77.6931ZM43.9529 47.5295C44.1239 47.5109 44.6566 47.7236 44.8133 47.1122C44.9772 46.4657 44.5155 46.3166 44.0156 46.1629C43.2563 45.9306 42.4231 45.9673 41.7259 45.4788C41.3097 45.1875 41.1317 45.5659 41.1045 45.8919C41.0424 46.5873 41.2158 47.18 42.0438 47.3013C42.5995 47.3815 43.1564 47.4371 43.9529 47.5295ZM54.2177 48.3877C54.313 47.7978 54.0665 47.5696 53.6699 47.4894C53.2406 47.4048 52.8013 47.3579 52.3678 47.3031C51.9315 47.2481 51.4362 47.1138 51.362 47.7757C51.3013 48.332 51.442 48.8112 52.082 48.9611C52.3911 49.0342 52.7402 49.0219 53.0101 49.1666C54.1274 49.7583 54.0448 48.8291 54.2177 48.3877ZM48.3842 48.4018C48.8896 48.4439 49.4532 48.5299 49.4489 47.9021C49.4415 46.7857 48.4689 46.8126 47.713 46.6759C47.2589 46.5955 46.6 46.4937 46.5933 47.1782C46.5775 48.4298 47.728 48.1364 48.387 48.3992L48.3842 48.4018ZM70.7935 100.258C70.8939 100.28 70.9972 100.299 71.0977 100.32C70.9449 97.1146 71.6311 93.919 71.1218 90.7088C70.9126 93.1429 70.7746 95.578 70.6804 98.0152C70.6514 98.7614 70.7512 99.5114 70.7935 100.258ZM73.5963 90.9876C73.8257 89.6896 74.0632 88.3947 74.2816 87.0961C74.3326 86.7876 74.3952 86.4143 73.9409 86.3366C73.6606 86.2896 73.463 86.5114 73.4241 86.7414C73.1812 88.1451 73.1329 89.5533 73.5992 90.985L73.5963 90.9876ZM69.3643 82.8238C68.7026 83.8788 69.3791 85.1111 68.8884 86.2021C68.802 86.3942 68.4233 86.7269 68.9445 86.838C69.3408 86.9237 69.5314 86.6223 69.5032 86.2525C69.4519 85.5214 69.6202 84.8423 69.8304 84.1491C69.9846 83.644 69.8598 83.1192 69.3615 82.8237L69.3643 82.8238ZM80.2396 68.586C80.3675 68.2215 80.1361 67.8004 79.9856 67.3534C79.8183 66.8565 79.483 66.6484 78.9913 66.6616C78.7715 66.6668 78.6163 66.8089 78.6426 67.0504C78.6932 67.5223 78.6733 68.0315 79.2845 68.2073C79.6498 68.3104 80.0903 68.2783 80.2422 68.5889L80.2396 68.586ZM62.5262 44.5733C62.8576 44.421 63.534 44.9957 63.4743 44.3787C63.4215 43.8412 62.5479 43.9741 62.0465 43.7958C61.7742 43.7001 61.3674 43.7694 61.4112 44.1018C61.5027 44.7968 62.1185 44.498 62.5291 44.5707L62.5262 44.5733ZM63.4504 50.8496C63.6321 49.6829 63.7703 48.6722 63.5442 47.6511C63.4161 48.6787 62.8419 49.6836 63.4504 50.8496ZM68.9712 73.9306C70.2743 74.5372 70.4644 74.3558 70.395 72.3932C70.0686 73.217 69.5403 73.5775 68.9712 73.9306ZM65.5492 87.6938C65.0555 88.8447 64.8386 89.7286 65.2986 90.9007C65.6119 89.7898 65.5419 88.8831 65.5492 87.6938Z" fill="#040404"/>
+    <path d="M8.66254 84.8058C11.6097 83.4616 14.1803 82.2343 16.7978 81.1129C18.6382 80.3248 19.5586 79.1006 19.5207 77.0546C19.4741 74.521 20.5536 72.1455 20.7101 69.6141C20.9077 66.4234 21.9312 63.3537 22.3065 60.1802C22.4346 59.098 23.3897 58.9943 24.2481 58.959C27.2767 58.8438 30.2922 58.9891 33.3128 59.2545C41.1198 59.9405 48.802 61.4203 56.5191 62.6978C58.0276 62.9488 59.5744 62.9813 61.0513 63.4266C63.4937 64.1634 64.1471 65.1003 63.9284 67.6122C63.7414 69.7637 63.5245 71.911 63.3129 74.0613C63.2256 74.9305 63.4524 75.5572 64.4442 75.7084C64.9102 75.7783 65.3383 75.9471 65.0819 76.5737C64.0614 79.0883 63.9322 81.7871 63.4852 84.4181C63.3221 85.376 62.9652 85.4857 62.086 85.3348C55.2535 84.1568 48.5761 82.2355 41.7348 81.1251C36.9197 80.3438 32.0772 79.7271 27.2423 79.0672C26.7678 79.0022 26.0175 78.632 25.9403 79.5752C25.8733 80.3665 26.3465 80.7335 27.119 80.7674C29.5737 80.8734 32.0115 81.3731 34.373 81.8607C40.4794 83.1188 46.7365 83.6143 52.7348 85.4439C55.7772 86.3717 58.9337 86.8836 62.0887 87.3164C62.844 87.4201 62.9691 87.6633 62.9144 88.3763C62.786 90.0137 62.0677 91.1475 60.5174 91.7898C59.0006 92.4202 57.3942 92.9209 55.966 93.6484C54.0504 94.6232 52.628 94.2977 50.6864 93.5919C46.2289 91.9714 41.5132 91.1243 36.8101 90.4086C31.5458 89.6071 26.3158 88.6658 21.115 87.5274C17.579 86.7513 13.9431 86.4382 10.4519 85.4249C9.95933 85.2828 9.48027 85.0896 8.66802 84.8061L8.66254 84.8058ZM29.0595 69.718C28.8249 74.5317 32.3272 78.5123 36.9632 78.7021C41.769 78.8978 45.5972 75.4129 45.8362 70.6783C46.1018 65.409 41.9677 62.1502 37.874 61.822C33.5315 61.473 29.2709 65.3713 29.0594 69.7207L29.0595 69.718ZM51.1468 69.6722C51.3009 72.7475 51.934 75.741 52.8886 78.6746C53.1741 79.5546 53.6631 80.0449 54.665 79.8292C55.7168 79.6024 56.3622 78.8841 56.2409 77.9035C56.178 77.4023 56.0086 76.8901 55.7815 76.4349C55.4292 75.7366 55.6492 75.3994 56.3528 75.2202C57.287 74.9847 58.2076 74.6941 59.1483 74.4943C60.3583 74.2347 60.8743 73.4662 61.0006 72.3105C61.209 70.4458 60.695 68.7513 59.7581 67.1685C59.1758 66.1835 58.237 65.7955 57.1054 65.8032C55.7157 65.8141 54.4162 66.1616 53.1428 66.701C51.7993 67.2695 51.1048 68.2031 51.1468 69.6722Z" fill="#FBFBFB"/>
+    <path d="M6.58092 95.884C6.84895 93.5059 7.17017 90.7147 7.47243 87.9226C7.55191 87.2006 7.86231 86.9669 8.5916 87.1011C15.9644 88.4742 23.3114 89.9845 30.6624 91.4674C34.3379 92.2088 38.0926 92.5081 41.7444 93.398C44.6101 94.0954 47.4547 94.8887 50.3066 95.6437C50.9982 95.8258 51.6583 96.0949 52.4081 95.8726C53.023 95.6877 53.2063 96.0962 53.1171 96.6321C52.8121 98.4984 52.9386 100.373 53.0056 102.241C53.0329 102.999 52.8106 103.102 52.1293 102.931C40.8678 100.135 29.5998 97.3609 18.3317 94.5894C17.7522 94.4462 17.1522 94.388 16.5654 94.2833C15.9382 94.171 15.4099 94.3076 15.2663 95.0098C15.1078 95.7916 15.6191 96.0476 16.2611 96.2438C20.6135 97.5713 25.0676 98.4937 29.468 99.6212C36.8073 101.503 44.1703 103.291 51.5201 105.126C53.0276 105.502 52.8014 105.518 52.7956 107.211C52.7909 108.721 52.8157 110.238 52.7429 111.751C52.6638 113.446 52.5291 113.478 50.8582 113.165C42.9636 111.691 35.2886 109.352 27.6094 107.043C21.26 105.134 14.8331 103.582 8.34571 102.262C7.40746 102.07 6.97462 101.547 6.80135 100.665C6.51495 99.2203 6.40559 97.7652 6.57307 95.8781L6.58092 95.884ZM51.7074 108.447C52.2965 108.616 52.593 108.279 52.9001 107.784C53.3046 107.134 52.739 106.931 52.4569 106.761C51.9533 106.459 51.3701 106.227 50.7934 106.136C48.5054 105.781 46.289 105.134 44.0465 104.573C37.0888 102.828 30.0972 101.216 23.1191 99.5529C21.1035 99.0734 19.0778 98.6321 17.0724 98.1088C16.2629 97.8957 15.798 98.2323 15.5847 98.9144C15.3323 99.7274 16.1552 99.6196 16.5425 99.8583C16.7349 99.9762 17.0013 99.9703 17.2352 100.018C21.4029 100.909 25.5087 102.064 29.6923 102.909C32.4456 103.464 35.1284 104.452 37.8854 105.097C42.5 106.177 47.1003 107.326 51.7047 108.447L51.7074 108.447Z" fill="#FBFBFB"/>
+    <path d="M42.6495 48.3356C42.9223 48.9542 43.276 49.4314 44.0537 49.4178C44.6561 49.4065 44.6457 49.9995 44.7146 50.4286C44.8101 51.0354 44.8174 51.6573 45.1401 52.2085C45.3972 52.6471 45.7613 52.8616 46.2497 52.7241C46.752 52.5817 46.8892 52.1883 46.8982 51.6792C46.9078 51.103 46.2451 50.1845 47.55 50.1866C49.1037 50.1901 49.7651 50.6969 49.808 51.9198C49.8184 52.2059 49.7703 52.5114 49.8445 52.7784C50.0165 53.3891 50.2927 53.9939 51.0307 53.953C51.7988 53.911 51.5632 53.2046 51.7127 52.7307C51.8982 52.1382 51.2491 51.1112 52.5246 51.0446C53.748 50.9781 53.9844 51.2309 53.9567 52.4978C53.9377 53.3171 53.9923 54.143 54.0857 54.9569C54.1294 55.3427 54.2281 55.8321 54.7557 55.8393C55.2341 55.8469 55.5712 55.5617 55.7796 55.1131C55.9482 54.7494 55.8513 54.3889 55.8368 54.0214C55.7136 50.6778 55.9148 47.3592 56.5385 44.0704C56.7052 43.197 56.9739 42.5807 58.0474 42.9993C58.6029 43.2152 58.7861 43.4905 58.6821 44.0956C58.0221 47.948 57.7294 51.8387 57.5375 55.7402C57.4734 57.0248 57.3267 57.1685 56.0777 56.8697C47.1531 54.7411 38.1112 53.2085 29.0672 51.7737C25.5793 51.2209 21.9932 50.7164 18.3982 50.9393C17.6188 50.9892 17.2936 50.5415 17.3639 49.7919C17.7261 45.986 18.0749 42.1765 18.8502 38.4251C18.9733 37.8238 19.3239 37.4861 19.9465 37.5094C21.2247 37.5521 22.5079 37.2759 23.7857 37.6545C24.4004 37.837 25.0261 37.7428 25.6655 37.4842C26.2379 37.253 26.9409 37.6387 27.4475 37.7933C29.8619 38.5322 32.3817 38.4197 34.8039 39.0022C36.1312 39.3217 37.4959 39.4948 38.8503 39.6562C39.6499 39.7501 39.8944 40.1153 39.7301 40.8852C38.9837 44.3301 39.27 47.7492 39.9311 51.1677C40.0683 51.8718 40.2385 52.4097 41.0568 52.1825C41.7892 51.9791 41.9777 51.4371 41.673 50.7441C41.1767 49.6157 41.5402 48.8559 42.644 48.3353L42.6495 48.3356Z" fill="#FBFBFB"/>
+    <path d="M29.9431 55.6793C30.0917 54.2009 30.5992 53.7958 32.0457 54.2183C35.9241 55.3478 39.9146 55.8382 43.8551 56.6104C48.4044 57.5015 52.9419 58.4623 57.4834 59.3999C57.719 59.45 57.9847 59.5075 58.1655 59.6574C58.6149 60.0291 58.8009 60.6306 58.6396 61.1441C58.4687 61.6835 57.9206 61.3479 57.5639 61.2828C50.1189 59.9336 42.6663 58.6279 35.1405 57.8432C33.9285 57.717 32.7132 57.5995 31.4955 57.5316C29.7697 57.435 29.7685 57.4583 29.9459 55.6795L29.9431 55.6793Z" fill="#FBFBFB"/>
+    <path d="M76.7261 104.102C76.6407 102 76.5726 99.898 76.4584 97.7968C76.4135 96.9619 76.5852 96.1215 75.4845 95.5313C74.8472 95.1894 74.8609 94.1629 75.0601 93.4061C75.1812 92.9439 75.5636 92.9058 75.9177 93.2635C76.5572 93.9096 77.2156 94.5813 77.3931 95.4724C77.9661 98.3748 77.6297 101.247 77.1324 104.106C76.997 104.105 76.8616 104.104 76.7261 104.102Z" fill="#FBFBFB"/>
+    <path d="M66.1754 107.112C67.0185 109.191 66.8748 109.512 64.965 110.017C64.2943 110.193 63.6431 110.397 63.0362 110.723C61.8773 111.346 61.2675 111.136 61.0815 109.866C60.8823 108.505 60.8595 107.117 60.8481 105.741C60.8395 104.544 60.9526 103.348 61.0198 102.001C61.4309 103.876 61.6247 105.642 61.7198 107.424C61.751 107.989 61.8565 108.549 61.9592 109.11C62.0575 109.637 62.5265 109.816 62.9995 109.911C63.4844 110.008 63.6471 109.663 63.8278 109.313C63.9526 109.07 64.1799 108.74 64.4072 108.704C65.3553 108.559 65.8387 107.97 66.1784 107.112L66.1754 107.112Z" fill="#FBFBFB"/>
+    <path d="M40.8986 43.1199C41.0512 41.6342 41.9023 40.9712 43.4518 41.1311C44.6622 41.2554 45.129 41.8984 44.8521 43.0601C44.8126 43.2311 44.7632 43.4138 44.7764 43.5844C44.8956 45.0445 44.193 45.4034 42.8727 44.9749C42.7477 44.9352 42.605 44.937 42.4691 44.9301C41.3039 44.891 40.7805 44.2866 40.8988 43.1168L40.8986 43.1199Z" fill="#FBFBFB"/>
+    <path d="M52.7931 45.0952C51.3583 45.0197 50.536 43.7452 51.1308 42.5209C51.2908 42.1922 51.5682 42.0086 51.9643 42.0508C52.7458 42.1345 53.5231 42.2473 54.3007 42.3528C54.6156 42.3957 54.7525 42.5832 54.8228 42.8578C55.2113 44.3567 54.4657 45.1828 52.7904 45.095L52.7931 45.0952Z" fill="#FBFBFB"/>
+    <path d="M64.2965 107.081C63.5959 105.486 63.7838 103.829 63.4881 102.208C62.9862 99.4855 63.211 96.7485 63.0078 94.0221C62.984 93.6831 62.8415 93.2759 63.3404 93.0661C63.6002 92.9578 63.7837 93.0887 63.9299 93.2853C64.1649 93.6054 64.3646 93.8182 64.2688 94.3106C63.8748 96.3607 63.8251 98.4445 64.1486 100.528C64.1765 100.716 64.4477 100.925 64.3994 101.076C63.7474 103.062 64.1358 105.068 64.2998 107.084L64.2965 107.081Z" fill="#FBFBFB"/>
+    <path d="M46.929 42.6476C47.0753 41.8786 46.7543 40.832 48.1563 41.0786C49.6653 41.3427 49.9994 41.8945 49.8474 44.0652C49.7759 45.0888 49.2043 45.1473 48.4498 45.0726C46.9727 44.9279 46.7538 44.5814 46.9321 42.6447L46.929 42.6476Z" fill="#FBFBFB"/>
+    <path d="M66.5641 55.992C67.0847 55.2493 66.971 54.5202 66.7061 53.7671C66.6518 53.6132 66.5003 53.4517 66.635 53.2345C67.91 51.2184 67.2563 48.7559 67.8885 46.5884C67.9401 46.4129 67.9415 46.1457 67.8578 46.0092C67.1235 44.8274 67.8902 45.0257 68.4975 45.1241C68.8401 45.1793 69.1684 45.331 69.51 45.4078C69.8445 45.4842 70.0053 45.6975 69.9438 46.0722C69.8887 46.4122 69.7159 46.676 69.3727 46.6316C68.3217 46.4998 68.1583 47.339 68.0418 48.194C67.7417 50.3893 67.4037 52.58 67.262 54.7995C67.2312 55.273 67.3208 55.8659 66.5642 55.9894L66.5641 55.992Z" fill="#FBFBFB"/>
+    <path d="M56.0567 107.057C56.4778 107.415 56.4495 107.838 56.4759 108.221C56.5669 109.475 56.6241 110.733 56.7297 111.981C56.7871 112.656 56.5957 113.176 56.1527 113.594C55.8078 113.92 55.4079 114.148 54.986 113.95C54.5079 113.725 54.7344 113.176 54.7404 112.767C54.7531 111.984 54.8494 111.256 55.5812 110.819C56.1126 110.503 56.1483 109.836 56.1247 109.204C56.1011 108.523 56.0776 107.841 56.0521 107.054L56.0567 107.057Z" fill="#FBFBFB"/>
+    <path d="M58.0172 103.013C57.9645 100.768 57.8964 98.6978 57.875 96.6275C57.8626 95.3598 58.5306 94.6851 59.3619 94.2172C59.5336 94.1211 59.7456 93.976 59.9002 94.222C59.9662 94.3274 59.9917 94.5299 59.9627 94.6645C59.8964 94.9673 59.7069 94.9746 59.4912 94.9268C58.6746 94.7435 58.5445 95.4767 58.5099 96.2147C58.4275 98.0445 58.3963 99.8741 58.325 101.704C58.3103 102.089 58.4376 102.527 58.0151 103.01L58.0172 103.013Z" fill="#FBFBFB"/>
+    <path d="M77.9818 78.1009C77.8856 80.0285 77.8386 81.9611 77.6661 83.8822C77.6043 84.5769 76.9475 84.8681 76.3183 85.0022C75.9763 85.0743 75.714 84.8845 75.7116 84.5368C75.7095 84.0357 75.5861 83.2906 76.2267 83.2236C77.2871 83.1114 77.2806 82.4005 77.3337 81.6338C77.415 80.4493 77.3637 79.2504 77.6341 78.0883C77.7499 78.0942 77.8658 78.0976 77.9818 78.1009Z" fill="#FBFBFB"/>
+    <path d="M43.988 47.147C43.1473 47.0505 42.5592 46.9965 41.9726 46.9156C41.0955 46.7931 40.9132 46.2095 40.9763 45.5256C41.0068 45.2051 41.1904 44.8333 41.6306 45.1214C42.3682 45.6018 43.2471 45.5714 44.0493 45.8028C44.5802 45.956 45.0651 46.1042 44.8944 46.7396C44.7311 47.3432 44.1711 47.1322 43.988 47.147Z" fill="#FBFBFB"/>
+    <path d="M53.9353 48.1584C53.7573 48.5957 53.8448 49.5173 52.6868 48.9281C52.4069 48.7867 52.0457 48.7954 51.7255 48.7222C51.0626 48.5722 50.913 48.0965 50.9775 47.5452C51.0528 46.8889 51.5688 47.0234 52.0177 47.0787C52.4695 47.1342 52.9216 47.1815 53.3662 47.2664C53.7771 47.3441 54.0328 47.5709 53.9353 48.1584Z" fill="#FBFBFB"/>
+    <path d="M48.8217 49.0834C48.139 48.7838 46.9429 49.1295 46.9666 47.6838C46.9804 46.8932 47.6638 47.0068 48.1321 47.0969C48.919 47.2473 49.9259 47.2134 49.9271 48.5028C49.9281 49.2248 49.3434 49.1288 48.8187 49.0864L48.8217 49.0834Z" fill="#FBFBFB"/>
+    <path d="M70.9403 100.962C70.8333 100.18 70.6209 99.3907 70.6445 98.616C70.7158 96.0758 70.8776 93.5403 71.165 91.0084C72.2254 94.3792 71.0936 97.6867 71.5004 101.038C71.3154 101.012 71.1253 100.988 70.9403 100.962Z" fill="#FBFBFB"/>
+    <path d="M73.236 91.0156C72.7697 89.4832 72.8256 87.9744 73.0724 86.4695C73.1125 86.2201 73.3127 85.9818 73.5953 86.0342C74.0537 86.116 73.9922 86.5163 73.9369 86.8468C73.7124 88.2388 73.4714 89.6271 73.2331 91.0183L73.236 91.0156Z" fill="#FBFBFB"/>
+    <path d="M69.4618 83.0235C69.9223 83.3145 70.0394 83.8338 69.8944 84.3345C69.6966 85.0216 69.5354 85.6943 69.5835 86.4182C69.6061 86.7842 69.4303 87.0833 69.0616 86.9996C68.5767 86.8912 68.9303 86.5606 69.0113 86.3702C69.4714 85.2884 68.8426 84.0702 69.4643 83.0236L69.4618 83.0235Z" fill="#FBFBFB"/>
+    <path d="M80.8685 69.0977C80.6889 68.7639 80.1725 68.7961 79.7437 68.6835C79.0292 68.4921 79.0468 67.9459 78.9852 67.4396C78.9531 67.1805 79.1344 67.0289 79.392 67.0244C79.9685 67.0158 80.3628 67.2377 80.5615 67.7715C80.7402 68.2516 81.0169 68.7045 80.8655 69.0946L80.8685 69.0977Z" fill="#FBFBFB"/>
+    <path d="M62.0497 44.9808C61.6571 44.8991 61.0636 45.262 60.984 44.4359C60.9459 44.0408 61.3391 43.9536 61.5963 44.0641C62.0746 44.2705 62.9131 44.102 62.9574 44.7411C63.0102 45.4749 62.3687 44.7988 62.0469 44.9839L62.0497 44.9808Z" fill="#FBFBFB"/>
+    <path d="M65.4396 102.022C65.5171 103.641 66.2315 105.275 65.5063 107.032C64.9057 105.261 65.0807 103.642 64.9989 102.023C65.1444 102.023 65.2898 102.022 65.4396 102.022Z" fill="#FDFDFD"/>
+    <path d="M63.1849 51.0133C62.5702 49.9176 63.1439 48.9771 63.2688 48.0137C63.498 48.9721 63.363 49.9196 63.1849 51.0133Z" fill="#FBFBFB"/>
+    <path d="M68.9143 73.7185C69.3304 73.3309 69.7136 72.9357 69.9622 72.049C69.9753 74.1492 69.8379 74.3437 68.9143 73.7185Z" fill="#FBFBFB"/>
+    <path d="M65.4089 88.0208C65.4031 89.1279 65.476 89.9768 65.1691 91.0125C64.7051 89.9197 64.9192 89.0931 65.4089 88.0208Z" fill="#FBFBFB"/>
+    <path d="M65.3 101.994C65.2065 101.997 65.1131 102 65.0169 102.003C64.9109 101.324 64.8293 100.649 65.3984 100.02L65.3 101.994Z" fill="#FBFBFB"/>
+    <path d="M29.5822 69.3746C29.7948 65.0014 34.1038 61.0859 38.4972 61.4354C42.6387 61.7667 46.8221 65.0447 46.555 70.3428C46.3175 75.1033 42.4428 78.6086 37.5809 78.4076C32.8908 78.2153 29.3436 74.2117 29.5823 69.3719L29.5822 69.3746ZM44.3621 70.3707C44.4875 69.0252 44.1294 67.8521 43.496 66.7417C43.3786 66.5332 43.2972 66.2718 43.0059 66.2652C42.6398 66.2547 42.5965 66.5645 42.4726 66.8209C41.0566 69.7043 39.5139 70.4522 36.3108 69.7938C35.7719 69.6843 35.4755 69.7787 35.3468 70.355C35.0103 71.8649 35.7041 73.2685 37.1458 73.9357C38.0878 74.3723 39.1292 74.3761 40.1015 74.6527C41.8543 75.1497 42.087 75.1068 43.1977 73.6664C43.9638 72.6738 44.3447 71.5547 44.3648 70.3708L44.3621 70.3707ZM37.7318 68.2023C39.1905 68.2492 40.89 66.6418 40.9793 65.2425C41.0228 64.5934 40.6917 64.6039 40.2332 64.7201C39.0434 65.0181 37.9416 65.5011 37.039 66.3336C36.675 66.6708 36.1073 67.025 36.4081 67.6205C36.6661 68.1289 37.2862 68.114 37.7318 68.2023Z" fill="#040404"/>
+    <path d="M50.8082 70.1073C50.7651 68.6602 51.4589 67.7413 52.8019 67.1824C54.0749 66.6521 55.3741 66.3108 56.7639 66.3011C57.8954 66.2944 58.8345 66.6773 59.4176 67.6479C60.3556 69.2075 60.8682 70.8742 60.6639 72.7134C60.5357 73.8515 60.0229 74.6108 58.8132 74.8628C57.8725 75.0616 56.9522 75.3471 56.0183 75.5757C55.315 75.7489 55.0952 76.0835 55.4479 76.7717C55.6782 77.2203 55.8479 77.7249 55.9084 78.2185C56.0304 79.1844 55.3856 79.8914 54.334 80.114C53.3322 80.3257 52.8429 79.8424 52.5567 78.9754C51.5999 76.0852 50.9673 73.1365 50.8082 70.1073ZM56.5318 69.1361C55.6734 69.4463 54.2006 69.0845 53.8632 70.2334C53.4401 71.6701 54.2705 73.2966 55.0338 73.3515C55.8926 73.4167 58.131 71.9732 58.126 71.3564C58.1179 70.0881 57.5047 69.1723 56.5318 69.1361Z" fill="#040404"/>
+    <path d="M51.219 108.824C46.6001 107.665 41.9854 106.476 37.3562 105.36C34.5904 104.693 31.8996 103.672 29.1376 103.096C24.9405 102.223 20.8221 101.029 16.6409 100.108C16.4064 100.056 16.1389 100.065 15.946 99.9429C15.5578 99.695 14.7318 99.8089 14.9866 98.9611C15.1993 98.2498 15.6691 97.9012 16.4813 98.1187C18.4929 98.6602 20.5251 99.116 22.5471 99.6118C29.5474 101.329 36.5583 102.997 43.5406 104.802C45.7899 105.385 48.0132 106.053 50.3089 106.418C50.8874 106.511 51.475 106.752 51.9772 107.066C52.26 107.242 52.8272 107.453 52.42 108.131C52.1108 108.647 51.8126 108.999 51.2217 108.824L51.219 108.824Z" fill="#040404"/>
+    <path d="M43.7784 70.6028C43.7563 71.8217 43.3732 72.9742 42.6131 73.9977C41.5072 75.4826 41.276 75.5272 39.5358 75.0188C38.5705 74.7358 37.536 74.7338 36.6011 74.2861C35.1703 73.6019 34.4836 72.1582 34.8205 70.6032C34.9496 70.0068 35.2442 69.9091 35.7792 70.0237C38.9624 70.6957 40.4963 69.9229 41.9053 66.9518C42.0287 66.6904 42.0722 66.3714 42.436 66.3787C42.7225 66.3876 42.8028 66.6566 42.9219 66.8683C43.5492 68.0103 43.9055 69.2175 43.7757 70.6027L43.7784 70.6028Z" fill="#FBFBFB"/>
+    <path d="M37.0765 69.06C36.6854 68.9688 36.1371 68.9914 35.9178 68.4425C35.6592 67.7995 36.1623 67.4093 36.4861 67.0396C37.2888 66.1268 38.2632 65.5912 39.3131 65.2555C39.7176 65.1276 40.0067 65.1096 39.9642 65.8145C39.8689 67.3336 38.3596 69.0926 37.0765 69.06Z" fill="#FBFBFB"/>
+    <path d="M56.4453 69.1246C57.3315 69.1573 57.8891 70.0111 57.8951 71.1946C57.8989 71.7701 55.8584 73.1196 55.0761 73.0598C54.381 73.0069 53.6264 71.4901 54.0133 70.1515C54.3219 69.0791 55.663 69.4175 56.4453 69.1246Z" fill="#FBFBFB"/>
+    <path d="M32.8113 15.9729C33.8758 16.6044 34.8677 17.2004 36.0293 17.4445C36.2937 17.5 36.5637 17.6421 36.7724 17.8141C36.9085 17.9262 37.0302 18.1859 36.9933 18.3412C36.9587 18.4888 36.7222 18.6708 36.5548 18.6941C35.9054 18.7851 35.2482 18.8229 34.5932 18.8728C33.7195 18.9405 32.8459 19.0093 31.9711 19.0626C31.7245 19.077 31.6519 19.208 31.5828 19.4133C31.0762 20.9282 30.8698 22.4941 30.7437 24.0766C30.7281 24.2697 30.7202 24.4795 30.6354 24.6449C30.5573 24.7969 30.3799 25.0011 30.2483 25C30.0798 24.9978 29.8287 24.8524 29.7584 24.7026C29.3902 23.908 29.061 23.0956 28.7296 22.2854C28.3882 21.4487 28.068 20.6041 27.7131 19.7729C27.6663 19.6641 27.4565 19.5376 27.3449 19.5553C26.2849 19.7274 25.2305 19.9316 24.1738 20.1224C23.954 20.1624 23.7275 20.2179 23.5099 20.199C23.3336 20.1835 23.049 20.098 23.0189 19.9893C22.9698 19.8062 23.0178 19.5121 23.145 19.3844C23.5266 19.0038 23.9573 18.6686 24.3858 18.3379C24.9214 17.925 25.4704 17.53 26.0193 17.1349C26.2659 16.9573 26.2737 16.7698 26.1577 16.4967C25.6578 15.3215 25.1713 14.1406 24.7083 12.9498C24.6402 12.7734 24.6569 12.4804 24.7652 12.3461C24.8544 12.2373 25.168 12.2118 25.332 12.2762C26.5281 12.7445 27.7154 13.2351 28.8948 13.7445C29.1581 13.8576 29.321 13.8654 29.5609 13.6734C31.0316 12.4993 32.5167 11.3417 34.0141 10.2009C34.1949 10.0633 34.4816 10.0633 34.7193 10C34.7349 10.2619 34.8365 10.5549 34.7528 10.7791C34.3065 11.9754 33.8021 13.1496 33.3413 14.3415C33.1371 14.8698 32.9876 15.4202 32.809 15.974L32.8113 15.9729Z" fill="white"/>
+    <path d="M67.3072 11.0181C67.9916 10.5971 68.6292 10.1998 69.376 10.037C69.546 10 69.7196 9.9053 69.8537 9.79062C69.9412 9.71589 70.0194 9.54277 69.9957 9.43919C69.9735 9.34078 69.8214 9.21945 69.7138 9.20391C69.2963 9.14324 68.8738 9.11808 68.4528 9.08479C67.8911 9.03966 67.3295 8.99379 66.7671 8.95827C66.6086 8.94866 66.562 8.86135 66.5175 8.72448C66.1918 7.71456 66.0591 6.67062 65.9781 5.61557C65.968 5.48683 65.963 5.347 65.9085 5.23676C65.8583 5.1354 65.7442 4.99926 65.6596 5C65.5513 5.00148 65.3899 5.0984 65.3447 5.19829C65.108 5.72803 64.8964 6.26961 64.6833 6.80971C64.4638 7.36757 64.258 7.9306 64.0299 8.48476C63.9997 8.55727 63.8649 8.64161 63.7932 8.62977C63.1117 8.5151 62.4339 8.37896 61.7546 8.2517C61.6133 8.22507 61.4677 8.18808 61.3278 8.20065C61.2144 8.21101 61.0315 8.26798 61.0122 8.34049C60.9806 8.46256 61.0114 8.65863 61.0932 8.74371C61.3385 8.99749 61.6154 9.22093 61.8909 9.4414C62.2352 9.71663 62.5881 9.98002 62.941 10.2434C63.0995 10.3618 63.1045 10.4868 63.0299 10.6688C62.7086 11.4524 62.3958 12.2396 62.0982 13.0334C62.0544 13.1511 62.0652 13.3464 62.1347 13.4359C62.1921 13.5084 62.3937 13.5255 62.4991 13.4825C63.2681 13.1703 64.0313 12.8433 64.7895 12.5037C64.9588 12.4282 65.0635 12.4231 65.2177 12.5511C66.1631 13.3338 67.1179 14.1055 68.0805 14.8661C68.1967 14.9578 68.3811 14.9578 68.5338 15C68.5439 14.8254 68.6092 14.6301 68.5554 14.4806C68.2684 13.683 67.9442 12.9003 67.648 12.1057C67.5167 11.7535 67.4206 11.3865 67.3058 11.0173L67.3072 11.0181Z" fill="white"/>
+    <path d="M86.631 33.3572C87.8843 33.3029 89.056 33.2453 90.1902 33.5991C90.4483 33.6798 90.7567 33.6829 91.0277 33.6274C91.2044 33.5913 91.4459 33.411 91.4956 33.2483C91.543 33.0939 91.4337 32.8066 91.3009 32.7013C90.7862 32.2921 90.2368 31.9286 89.6957 31.5548C88.9746 31.0552 88.254 30.5545 87.5243 30.0678C87.3183 29.9311 87.3241 29.7732 87.3719 29.5479C87.7279 27.8878 88.3707 26.3303 89.0917 24.7975C89.1795 24.6103 89.2828 24.4116 89.2961 24.2157C89.3082 24.0354 89.2617 23.7571 89.1471 23.6923C89 23.6101 88.7063 23.6196 88.5668 23.7237C87.831 24.2776 87.1197 24.8675 86.4077 25.4543C85.673 26.0607 84.9525 26.685 84.2091 27.2796C84.1115 27.3572 83.8634 27.3699 83.7761 27.2976C82.9483 26.6079 82.1421 25.8912 81.3271 25.1857C81.1577 25.0387 80.9906 24.874 80.7923 24.7827C80.6314 24.709 80.3402 24.6461 80.257 24.7321C80.1184 24.8776 80.0057 25.1747 80.0489 25.3569C80.1797 25.9011 80.3769 26.4277 80.5745 26.9491C80.8218 27.6002 81.09 28.2416 81.3582 28.8829C81.4786 29.1711 81.387 29.3492 81.1432 29.5447C80.0937 30.3864 79.0529 31.2399 78.0271 32.1143C77.8756 32.2442 77.7363 32.5246 77.7596 32.7035C77.7799 32.8491 78.038 33.0295 78.2139 33.0518C79.4956 33.2147 80.7811 33.3526 82.0699 33.4691C82.3573 33.4956 82.5025 33.5698 82.6095 33.8681C83.2673 35.6937 83.9463 37.5111 84.6446 39.3192C84.729 39.5374 84.9774 39.6807 85.15 39.8583C85.301 39.6228 85.5426 39.4015 85.5877 39.1515C85.8288 37.8173 86.008 36.4747 86.2342 35.1373C86.3345 34.5446 86.4938 33.9587 86.6297 33.3551L86.631 33.3572Z" fill="white"/>
+  </g>
+  <defs>
+    <filter id="filter0_d_2826_10879" x="-2.10449" y="29.7637" width="91.3154" height="91.6689" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+      <feOffset/>
+      <feGaussianBlur stdDeviation="2"/>
+      <feComposite in2="hardAlpha" operator="out"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2826_10879"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2826_10879" result="shape"/>
+    </filter>
+    <clipPath id="clip0_2826_10879">
+      <rect width="98" height="122" fill="white"/>
+    </clipPath>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/public/icons/onboarding-twopolaroids.svg b/public/icons/onboarding-twopolaroids.svg
new file mode 100644
index 0000000..3aa4a9d
--- /dev/null
+++ b/public/icons/onboarding-twopolaroids.svg
@@ -0,0 +1,33 @@
+<svg width="78" height="80" viewBox="0 0 78 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_2826_10877)">
+<g clip-path="url(#clip0_2826_10877)">
+<path d="M68.3049 44.2362C68.9576 37.119 69.8691 30.0216 69.5603 22.8408C69.4134 19.3937 66.9678 17.1022 63.5075 17.4008C62.5683 17.4821 61.6181 17.6447 60.6891 17.4145C57.6996 16.6704 54.7052 16.8556 51.696 17.2291C50.2727 17.407 49.6266 16.8717 49.3203 15.4423C48.8235 13.1282 48.3067 10.8144 47.2758 8.66652C46.0764 6.16355 44.1411 4.79291 41.2681 4.87336C40.1688 4.90278 39.0799 5.00078 38.0212 5.26442C31.102 6.99408 24.476 9.58437 17.827 12.1072C16.5862 12.5767 16.1057 13.4734 16.1916 14.7797C16.3064 16.5038 16.4083 18.2316 16.6117 19.9476C17.3832 26.4496 19.098 32.7583 20.5664 39.1212C21.783 44.3953 23.0856 49.6384 25.339 54.5941C26.0416 56.1426 26.4067 56.3685 28.1374 56.1305C29.5526 55.9343 30.96 55.6698 32.3686 55.418C33.4143 55.2304 33.9478 55.6914 34.0597 56.7029C34.1044 57.1125 34.1059 57.5276 34.1402 57.9411C34.3122 60.0762 34.1558 62.2317 34.5604 64.3487C35.0626 66.9934 36.4243 67.9988 39.0852 67.7886C46.4525 67.2132 53.8211 66.6505 61.1905 66.1029C64.3025 65.8726 65.6601 64.6032 66.1726 61.4928C67.1176 55.771 67.7803 50.0146 68.3044 44.2411L68.3049 44.2362ZM34.968 17.5604C34.5285 17.5417 34.2437 17.7693 34.1421 18.116C34.2415 17.7665 34.5285 17.5417 34.9683 17.558C35.3854 17.6468 35.6226 17.8717 35.6498 18.257C35.6251 17.8719 35.3856 17.6443 34.9683 17.558L34.968 17.5604Z" fill="#FAFAFA"/>
+<path d="M34.9683 17.558C34.5285 17.5417 34.2415 17.7665 34.1421 18.116C34.2437 17.7693 34.5285 17.5417 34.968 17.5604L34.9683 17.558ZM34.9683 17.558C35.3854 17.6468 35.6226 17.8717 35.6498 18.257C35.6251 17.8719 35.3856 17.6443 34.9683 17.558ZM68.3049 44.2362C68.9576 37.119 69.8691 30.0216 69.5603 22.8408C69.4134 19.3937 66.9678 17.1022 63.5075 17.4008C62.5683 17.4821 61.6181 17.6446 60.6891 17.4145C57.6996 16.6704 54.7052 16.8556 51.696 17.2291C50.2727 17.407 49.6266 16.8717 49.3203 15.4423C48.8235 13.1282 48.3067 10.8144 47.2758 8.66652C46.0764 6.16355 44.1411 4.79291 41.2681 4.87336C40.1688 4.90278 39.0799 5.00078 38.0212 5.26442C31.102 6.99408 24.476 9.58437 17.827 12.1072C16.5862 12.5767 16.1057 13.4734 16.1916 14.7797C16.3064 16.5038 16.4083 18.2316 16.6117 19.9476C17.3832 26.4496 19.098 32.7583 20.5664 39.1212C21.783 44.3953 23.0856 49.6384 25.339 54.5941C26.0416 56.1426 26.4067 56.3685 28.1374 56.1305C29.5526 55.9343 30.96 55.6698 32.3686 55.418C33.4143 55.2304 33.9478 55.6914 34.0597 56.7029C34.1044 57.1125 34.1059 57.5276 34.1402 57.9411C34.3122 60.0762 34.1558 62.2317 34.5604 64.3487C35.0626 66.9934 36.4243 67.9988 39.0852 67.7886C46.4525 67.2132 53.8211 66.6505 61.1905 66.1029C64.3025 65.8726 65.6601 64.6032 66.1726 61.4928C67.1176 55.771 67.7803 50.0146 68.3044 44.2411L68.3049 44.2362Z" stroke="white" stroke-width="2.24391" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M68.3042 44.2396C67.7801 50.0137 67.1198 55.7709 66.1722 61.493C65.6572 64.6034 64.3021 65.8732 61.1901 66.1036C53.8207 66.6513 46.4525 67.2117 39.0849 67.7896C36.4218 67.9971 35.0625 66.9919 34.5602 64.3495C34.1584 62.2301 34.3122 60.0741 34.1401 57.9413C34.108 57.5305 34.1065 57.1154 34.0595 56.703C33.9473 55.6938 33.4139 55.2328 32.3685 55.4179C30.9599 55.6698 29.555 55.9346 28.1373 56.1305C26.4066 56.3686 26.044 56.143 25.3389 54.5941C23.088 49.6382 21.7855 44.3946 20.5665 39.1197C19.0979 32.7587 17.3834 26.4469 16.612 19.9443C16.4086 18.2282 16.3068 16.5002 16.192 14.7759C16.1061 13.4696 16.5864 12.5752 17.8275 12.1032C24.4759 9.58498 31.1018 6.99438 38.0233 5.26722C39.082 5.00354 40.1709 4.90552 41.2704 4.87361C44.1434 4.79313 46.0787 6.16387 47.278 8.66707C48.3087 10.8176 48.8257 13.1291 49.3224 15.4435C49.6287 16.873 50.2723 17.408 51.6982 17.2305C54.7101 16.8546 57.7042 16.6719 60.6912 17.4158C61.6199 17.6484 62.5704 17.4833 63.5095 17.402C66.9701 17.1009 69.4132 19.3923 69.5623 22.8425C69.871 30.0239 68.9594 37.122 68.3066 44.2399L68.3042 44.2396ZM41.8007 7.75143C41.509 7.75827 41.2828 7.76199 41.0562 7.77066C38.5403 7.86618 36.1957 8.74209 33.7978 9.36243C29.2779 10.5296 24.8364 11.93 20.5818 13.8675C18.801 14.6777 18.4591 15.2817 18.7912 17.2288C19.1798 19.5218 19.5759 21.8156 20.0412 24.0942C21.5674 31.5535 23.6532 38.8917 24.8866 46.4152C25.1803 48.2034 25.8831 49.8695 26.7963 51.4428C27.6057 52.8351 27.8478 52.9656 29.4401 52.613C36.0145 51.1568 42.5889 49.7006 49.1605 48.2241C51.7989 47.6316 52.3493 46.8096 51.877 44.1678C50.1791 34.6432 48.4762 25.1181 46.7425 15.5998C46.4212 13.8362 46.2015 12.0359 45.3213 10.4111C44.5355 8.96124 43.334 8.10256 41.7982 7.75117L41.8007 7.75143ZM65.6763 43.9209C66.1365 39.5424 66.654 35.1675 67.037 30.7834C67.2762 28.0539 67.4903 25.3018 66.8505 22.5825C66.4139 20.7219 65.9658 20.3323 64.1047 20.2117C61.9198 20.0695 59.7335 19.9172 57.5442 19.8646C55.7376 19.8222 53.9201 19.7412 52.1277 20.1127C51.5893 20.2236 51.1004 20.4121 50.8208 20.9002C49.8603 22.569 51.3872 25.2966 53.2861 25.3437C55.2852 25.3913 57.2864 25.4442 59.2851 25.5193C61.3988 25.599 62.9237 27.0565 62.9125 29.0726C62.8742 36 62.5986 42.9175 62.1806 49.8301C61.9919 52.9623 60.9239 54.0073 57.9059 54.2976C55.0551 54.5728 52.2001 54.8402 49.3403 55.0095C47.0104 55.1496 44.6337 55.3522 42.4442 54.2522C41.1362 53.5948 39.9066 53.7906 38.6255 54.2608C37.7593 54.5797 37.3592 55.1876 37.3973 56.0664C37.4942 58.3188 37.5933 60.5739 37.7505 62.8251C37.8355 64.0213 38.5605 64.5925 39.7893 64.5716C46.7347 64.4543 53.6223 63.5509 60.545 63.1012C62.8079 62.9541 63.2764 62.4584 63.6037 60.2756C64.4186 54.8371 64.8715 49.358 65.6768 43.916L65.6763 43.9209Z" fill="#0E0E0E"/>
+<path d="M41.9527 7.89015C43.4763 8.23944 44.6657 9.0937 45.4471 10.5373C46.3201 12.1523 46.5371 13.9472 46.8552 15.7029C48.5717 25.1795 50.2576 34.6628 51.9386 44.1456C52.4038 46.7755 51.8598 47.5944 49.242 48.1854C42.7218 49.6555 36.1984 51.1079 29.6749 52.5627C28.095 52.9143 27.8548 52.7846 27.0524 51.3985C26.1444 49.8321 25.4478 48.1735 25.1595 46.3934C23.941 38.9031 21.872 31.5972 20.3606 24.1707C19.8998 21.9021 19.5077 19.6184 19.123 17.3354C18.7967 15.3971 19.1337 14.7954 20.9008 13.988C25.1252 12.0576 29.5323 10.6616 34.0146 9.49745C36.3939 8.87889 38.7204 8.00589 41.2165 7.90984C41.4414 7.90112 41.6658 7.89732 41.9552 7.8904L41.9527 7.89015ZM38.8292 10.8771C34.8224 11.1877 30.1906 11.6666 25.9564 13.927C24.9914 14.4429 24.1106 15.1044 23.4538 15.9787C22.5077 17.2382 21.599 18.544 21.9479 20.2681C23.0079 25.5017 24.5948 30.5991 26.0363 35.7309C26.6866 38.0443 28.7377 39.3177 30.9431 38.7679C34.7816 37.8099 38.6009 36.7504 42.2435 35.1695C45.0048 33.9713 46.4216 31.691 46.065 28.7141C45.4823 23.8169 44.472 18.9867 43.4125 14.1738C42.939 12.0259 41.7242 11.154 38.8319 10.8749L38.8292 10.8771Z" fill="#FCFCFC"/>
+<path d="M65.3154 44.1038C64.5082 49.5794 64.0517 55.0968 63.2296 60.5708C62.9005 62.7679 62.4299 63.2695 60.1589 63.4157C53.2107 63.8705 46.2978 64.7793 39.3266 64.9021C38.0933 64.9234 37.3632 64.3485 37.2808 63.1447C37.1234 60.8814 37.0247 58.6116 36.9284 56.3421C36.8904 55.4575 37.2921 54.8456 38.1617 54.5244C39.4475 54.0506 40.6817 53.8533 41.9943 54.5146C44.1891 55.6208 46.5748 55.4136 48.9155 55.2747C51.7861 55.1009 54.6517 54.8309 57.5128 54.5555C60.5419 54.2625 61.6142 53.2102 61.8046 50.0576C62.2262 43.0998 62.5026 36.1343 62.5454 29.1644C62.5576 27.1327 61.0297 25.6689 58.9058 25.589C56.8997 25.514 54.8913 25.4615 52.8848 25.4141C50.9764 25.367 49.4448 22.6221 50.4118 20.9424C50.695 20.4513 51.1833 20.2611 51.7237 20.1493C53.5228 19.7748 55.347 19.8559 57.1602 19.898C59.3578 19.9478 61.5518 20.1029 63.7447 20.2454C65.6125 20.3662 66.062 20.7606 66.4998 22.6308C67.1414 25.3652 66.923 28.1375 66.6846 30.8851C66.2985 35.3004 65.778 39.7016 65.3148 44.1088L65.3154 44.1038Z" fill="#FCFCFC"/>
+<path d="M38.5377 10.5491C41.4043 10.8253 42.6072 11.7006 43.0732 13.8608C44.1159 18.7014 45.1098 23.5594 45.6798 28.4855C46.0261 31.4797 44.6205 33.7764 41.8814 34.9862C38.268 36.5825 34.4803 37.6545 30.6737 38.6244C28.4867 39.1809 26.4555 37.903 25.8145 35.5766C24.3939 30.4133 22.8285 25.2899 21.786 20.026C21.4429 18.2919 22.3457 16.9768 23.2856 15.7081C23.9383 14.825 24.8149 14.1583 25.7696 13.64C29.9707 11.3567 34.5651 10.8703 38.535 10.5513L38.5377 10.5491ZM32.5863 27.0918C35.2585 27.3877 37.9426 25.2931 38.4126 22.5575C38.4959 22.0703 38.3236 21.7617 37.8953 21.5664C37.4788 21.3749 37.1558 21.5388 36.9348 21.8812C36.6312 22.3527 36.3713 22.8538 36.105 23.3468C35.4335 24.5961 34.482 25.4353 33.0116 25.3458C31.6097 25.2611 30.6973 24.4614 30.2339 23.1204C30.0427 22.5694 29.698 22.165 29.0712 22.3796C28.4394 22.5937 28.4487 23.1156 28.5861 23.686C29.0018 25.4328 30.687 26.8822 32.5888 27.0921L32.5863 27.0918ZM34.8998 17.3771C34.4061 17.3578 34.1083 17.6571 34.0549 18.0948C34.0004 18.5424 34.2584 18.9276 34.7288 18.957C35.1624 18.9851 35.5227 18.7725 35.5652 18.251C35.6072 17.757 35.3679 17.4764 34.9001 17.3746L34.8998 17.3771ZM31.7186 18.7333C31.7358 18.2643 31.5362 17.8876 31.0372 17.7776C30.526 17.6663 30.1779 17.9277 30.066 18.4294C29.946 18.9602 30.2295 19.2906 30.7246 19.3902C31.2149 19.4893 31.5842 19.3077 31.7186 18.7333Z" fill="#0E0E0E"/>
+<path d="M32.51 27.0079C30.5684 26.794 28.8427 25.3635 28.412 23.6404C28.2721 23.0787 28.2581 22.5648 28.9019 22.3565C29.5406 22.1502 29.8942 22.547 30.0914 23.0901C30.5695 24.4116 31.5037 25.2021 32.9347 25.291C34.4357 25.3847 35.4059 24.5627 36.0839 23.3356C36.3541 22.849 36.6171 22.3593 36.9251 21.8964C37.1493 21.5603 37.4783 21.4002 37.904 21.5904C38.342 21.7842 38.5214 22.0889 38.4359 22.5677C37.964 25.2603 35.2356 27.3092 32.5075 27.0077L32.51 27.0079Z" fill="#FCFCFC"/>
+<path d="M34.9851 17.2134C35.6017 17.3412 35.9184 17.6959 35.8693 18.3178C35.8169 18.9708 35.3437 19.2393 34.7729 19.2014C34.1538 19.1583 33.8116 18.675 33.8805 18.1119C33.9478 17.5644 34.338 17.1895 34.9879 17.2169L34.9851 17.2134Z" fill="#FCFCFC"/>
+<path d="M31.78 18.9625C31.6189 19.6589 31.1795 19.8798 30.597 19.7609C30.0087 19.6414 29.6751 19.2451 29.8164 18.5983C29.9507 17.9901 30.3654 17.6695 30.9724 17.8061C31.5653 17.9383 31.802 18.3911 31.78 18.9625Z" fill="#FCFCFC"/>
+</g>
+<path d="M18.4858 5.0553C18.495 5.28499 18.6052 5.56061 18.5041 5.72598C18.2745 6.11186 17.9622 6.4426 17.6775 6.80092C17.3927 6.54367 16.9059 6.32317 16.8508 6.02917C16.5845 4.63268 16.3916 3.2178 16.2997 1.80293C16.2813 1.53649 16.9151 0.948499 17.0621 1.00362C17.457 1.15981 17.953 1.51812 18.0449 1.89481C18.3112 2.92381 18.3939 3.99874 18.5409 5.0553H18.4858Z" fill="white" stroke="white" stroke-width="0.6" stroke-linejoin="round"/>
+<path d="M10.6053 3.61263C10.8166 3.74126 11.0737 3.84232 11.2483 4.01688C12.0014 4.77026 12.6995 5.56956 13.4711 6.29537C14.0222 6.80987 13.9119 7.37032 13.4986 7.71025C13.2782 7.894 12.5617 7.747 12.2678 7.50813C11.4963 6.87419 10.7982 6.1392 10.1368 5.38582C9.90722 5.12857 9.76945 4.67839 9.80619 4.33845C9.83375 4.02608 10.1552 3.74126 10.3389 3.44727L10.5961 3.61263H10.6053Z" fill="white" stroke="white" stroke-width="0.6" stroke-linejoin="round"/>
+<path d="M9.99235 11.1268C9.80341 10.9672 9.62606 10.7553 9.40519 10.6451C8.45197 10.1694 7.47264 9.76064 6.53974 9.25885C5.87712 8.89918 5.38049 9.18133 5.18905 9.68108C5.08463 9.94839 5.45109 10.5813 5.77079 10.7844C6.61655 11.3153 7.53488 11.7445 8.459 12.133C8.77576 12.2693 9.2464 12.2573 9.55717 12.1147C9.84471 11.9896 10.013 11.5944 10.2336 11.327L9.99527 11.1355L9.99235 11.1268Z" fill="white" stroke="white" stroke-width="0.6" stroke-linejoin="round"/>
+</g>
+<defs>
+<filter id="filter0_d_2826_10877" x="0.871094" y="0.700195" width="76.3701" height="79.1006" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2826_10877"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2826_10877" result="shape"/>
+</filter>
+<clipPath id="clip0_2826_10877">
+<rect width="57" height="65" fill="white" transform="translate(16.5532 1.19922) rotate(6)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/icons/pagination_left.svg b/public/icons/pagination_left.svg
new file mode 100644
index 0000000..c0b8c2a
--- /dev/null
+++ b/public/icons/pagination_left.svg
@@ -0,0 +1,5 @@
+<svg width="8" height="19" viewBox="0 0 8 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="formkit:left">
+<path id="Vector" d="M6.28486 14.8515C6.20995 14.8524 6.13567 14.8376 6.06681 14.8081C5.99795 14.7786 5.93602 14.735 5.88502 14.6801L0.744117 9.5392C0.515633 9.31072 0.515633 8.95657 0.744117 8.72808L5.88502 3.59861C6.1135 3.37012 6.46765 3.37012 6.69614 3.59861C6.92462 3.82709 6.92462 4.18124 6.69614 4.40973L1.95508 9.13936L6.69614 13.8804C6.92462 14.1089 6.92462 14.463 6.69614 14.6915C6.58189 14.8058 6.43338 14.8629 6.29629 14.8629L6.28486 14.8515Z" fill="#000000"/>
+</g>
+</svg>
diff --git a/public/icons/pagination_left_disabled.svg b/public/icons/pagination_left_disabled.svg
new file mode 100644
index 0000000..7dbffe2
--- /dev/null
+++ b/public/icons/pagination_left_disabled.svg
@@ -0,0 +1,5 @@
+<svg width="8" height="19" viewBox="0 0 8 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="formkit:left">
+<path id="Vector" d="M6.28486 14.8515C6.20995 14.8524 6.13567 14.8376 6.06681 14.8081C5.99795 14.7786 5.93602 14.735 5.88502 14.6801L0.744117 9.5392C0.515633 9.31072 0.515633 8.95657 0.744117 8.72808L5.88502 3.59861C6.1135 3.37012 6.46765 3.37012 6.69614 3.59861C6.92462 3.82709 6.92462 4.18124 6.69614 4.40973L1.95508 9.13936L6.69614 13.8804C6.92462 14.1089 6.92462 14.463 6.69614 14.6915C6.58189 14.8058 6.43338 14.8629 6.29629 14.8629L6.28486 14.8515Z" fill="#D9D9D9"/>
+</g>
+</svg>
diff --git a/public/icons/pagination_right.svg b/public/icons/pagination_right.svg
new file mode 100644
index 0000000..22c3554
--- /dev/null
+++ b/public/icons/pagination_right.svg
@@ -0,0 +1,5 @@
+<svg width="8" height="19" viewBox="0 0 8 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="formkit:right">
+<path id="Vector" d="M1.71525 14.8517C1.64034 14.8526 1.56606 14.8378 1.4972 14.8083C1.42834 14.7788 1.36641 14.7352 1.31541 14.6803C1.08692 14.4518 1.08692 14.0977 1.31541 13.8692L6.05646 9.12812L1.31541 4.3985C1.08692 4.17001 1.08692 3.81586 1.31541 3.58738C1.54389 3.35889 1.89804 3.35889 2.12653 3.58738L7.256 8.7397C7.48448 8.96819 7.48448 9.32234 7.256 9.55082L2.1151 14.6803C2.00086 14.7945 1.85234 14.8517 1.71525 14.8517Z" fill="black"/>
+</g>
+</svg>
diff --git a/public/icons/pagination_right_disabled.svg b/public/icons/pagination_right_disabled.svg
new file mode 100644
index 0000000..91f5ff4
--- /dev/null
+++ b/public/icons/pagination_right_disabled.svg
@@ -0,0 +1,5 @@
+<svg width="8" height="19" viewBox="0 0 8 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="formkit:right">
+<path id="Vector" d="M1.71525 14.8517C1.64034 14.8526 1.56606 14.8378 1.4972 14.8083C1.42834 14.7788 1.36641 14.7352 1.31541 14.6803C1.08692 14.4518 1.08692 14.0977 1.31541 13.8692L6.05646 9.12812L1.31541 4.3985C1.08692 4.17001 1.08692 3.81586 1.31541 3.58738C1.54389 3.35889 1.89804 3.35889 2.12653 3.58738L7.256 8.7397C7.48448 8.96819 7.48448 9.32234 7.256 9.55082L2.1151 14.6803C2.00086 14.7945 1.85234 14.8517 1.71525 14.8517Z" fill="#d9d9d9"/>
+</g>
+</svg>
diff --git a/public/icons/person.svg b/public/icons/person.svg
new file mode 100644
index 0000000..a45e686
--- /dev/null
+++ b/public/icons/person.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
+  <path d="M8.50016 8.35552C10.4261 8.35552 11.9873 6.80223 11.9873 4.88614C11.9873 2.97005 10.4261 1.41675 8.50016 1.41675C6.57425 1.41675 5.01298 2.97005 5.01298 4.88614C5.01298 6.80223 6.57425 8.35552 8.50016 8.35552Z" fill="currentColor"/>
+  <path d="M10.3164 9.80117H6.68392C4.57709 9.80117 2.8335 11.5359 2.8335 13.632C2.8335 14.1379 3.05144 14.5716 3.48734 14.7884C4.14119 15.1498 5.59418 15.5835 8.50016 15.5835C11.4061 15.5835 12.8591 15.1498 13.513 14.7884C13.8762 14.5716 14.1668 14.1379 14.1668 13.632C14.1668 11.4636 12.4232 9.80117 10.3164 9.80117Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/public/icons/sketch_check.svg b/public/icons/sketch_check.svg
new file mode 100644
index 0000000..7d312c6
--- /dev/null
+++ b/public/icons/sketch_check.svg
@@ -0,0 +1,3 @@
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.502 5.94576C23.0999 6.76507 22.0481 7.10261 21.8521 7.21294C21.3011 7.53719 20.8088 7.90985 20.3287 8.33481C20.148 8.49045 19.9623 8.63521 19.7726 8.77928C19.3583 9.09806 18.9789 9.44815 18.5986 9.80735C18.5429 9.85938 18.4873 9.9114 18.4299 9.965C18.2833 10.1024 18.1374 10.2403 17.9917 10.3787C17.9166 10.45 17.8413 10.521 17.7659 10.592C16.7896 11.5109 15.8518 12.4658 14.9864 13.4947C14.8885 13.6108 14.79 13.7263 14.6912 13.8417C13.7773 14.9118 12.9213 16.0078 12.1123 17.1625C11.8936 17.4739 11.6698 17.7807 11.4421 18.0854C11.2639 18.3241 11.0918 18.5626 10.9406 18.8205C10.7425 19.1557 10.5004 19.4551 10.2595 19.7589C10.1086 19.9499 9.9633 20.1403 9.83169 20.3457C9.32432 21.133 7.62634 21.0783 7.62634 21.0783C7.62634 21.0783 6.50969 21.0783 6.29699 20.9157C6.0843 20.753 6.00585 20.28 5.96388 20.1566C5.92171 20.0387 6.01261 20.272 5.96388 20.1566C5.94626 20.0189 5.91852 19.9241 5.90601 19.7858C5.86839 19.4345 5.80134 19.119 5.6969 18.7832C5.64274 18.5898 5.61054 18.3996 5.57903 18.2011C5.33624 16.8249 4.80945 15.475 4.21066 14.2219C4.16042 14.1156 4.11206 14.0084 4.06392 13.9011C3.7667 13.2431 3.41595 12.5862 3.00077 11.9968C2.916 11.8646 2.916 11.8646 2.90578 11.6701C3.05134 11.3169 3.38187 11.2226 3.70764 11.0785C4.68293 10.6739 5.00189 10.7881 5.89443 11.4869C6.78697 12.1857 7.61843 13.9094 8.0666 15.0491C8.17186 15.3144 8.28421 15.5765 8.39677 15.8387C8.62772 15.6959 9.58127 14.7024 9.76544 14.5042C9.83843 14.4265 9.91148 14.3489 9.98459 14.2713C10.0222 14.2313 10.0598 14.1914 10.0985 14.1503C10.2769 13.9621 10.4581 13.7768 10.6396 13.5918C10.8795 13.347 11.1193 13.102 11.3578 12.8558C12.5836 11.5905 13.8308 10.3893 15.2292 9.32278C15.3864 9.20185 15.5404 9.07841 15.6933 8.9519C16.1504 8.57948 16.6364 8.24741 17.1422 7.94795C17.3314 7.83398 17.5166 7.71403 17.7024 7.59426C18.0499 7.37364 18.3999 7.17282 18.7676 6.98954C18.8434 6.95129 18.9192 6.91304 18.9972 6.87364C20.023 6.36395 21.9041 5.12645 22.502 5.94576Z" fill="#404040"/>
+</svg>
diff --git a/public/icons/sticker_polaroid.svg b/public/icons/sticker_polaroid.svg
new file mode 100644
index 0000000..dbfacb2
--- /dev/null
+++ b/public/icons/sticker_polaroid.svg
@@ -0,0 +1,52 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="97" height="97" viewBox="0 0 97 97" fill="none">
+  <g filter="url(#filter0_d_2378_5634)">
+    <path d="M87.2529 31.0218C86.5326 30.0395 85.6312 29.2032 84.4077 29.3001C82.5995 29.4423 80.7519 29.3474 78.98 29.8342C77.9567 30.1132 77.449 29.8745 77.5111 28.714C77.6167 26.7899 77.334 24.8735 77.2822 22.9551C77.1787 19.1734 77.2221 15.3994 76.3074 11.6768C75.3863 7.92421 75.3371 7.78604 71.5105 7.48268C65.2108 6.98449 58.9007 7.2217 52.5939 7.14039C41.2594 6.99687 29.9306 7.08828 18.4336 7.73121C16.8191 7.75955 15.0804 8.13859 13.3279 8.44886C12.4009 8.61285 11.9624 9.14016 11.7484 10.009C11.3338 11.6777 11.3118 13.3751 11.3834 15.0678C11.6206 20.8197 11.4162 26.6189 13.1957 32.2161C13.8355 34.2234 14.8907 35.1828 16.9863 35.3993C18.4182 35.5478 19.0887 36.3238 18.9975 37.7272C18.9875 37.9058 18.9959 38.0853 18.9979 38.2625C19.0187 43.5312 19.3859 48.7971 19.1579 54.0698C19.1094 55.2165 18.8629 56.2266 17.819 56.8047C14.7383 58.5057 12.0575 60.8065 9.09312 62.6746C7.6464 63.5863 7.08923 64.8583 7.20848 66.5151C7.29001 67.6285 7.25783 68.758 7.41141 69.8632C8.03217 74.3139 6.93192 78.952 9.29815 83.2431C10.4524 85.3354 10.4703 85.9452 12.9072 86.0616C17.2092 86.2678 21.5213 86.2159 25.8117 86.6407C37.0253 87.7495 48.1789 89.4524 59.4376 90.1308C64.0732 90.4091 68.3439 89.7287 72.0891 86.7098C73.7432 85.3767 75.6497 84.3911 77.5913 83.4994C80.8217 82.017 83.9483 80.3444 86.8461 78.2667C87.4335 77.8447 88.0674 77.5643 88.8216 77.5914C90.4464 77.6536 90.8104 77.3796 90.9007 75.7203C91.1186 71.7704 90.8959 67.8494 89.8376 64.0146C89.307 62.0836 88.3707 60.462 86.3046 59.8108C85.6612 59.6089 85.3063 59.111 85.0805 58.4913C84.3348 56.4349 84.7965 55.0728 86.7741 54.07C88.8353 53.0269 89.9711 51.4166 90.0524 49.1189C90.1742 45.6328 90.1556 42.1412 89.8501 38.6671C89.6104 35.9289 88.9033 33.3052 87.2386 31.0296L87.2529 31.0218ZM75.4444 72.4743C75.5681 73.1852 75.6679 73.8988 75.781 74.6232C75.6682 73.9018 75.5681 73.1852 75.4444 72.4743C75.3549 72.1969 75.2688 71.9222 75.2244 71.6397C75.2715 71.9189 75.3549 72.1969 75.4444 72.4743Z" fill="#FBFBFB"/>
+    <path d="M75.4444 72.4743C75.5681 73.1852 75.6679 73.8988 75.781 74.6232C75.6682 73.9018 75.5681 73.1852 75.4444 72.4743ZM75.4444 72.4743C75.3549 72.1969 75.2688 71.9222 75.2244 71.6397C75.2715 71.9189 75.3549 72.1969 75.4444 72.4743ZM87.2529 31.0218C86.5326 30.0395 85.6312 29.2032 84.4077 29.3001C82.5995 29.4423 80.7519 29.3474 78.98 29.8342C77.9567 30.1132 77.449 29.8745 77.5111 28.714C77.6167 26.7899 77.334 24.8735 77.2822 22.9551C77.1787 19.1734 77.2221 15.3994 76.3075 11.6768C75.3863 7.92421 75.3371 7.78604 71.5105 7.48268C65.2108 6.98449 58.9007 7.2217 52.5939 7.14039C41.2594 6.99687 29.9306 7.08828 18.4336 7.7312C16.8191 7.75955 15.0804 8.13859 13.3279 8.44886C12.4009 8.61285 11.9624 9.14016 11.7484 10.009C11.3338 11.6777 11.3118 13.3751 11.3834 15.0678C11.6206 20.8197 11.4162 26.6189 13.1957 32.2161C13.8355 34.2234 14.8907 35.1828 16.9863 35.3993C18.4182 35.5478 19.0887 36.3238 18.9975 37.7272C18.9875 37.9058 18.9959 38.0853 18.9979 38.2625C19.0187 43.5312 19.3859 48.7971 19.1579 54.0698C19.1094 55.2165 18.8629 56.2266 17.819 56.8047C14.7383 58.5057 12.0575 60.8065 9.09312 62.6746C7.6464 63.5863 7.08923 64.8583 7.20848 66.5151C7.29001 67.6285 7.25783 68.758 7.41141 69.8632C8.03217 74.3139 6.93192 78.952 9.29815 83.2431C10.4524 85.3354 10.4703 85.9452 12.9072 86.0616C17.2092 86.2678 21.5213 86.2159 25.8117 86.6407C37.0253 87.7495 48.1789 89.4524 59.4376 90.1308C64.0732 90.4091 68.3439 89.7287 72.0891 86.7098C73.7432 85.3767 75.6497 84.3911 77.5913 83.4994C80.8217 82.017 83.9483 80.3444 86.8461 78.2667C87.4335 77.8447 88.0674 77.5643 88.8216 77.5914C90.4464 77.6536 90.8104 77.3796 90.9007 75.7203C91.1186 71.7704 90.8959 67.8493 89.8376 64.0146C89.307 62.0836 88.3707 60.462 86.3046 59.8108C85.6612 59.6089 85.3063 59.111 85.0805 58.4913C84.3348 56.4349 84.7965 55.0728 86.7741 54.07C88.8353 53.0269 89.9711 51.4165 90.0524 49.1189C90.1742 45.6328 90.1556 42.1412 89.8501 38.6671C89.6104 35.9289 88.9033 33.3052 87.2386 31.0296L87.2529 31.0218Z" stroke="white" stroke-width="4" stroke-miterlimit="10" stroke-linejoin="round"/>
+  </g>
+  <path d="M18.541 7.72654C30.0415 7.08124 41.3768 6.98858 52.72 7.1238C59.0299 7.19934 65.3437 6.96331 71.6467 7.45753C75.4752 7.75849 75.5247 7.89924 76.4445 11.6375C77.3582 15.349 77.3166 19.1146 77.4153 22.8826C77.4664 24.7953 77.7515 26.7057 77.642 28.6246C77.5764 29.7821 78.0843 30.0199 79.1113 29.741C80.8844 29.2548 82.7302 29.3521 84.5421 29.2062C85.7663 29.1091 86.6708 29.9422 87.3882 30.9218C89.0529 33.1902 89.7593 35.8059 89.9981 38.536C90.3023 41.9999 90.3196 45.4813 90.1962 48.9573C90.114 51.2483 88.9739 52.8548 86.9142 53.8952C84.9322 54.8963 84.4697 56.2546 85.2179 58.3043C85.4437 58.9222 85.7985 59.4185 86.4422 59.6195C88.5065 60.2714 89.4422 61.8848 89.9754 63.8096C91.0297 67.6332 91.2514 71.5457 91.0344 75.4808C90.9434 77.1353 90.5761 77.4091 88.9534 77.3473C88.1985 77.3176 87.5615 77.6008 86.9766 78.0214C84.0764 80.0943 80.9445 81.7635 77.7148 83.2426C75.7717 84.1325 73.8637 85.116 72.2083 86.4458C68.4599 89.4574 64.1866 90.1375 59.5486 89.8619C48.2811 89.1904 37.1251 87.4965 25.906 86.3954C21.6134 85.9736 17.2959 86.0274 12.9947 85.8232C10.5566 85.7081 10.5385 85.0971 9.38451 83.0113C7.01871 78.7336 8.12141 74.1087 7.50209 69.6712C7.34921 68.5722 7.38187 67.446 7.30039 66.3329C7.18139 64.678 7.73971 63.4124 9.18758 62.5028C12.1539 60.6359 14.8374 58.3438 17.9205 56.6466C18.9652 56.0698 19.2123 55.0624 19.2612 53.9191C19.4915 48.6617 19.1232 43.4116 19.1074 38.1579C19.1051 37.9782 19.0969 37.7992 19.1073 37.6241C19.197 36.225 18.5266 35.4516 17.0959 35.3038C14.9993 35.0888 13.9408 34.1329 13.3046 32.1314C11.5264 26.5513 11.7332 20.7689 11.4982 15.0339C11.4301 13.3457 11.4499 11.6536 11.8653 9.98958C12.0828 9.12289 12.5187 8.59727 13.4463 8.4334C15.1999 8.12333 16.94 7.74771 18.555 7.71579L18.541 7.72654ZM75.8626 72.1927L75.6103 69.9827C75.1055 70.7846 75.3206 71.5226 75.5564 72.2552C75.8878 74.145 76.0408 76.0706 76.7585 78.0658C76.9646 75.901 76.1881 74.0833 75.8626 72.1927ZM11.0007 64.2052C11.9353 64.37 12.4909 64.4926 13.0526 64.5626C17.0357 65.0442 21.0438 64.7329 25.0292 64.9428C30.8916 65.2555 36.7521 65.3396 42.6192 65.2675C47.8633 65.2024 53.1423 65.2828 58.2857 66.2541C60.5279 66.6783 62.1307 66.7789 64.0376 65.3594C65.4622 64.2999 67.1157 63.4584 68.6511 62.49C70.2206 61.4994 70.7969 60.125 70.6403 58.3006C70.5709 57.5063 70.3908 57.2615 69.5506 57.2842C66.0412 57.38 62.5158 57.3891 59.0393 56.9198C52.1851 55.9944 45.2938 56.5831 38.4224 56.3063C35.7663 56.2009 33.0244 56.09 30.3358 56.4184C29.4925 56.5208 28.9115 56.2028 28.8382 55.3205C28.7545 54.2686 29.6375 54.5399 30.1622 54.5257C35.5396 54.3753 40.9175 54.176 46.2954 54.1628C53.9363 54.1443 61.5453 55.0445 69.1891 55.105C70.1757 55.1113 70.541 54.9262 70.545 53.8429C70.5555 50.8708 70.2074 47.8756 70.8623 44.9244C71.0248 44.1891 70.532 44.0837 70.0122 44.0881C68.9062 44.1016 68.5492 43.453 68.4839 42.4813C68.325 40.0776 68.1725 37.6762 67.9866 35.2756C67.77 32.4728 66.8899 31.5606 64.1005 31.1928C62.4138 30.9706 60.7257 31.2152 59.0398 31.2126C50.4159 31.203 41.7939 30.9705 33.1796 31.6309C29.8467 31.8865 26.5379 32.2735 23.2682 32.9488C22.3407 33.1402 21.3208 33.4274 21.3776 34.6441C21.5436 38.203 20.9859 41.7653 21.3482 45.311C21.6356 48.121 20.8915 50.9298 21.4008 53.7114C21.8118 55.9521 21.0327 57.4686 19.1738 58.6691C16.5301 60.3772 13.9565 62.1931 10.9947 64.2059L11.0007 64.2052ZM10.3608 76.8269C10.5119 78.896 10.896 80.4474 11.4699 81.9558C11.8184 82.8768 12.3883 83.3638 13.4544 83.4007C20.8214 83.6483 28.1697 84.1574 35.4936 85.0657C44.3514 86.1649 53.2101 87.2976 62.1553 87.4566C64.0486 87.4905 64.191 87.4315 63.9742 85.5865C63.7801 83.9402 63.4809 82.3059 63.2184 80.6735C62.9212 78.8437 63.1671 78.7852 61.442 78.6527C53.0313 78.0057 44.6141 77.4083 36.207 76.7121C31.1632 76.2937 26.1028 76.1029 21.0794 75.4626C20.3383 75.3672 19.7301 75.1835 19.7642 74.3103C19.7963 73.5258 20.353 73.2853 21.0625 73.2897C21.7295 73.2959 22.3967 73.2502 23.0596 73.2996C35.9467 74.2467 48.8343 75.1969 61.7185 76.1718C62.4983 76.2323 62.7244 76.0814 62.5585 75.2676C62.1499 73.2615 61.6749 71.2599 61.6757 69.1887C61.6777 68.5937 61.4033 68.1888 60.76 68.4972C59.9757 68.8765 59.1986 68.706 58.4081 68.6315C55.1365 68.331 51.8667 67.9937 48.5906 67.7608C44.4155 67.4629 40.2333 67.8215 36.0589 67.6881C27.7099 67.4215 19.3601 67.1213 11.0072 66.9802C10.1809 66.9647 9.88179 67.2765 9.92382 68.0708C10.0889 71.1418 10.236 74.2149 10.3705 76.8319L10.3608 76.8269ZM41.3918 17.9371C40.2793 18.6925 40.0205 19.57 40.7596 20.6874C41.2149 21.3705 41.1058 21.9869 40.3425 22.3364C39.4868 22.73 39.2052 22.1826 38.9334 21.4542C37.6046 17.9182 36.6849 14.3141 36.8879 10.4965C36.9339 9.64635 36.6022 9.2999 35.7093 9.34086C34.1992 9.41264 32.6788 9.47341 31.1761 9.37049C28.4287 9.184 25.695 9.75849 22.9313 9.40304C22.3508 9.32902 21.518 9.04286 20.9312 9.39353C20.2792 9.78521 19.6129 9.99856 18.9095 9.91417C17.4477 9.74253 16.0957 10.266 14.6928 10.4506C14.0094 10.5408 13.6863 10.9621 13.6588 11.6271C13.4786 15.7777 13.7741 19.9105 14.0549 24.0481C14.1114 24.8622 14.5454 25.2793 15.3877 25.0885C19.2694 24.203 23.2732 24.0935 27.182 24.0589C37.3092 23.9639 47.4514 23.9739 57.5714 24.6423C58.9849 24.7371 59.1225 24.5567 58.9644 23.1716C58.481 18.9657 58.1125 14.7527 58.1458 10.5152C58.152 9.84957 57.9031 9.58823 57.2583 9.45749C56.0122 9.20326 55.8283 9.91056 55.8014 10.8744C55.7016 14.5034 56.0744 18.0875 56.8026 21.6402C56.8837 22.0305 57.0535 22.3985 56.9341 22.8179C56.7832 23.3353 56.4693 23.7036 55.9454 23.7787C55.3678 23.863 55.1735 23.3605 55.0573 22.9559C54.8138 22.1022 54.6076 21.229 54.4798 20.3499C54.2847 18.9874 53.9821 18.7626 52.6584 19.0541C51.2813 19.3578 52.1723 20.3389 52.0716 21.0031C51.9926 21.5368 52.3722 22.2499 51.5442 22.4329C50.7429 22.6098 50.334 22.0129 50.0408 21.3906C49.9124 21.1185 49.9076 20.7835 49.8485 20.4792C49.5878 19.1821 48.7758 18.7593 47.0758 19.0328C45.6507 19.2626 46.5376 20.1283 46.6295 20.7461C46.7097 21.289 46.6301 21.7374 46.1071 21.9801C45.5984 22.2151 45.1632 22.0543 44.8043 21.6286C44.3541 21.0975 44.2358 20.4338 44.0237 19.8022C43.8723 19.3559 43.7817 18.7226 43.1228 18.8406C42.2733 18.9956 41.8021 18.5461 41.3978 17.9365L41.3918 17.9371ZM28.241 27.8697C28.3546 29.7174 28.3518 29.6933 30.23 29.4879C31.5552 29.3427 32.8863 29.2487 34.2154 29.164C42.4679 28.6395 50.731 28.6597 58.9931 28.7259C59.3891 28.7294 60.0376 28.9726 60.1298 28.3947C60.2161 27.845 59.9154 27.2632 59.3635 26.9602C59.1428 26.839 58.8463 26.8271 58.5835 26.8174C53.5239 26.6601 48.4643 26.4754 43.4045 26.3699C39.0215 26.2756 34.6298 26.4782 30.2555 26.0078C28.6228 25.8313 28.1447 26.3342 28.2379 27.87L28.241 27.8697ZM88.1795 73.2081C88.32 73.1859 88.4605 73.1638 88.6009 73.1416C88.6053 69.9293 88.4438 66.7297 87.3382 63.6563C86.9959 62.7102 86.1953 62.094 85.4185 61.4994C84.9884 61.1703 84.5995 61.2818 84.5558 61.8053C84.4839 62.6676 84.6549 63.7919 85.3726 64.0546C86.614 64.5077 86.588 65.4532 86.783 66.3612C87.2713 68.6389 87.7149 70.9247 88.1795 73.2081ZM76.8305 78.1369C76.6395 79.1287 76.2529 79.8469 75.3279 80.1661C75.1025 80.2437 74.9349 80.641 74.8517 80.925C74.7309 81.3323 74.631 81.7372 74.1235 81.7158C73.631 81.6928 73.1286 81.5824 72.9371 81.0247C72.7362 80.4376 72.5316 79.8448 72.4014 79.2375C71.9941 77.3227 71.49 75.4403 70.7487 73.4783C70.9169 74.9506 71.0094 76.2669 71.2303 77.5624C71.4827 79.0526 71.7484 80.5535 72.1868 81.9949C72.5959 83.3391 73.246 83.4632 74.3024 82.5891C74.8554 82.1295 75.4749 81.7994 76.1185 81.4941C77.9538 80.6196 78.042 80.2465 76.8275 78.1372L76.8305 78.1369ZM38.8753 11.7001C38.9484 12.8732 39.5505 13.385 40.6815 13.2355C40.8136 13.2204 40.9504 13.1926 41.0777 13.2147C42.4191 13.4245 43.0382 12.9572 42.6872 11.5363C42.6466 11.367 42.665 11.1819 42.6755 11.0069C42.7545 9.8164 42.2008 9.25738 41.0144 9.32983C39.4957 9.42395 38.7828 10.215 38.8756 11.7031L38.8753 11.7001ZM51.9764 12.9218C53.8389 12.7121 54.495 11.5574 53.7761 9.79109C53.6448 9.46751 53.4572 9.26322 53.102 9.27023C52.2247 9.28805 51.3434 9.29719 50.4692 9.34211C50.0246 9.36543 49.7555 9.64628 49.6434 10.077C49.2284 11.6922 50.3842 13.1005 51.9794 12.9214L51.9764 12.9218ZM74.7227 78.9693C74.2359 76.7586 73.5507 74.5949 73.7804 72.2902C73.7969 72.1145 73.5262 71.9288 73.4661 71.7222C72.8276 69.4617 72.5111 67.143 72.506 64.8071C72.5058 64.2459 72.2938 64.0414 72.0324 63.7235C71.8702 63.5285 71.6865 63.4122 71.4767 63.5734C71.0711 63.8851 71.2662 64.3143 71.3482 64.6862C71.9944 67.6809 72.2687 70.7486 73.1735 73.6894C73.7141 75.4395 73.8301 77.3082 74.7193 78.9667L74.7227 78.9693ZM44.6821 11.0736C44.8194 13.0223 45.1005 13.3257 46.6375 13.2234C47.4226 13.1703 47.9983 13.0161 47.9024 11.99C47.6995 9.81396 47.2663 9.32355 45.6771 9.3159C44.2035 9.30727 44.7052 10.2901 44.6794 11.077L44.6821 11.0736ZM68.6114 22.0426C69.5338 21.7542 69.3117 21.1146 69.2602 20.5837C69.0156 18.0952 69.0227 15.5993 68.9813 13.1059C68.9644 12.1317 69.0096 11.1688 70.3535 11.1069C70.7924 11.0872 70.9589 10.7601 70.9633 10.3723C70.9692 9.94457 70.7298 9.74008 70.2928 9.72289C69.8497 9.70638 69.409 9.60419 68.9687 9.61177C68.1886 9.62766 67.1888 9.55881 68.3348 10.7212C68.4657 10.8557 68.5148 11.1521 68.4834 11.357C68.1029 13.8864 69.3915 16.4844 68.1759 18.975C68.0452 19.2431 68.2691 19.3914 68.3664 19.551C68.8417 20.3295 69.1234 21.1178 68.6117 22.0456L68.6114 22.0426ZM66.7415 79.3927C66.9196 80.2325 67.0756 80.959 67.2316 81.6854C67.3753 82.3583 67.4549 83.0813 66.8544 83.5251C66.0238 84.1384 66.0392 84.9389 66.1688 85.7812C66.2374 86.2217 66.0542 86.8558 66.6947 87.0022C67.257 87.1302 67.7129 86.8067 68.0821 86.3893C68.5561 85.8502 68.695 85.2548 68.5013 84.5449C68.1374 83.223 67.8325 81.8852 67.4866 80.5613C67.3794 80.1556 67.3388 79.6936 66.7479 79.395L66.7415 79.3927ZM68.3406 75.0374C68.817 74.4401 68.5631 74.0024 68.5107 73.5966C68.2612 71.6516 67.961 69.7154 67.7235 67.7691C67.6278 66.9839 67.6672 66.1833 68.7987 66.2066C69.0945 66.2124 69.3507 66.1649 69.3827 65.8318C69.3962 65.6839 69.3237 65.4756 69.2152 65.3781C68.9611 65.151 68.7037 65.3481 68.4911 65.4852C67.4628 66.1517 66.6897 67.0025 66.9486 68.3364C67.3678 70.5152 67.8497 72.6838 68.3439 75.0401L68.3406 75.0374ZM85.5873 43.6608C85.4461 43.6769 85.3053 43.696 85.1645 43.7152C85.0647 45.1327 85.3608 46.5264 85.4933 47.9266C85.5788 48.8349 85.7251 49.6631 84.4653 50.0083C83.7038 50.2142 84.0014 51.0618 84.0988 51.6485C84.1696 52.0552 84.5237 52.2252 84.9232 52.0729C85.6577 51.7907 86.3949 51.3192 86.3341 50.4934C86.1676 48.2095 85.8472 45.9371 85.5873 43.6608ZM42.5903 16.8151C42.773 16.7637 43.3911 16.9005 43.4512 16.2013C43.5129 15.4622 42.9834 15.3823 42.4116 15.3043C41.5433 15.1869 40.6432 15.3781 39.7962 14.9685C39.2906 14.7242 39.1652 15.1717 39.1945 15.5344C39.2525 16.3086 39.5483 16.9276 40.4713 16.9106C41.0906 16.8979 41.7067 16.858 42.5903 16.8151ZM53.9165 15.8968C53.9137 15.2322 53.6042 15.0266 53.1581 15.0104C52.6757 14.9954 52.189 15.0235 51.7073 15.0419C51.2226 15.0606 50.6593 15.003 50.6981 15.7428C50.7325 16.3641 50.9722 16.8645 51.6958 16.913C52.0455 16.9371 52.4231 16.8604 52.743 16.9703C54.0658 17.4171 53.8081 16.4125 53.9165 15.8968ZM47.5704 16.9693C48.1281 16.9239 48.757 16.9161 48.6389 16.228C48.4292 15.0045 47.3756 15.2102 46.5283 15.1971C46.0195 15.1912 45.284 15.1989 45.4004 15.9512C45.6092 17.3274 46.8083 16.797 47.573 16.9659L47.5704 16.9693ZM81.3258 69.8089C81.4389 69.8143 81.5548 69.8163 81.668 69.8217C80.9226 66.3319 81.0922 62.7011 79.9581 59.271C80.17 61.9798 80.4598 64.6767 80.7975 67.368C80.9008 68.192 81.1448 68.9969 81.3258 69.8089ZM82.7015 59.1286C82.7166 57.6627 82.7412 56.1989 82.7443 54.7344C82.7442 54.3867 82.7448 53.9657 82.2363 53.9628C81.9228 53.962 81.7478 54.2412 81.747 54.5006C81.7362 56.0849 81.938 57.6388 82.7041 59.1252L82.7015 59.1286ZM76.621 50.9376C76.0915 52.2151 77.0503 53.4447 76.7134 54.7307C76.6541 54.9571 76.302 55.3908 76.8893 55.4183C77.336 55.4405 77.4891 55.0753 77.3916 54.6746C77.2037 53.8817 77.2642 53.1061 77.3677 52.3073C77.4442 51.7251 77.2137 51.1719 76.618 50.938L76.621 50.9376ZM85.8849 33.3445C85.9583 32.9213 85.6304 32.5012 85.3858 32.0381C85.114 31.5231 84.7115 31.3556 84.1787 31.4591C83.9405 31.5046 83.7972 31.6887 83.8695 31.9489C84.0098 32.4575 84.0801 33.0199 84.7771 33.102C85.1932 33.149 85.6669 33.0339 85.8882 33.3472L85.8849 33.3445ZM62.2698 10.2059C62.6029 9.9788 63.4428 10.4868 63.2664 9.82067C63.1119 9.24047 62.1851 9.54457 61.6072 9.43975C61.2936 9.38406 60.8634 9.53384 60.9711 9.89062C61.1962 10.6366 61.8124 10.1972 62.2724 10.2026L62.2698 10.2059ZM64.4093 16.9253C64.3963 15.6121 64.3641 14.478 63.9336 13.3986C63.9798 14.5494 63.5364 15.7561 64.4093 16.9253ZM74.5868 41.2506C76.1146 41.6801 76.2887 41.4467 75.8587 39.3058C75.6522 40.2688 75.1424 40.7602 74.5868 41.2506ZM73.3487 56.9725C73.0193 58.3248 72.9429 59.334 73.6553 60.5368C73.7956 59.261 73.5557 58.2788 73.3487 56.9725Z" fill="#040404"/>
+  <path d="M11.0004 64.2052C13.9623 62.1924 16.5359 60.3764 19.1796 58.6684C21.0385 57.4678 21.818 55.9544 21.4066 53.7106C20.8976 50.9321 21.6418 48.1232 21.354 45.3103C20.9917 41.7646 21.5494 38.2023 21.3834 34.6434C21.3269 33.4297 22.3469 33.1424 23.274 32.9481C26.5467 32.2724 29.8525 31.8857 33.1854 31.6302C41.7997 30.9698 50.422 31.2053 59.0456 31.2118C60.7315 31.2145 62.4196 30.9699 64.1062 31.1921C66.8957 31.5599 67.7758 32.472 67.9924 35.2748C68.1783 37.6755 68.3308 40.0769 68.4897 42.4806C68.552 43.4526 68.912 44.1008 70.018 44.0874C70.5375 44.0799 71.0336 44.188 70.8681 44.9237C70.2132 47.8748 70.561 50.867 70.5508 53.8422C70.5467 54.9254 70.1785 55.1109 69.1949 55.1042C61.5514 55.0468 53.9421 54.1435 46.3011 54.162C40.9233 54.1753 35.5454 54.3746 30.168 54.525C29.6403 54.5395 28.7573 54.2682 28.844 55.3198C28.9143 56.2024 29.4953 56.5204 30.3415 56.4177C33.0302 56.0893 35.7718 56.1971 38.4282 56.3056C45.2966 56.5827 52.1909 55.9937 59.0451 56.9191C62.5216 57.3883 66.047 57.3792 69.5564 57.2835C70.3966 57.2608 70.5767 57.5056 70.6461 58.2998C70.8027 60.1243 70.2267 61.5017 68.6569 62.4892C67.1214 63.4576 65.465 64.2995 64.0434 65.3586C62.1365 66.7782 60.5307 66.6779 58.2915 66.2534C53.1508 65.2787 47.8691 65.2017 42.625 65.2667C36.7549 65.3392 30.897 65.2517 25.035 64.942C21.0492 64.7292 17.0385 65.0438 13.0584 64.5619C12.497 64.4949 11.9411 64.3692 11.0065 64.2045L11.0004 64.2052ZM30.4529 43.9113C31.0686 49.249 35.5976 52.993 40.6736 52.3615C45.9354 51.7057 49.4682 47.1784 48.8715 41.9269C48.2071 36.0823 43.1216 33.2468 38.6103 33.6278C33.8247 34.0309 29.8965 39.0914 30.4533 43.9143L30.4529 43.9113ZM54.4649 39.8576C55.1888 43.2126 56.4189 46.3907 57.9877 49.4448C58.4575 50.3611 59.0779 50.8119 60.1285 50.393C61.2314 49.9528 61.8032 49.0457 61.4939 47.989C61.3349 47.449 61.058 46.9163 60.7287 46.4568C60.2192 45.7524 60.3975 45.3416 61.1302 45.017C62.1036 44.5886 63.0521 44.102 64.039 43.7118C65.3079 43.2069 65.7301 42.2681 65.6584 40.9738C65.5476 38.8849 64.6821 37.1139 63.3769 35.5426C62.5654 34.5647 61.4742 34.308 60.245 34.5216C58.7356 34.7855 57.3853 35.4033 56.098 36.2274C54.7398 37.0963 54.1534 38.2491 54.4649 39.8576Z" fill="#FBFBFB"/>
+  <path d="M10.3611 76.8271C10.2295 74.2098 10.0824 71.1367 9.91435 68.066C9.87232 67.2717 10.1718 66.963 10.9977 66.9754C19.351 67.1196 27.7004 67.4167 36.0494 67.6834C40.2239 67.8167 44.4061 67.4581 48.5811 67.7561C51.8572 67.9889 55.1274 68.3292 58.3987 68.6267C59.1918 68.6978 59.9659 68.8687 60.7505 68.4924C61.3934 68.181 61.6682 68.5889 61.6662 69.1839C61.6654 71.2551 62.1404 73.2567 62.549 75.2628C62.715 76.0766 62.4888 76.2275 61.7091 76.167C48.8248 75.1921 35.9373 74.2419 23.0501 73.2948C22.3872 73.2454 21.717 73.2914 21.053 73.2849C20.3432 73.2775 19.7869 73.521 19.7547 74.3055C19.7206 75.1787 20.3288 75.3624 21.0699 75.4578C26.0937 76.1011 31.1567 76.2885 36.1975 76.7073C44.605 77.4065 53.0218 78.0009 61.4325 78.648C63.1576 78.7804 62.9117 78.839 63.2089 80.6687C63.4744 82.3007 63.7736 83.9351 63.9647 85.5817C64.1815 87.4267 64.0391 87.4857 62.1458 87.4518C53.2006 87.2928 44.3419 86.1601 35.4841 85.0609C28.1602 84.1526 20.815 83.6432 13.4449 83.3959C12.3788 83.359 11.809 82.872 11.4604 81.951C10.8865 80.4426 10.5055 78.8908 10.3514 76.8221L10.3611 76.8271ZM62.2339 82.2014C62.9118 82.2765 63.1775 81.8588 63.4266 81.2691C63.7549 80.4935 63.0965 80.3765 62.7558 80.2446C62.1478 80.009 61.4649 79.8643 60.8146 79.8715C58.2351 79.9037 55.6819 79.6066 53.1157 79.4086C45.1521 78.7868 37.1753 78.3159 29.2041 77.7865C26.9017 77.6346 24.5951 77.5259 22.2963 77.3248C21.3679 77.2417 20.9171 77.6897 20.8048 78.4651C20.673 79.3891 21.5585 79.1232 22.0271 79.3107C22.2598 79.4031 22.5517 79.3484 22.8175 79.3577C27.5601 79.5634 32.2816 80.0644 37.0334 80.2172C40.1605 80.3176 43.2876 80.8969 46.4347 81.0927C51.7025 81.4214 56.9669 81.8268 62.2309 82.2018L62.2339 82.2014Z" fill="#FBFBFB"/>
+  <path d="M41.3919 17.9367C41.7995 18.549 42.2704 18.9955 43.1168 18.8409C43.7724 18.7203 43.8663 19.3562 44.0177 19.8025C44.2298 20.4341 44.3482 21.0977 44.7983 21.6289C45.1569 22.0516 45.5925 22.2154 46.1011 21.9804C46.6241 21.7376 46.7041 21.2923 46.6235 20.7464C46.5316 20.1285 45.6451 19.2659 47.0698 19.0331C48.7665 18.757 49.5785 19.1797 49.8425 20.4795C49.9046 20.7835 49.9064 21.1188 50.0348 21.3909C50.331 22.0128 50.74 22.6097 51.5383 22.4332C52.3693 22.2498 51.9866 21.537 52.0657 21.0034C52.1629 20.3365 51.272 19.3554 52.6524 19.0544C53.9762 18.7629 54.2791 18.9907 54.4739 20.3502C54.5986 21.2296 54.8048 22.1028 55.0514 22.9562C55.1676 23.3608 55.3622 23.8663 55.9395 23.779C56.463 23.7009 56.7803 23.3353 56.9281 22.8181C57.0476 22.3988 56.8778 22.0308 56.7967 21.6405C56.0685 18.0878 55.6987 14.5033 55.7955 10.8747C55.8223 9.91085 56.0063 9.20354 57.2523 9.45777C57.8971 9.58851 58.146 9.84986 58.1399 10.5155C58.1035 14.7534 58.475 18.966 58.9584 23.1719C59.1166 24.557 58.9819 24.737 57.5655 24.6426C47.4454 23.9742 37.3032 23.9642 27.1761 24.0592C23.2706 24.0964 19.2665 24.2029 15.3818 25.0888C14.5398 25.2826 14.1054 24.8624 14.049 24.0484C13.7685 19.9138 13.4727 15.7779 13.6529 11.6274C13.6804 10.9623 14.0031 10.5381 14.6869 10.4509C16.0898 10.2663 17.4414 9.7398 18.9036 9.91445C19.6069 9.99884 20.2732 9.78549 20.9253 9.39381C21.509 9.04348 22.3449 9.3293 22.9253 9.40333C25.6921 9.75843 28.4227 9.18429 31.1702 9.37077C32.6758 9.47335 34.1963 9.41258 35.7033 9.34114C36.5929 9.29751 36.9245 9.64396 36.882 10.4968C36.679 14.3144 37.5987 17.9185 38.9274 21.4544C39.2022 22.1826 39.4835 22.7269 40.3365 22.3367C41.0998 21.9872 41.2093 21.3738 40.7537 20.6877C40.0115 19.5707 40.2733 18.6928 41.3858 17.9374L41.3919 17.9367Z" fill="#FBFBFB"/>
+  <path d="M28.2407 27.8703C28.1475 26.3344 28.6255 25.8315 30.2583 26.008C34.6355 26.4781 39.0242 26.2759 43.4072 26.3701C48.4673 26.4786 53.5267 26.6603 58.5863 26.8177C58.849 26.8273 59.1455 26.8392 59.3663 26.9604C59.9148 27.2607 60.2185 27.8422 60.1325 28.395C60.0407 28.9758 59.3918 28.7297 58.9959 28.7261C50.7337 28.6599 42.4707 28.6397 34.2181 29.1642C32.889 29.2489 31.558 29.3429 30.2328 29.4882C28.3546 29.6935 28.3573 29.7176 28.2437 27.8699L28.2407 27.8703Z" fill="#FBFBFB"/>
+  <path d="M88.1793 73.2083C87.7177 70.9245 87.2742 68.6387 86.7829 66.3614C86.5882 65.4564 86.6168 64.5075 85.3724 64.0549C84.6518 63.7925 84.4838 62.6678 84.5557 61.8056C84.599 61.279 84.9882 61.1705 85.4183 61.4996C86.1952 62.0942 86.9961 62.7134 87.3381 63.6565C88.4466 66.7296 88.6081 69.9291 88.6008 73.1419C88.4603 73.164 88.3198 73.1861 88.1793 73.2083Z" fill="#FBFBFB"/>
+  <path d="M76.8303 78.1371C78.0418 80.2468 77.9536 80.6198 76.1213 81.494C75.4777 81.7993 74.8585 82.1324 74.3052 82.589C73.2488 83.4631 72.5987 83.339 72.1897 81.9949C71.7512 80.5534 71.4855 79.0525 71.2332 77.5623C71.0152 76.2665 70.9197 74.9505 70.7516 73.4782C71.4929 75.4402 71.9969 77.3226 72.4042 79.2374C72.5344 79.8447 72.7387 80.4345 72.9399 81.0246C73.1311 81.5793 73.6339 81.6927 74.1264 81.7157C74.6309 81.7374 74.734 81.3352 74.8545 80.9249C74.9377 80.6409 75.1083 80.2432 75.3307 80.166C76.2588 79.8465 76.642 79.1256 76.8333 78.1368L76.8303 78.1371Z" fill="#FBFBFB"/>
+  <path d="M38.8753 11.7001C38.7822 10.21 39.4952 9.41895 41.0141 9.32684C42.2005 9.25439 42.7542 9.8134 42.6752 11.0039C42.6647 11.1789 42.6467 11.3671 42.6869 11.5333C43.0378 12.9543 42.4188 13.4215 41.0774 13.2117C40.9504 13.1926 40.8133 13.2174 40.6812 13.2325C39.5522 13.3818 38.9501 12.87 38.875 11.6971L38.8753 11.7001Z" fill="#FBFBFB"/>
+  <path d="M51.9763 12.9218C50.3811 13.101 49.2254 11.6926 49.6403 10.0774C49.7521 9.64369 50.0215 9.36585 50.4661 9.34253C51.3433 9.29727 52.2217 9.28847 53.0989 9.27065C53.4541 9.26364 53.6418 9.46793 53.773 9.79151C54.495 11.5575 53.8358 12.7125 51.9733 12.9222L51.9763 12.9218Z" fill="#FBFBFB"/>
+  <path d="M74.7226 78.9695C73.8334 77.311 73.7144 75.4427 73.1768 73.6922C72.269 70.7518 71.9974 67.6807 71.3515 64.689C71.2725 64.3168 71.0774 63.8876 71.48 63.5763C71.6898 63.415 71.8734 63.5313 72.0357 63.7263C72.2971 64.0442 72.5091 64.2487 72.5093 64.81C72.5144 67.1459 72.8279 69.4648 73.4694 71.725C73.5261 71.929 73.8002 72.1173 73.7837 72.293C73.551 74.5981 74.2362 76.7618 74.726 78.9721L74.7226 78.9695Z" fill="#FBFBFB"/>
+  <path d="M44.6824 11.0739C44.7052 10.2874 44.2035 9.30458 45.6801 9.31287C47.2692 9.32051 47.7025 9.81092 47.9054 11.987C48.0012 13.0131 47.4255 13.1673 46.6405 13.2203C45.1039 13.3256 44.8224 13.0192 44.6851 11.0706L44.6824 11.0739Z" fill="#FBFBFB"/>
+  <path d="M68.6114 22.0421C69.1231 21.1144 68.8418 20.3291 68.3661 19.5476C68.2688 19.3879 68.0479 19.2393 68.1756 18.9716C69.3912 16.481 68.1026 13.883 68.4831 11.3536C68.5145 11.1487 68.4654 10.8523 68.3345 10.7178C67.1885 9.5554 68.1879 9.62123 68.9684 9.60836C69.4087 9.60078 69.8494 9.70297 70.2925 9.71948C70.7265 9.73701 70.9689 9.94115 70.963 10.3689C70.9586 10.7567 70.7921 11.0838 70.3532 11.1034C69.0097 11.1684 68.9644 12.1313 68.981 13.1025C69.0224 15.5959 69.0153 18.0918 69.2599 20.5802C69.3114 21.1112 69.5365 21.7504 68.6111 22.0391L68.6114 22.0421Z" fill="#FBFBFB"/>
+  <path d="M66.7417 79.3925C67.3329 79.6941 67.3761 80.1528 67.4803 80.5587C67.8266 81.8857 68.1315 83.2235 68.4951 84.5424C68.6921 85.255 68.5502 85.8507 68.0759 86.3868C67.7067 86.8041 67.2507 87.1277 66.6884 86.9997C66.051 86.8529 66.2312 86.2192 66.1626 85.7787C66.0329 84.9364 66.0176 84.1359 66.8482 83.5225C67.4516 83.0785 67.3721 82.3555 67.2253 81.6829C67.0693 80.9565 66.9134 80.23 66.7353 79.3902L66.7417 79.3925Z" fill="#FBFBFB"/>
+  <path d="M68.3408 75.0375C67.8465 72.6812 67.3646 70.5126 66.9454 68.3339C66.6896 66.9996 67.4596 66.1491 68.488 65.4827C68.7005 65.3455 68.958 65.1484 69.2121 65.3756C69.3206 65.473 69.3931 65.6813 69.3795 65.8292C69.3476 66.1623 69.0943 66.2095 68.7955 66.204C67.6641 66.1807 67.6277 66.981 67.7204 67.7665C67.9549 69.7132 68.2581 71.649 68.5076 73.594C68.5604 74.0028 68.8138 74.4375 68.3374 75.0348L68.3408 75.0375Z" fill="#FBFBFB"/>
+  <path d="M85.5875 43.6607C85.8475 45.9369 86.1678 48.2094 86.3343 50.4933C86.3952 51.319 85.6579 51.7906 84.9234 52.0727C84.524 52.2251 84.1699 52.0551 84.0991 51.6483C83.9986 51.062 83.704 50.2141 84.4655 50.0082C85.7257 49.666 85.579 48.8348 85.4935 47.9264C85.3607 46.5233 85.0646 45.1296 85.1647 43.715C85.3059 43.6989 85.4467 43.6798 85.5875 43.6607Z" fill="#FBFBFB"/>
+  <path d="M42.5904 16.8157C41.7065 16.8556 41.0907 16.8985 40.4715 16.9113C39.5454 16.9286 39.2526 16.3093 39.1946 15.535C39.1684 15.172 39.2908 14.7249 39.7963 14.9691C40.643 15.3757 41.5434 15.1875 42.4118 15.3049C42.9866 15.3826 43.513 15.4628 43.4513 16.2019C43.3916 16.9042 42.7765 16.767 42.5904 16.8157Z" fill="#FBFBFB"/>
+  <path d="M53.9164 15.8963C53.8079 16.412 54.0656 17.4166 52.7428 16.9698C52.4233 16.8629 52.0453 16.9366 51.6957 16.9124C50.9721 16.8639 50.7294 16.3639 50.6979 15.7422C50.6591 15.0024 51.2255 15.0597 51.7071 15.0413C52.1918 15.0226 52.6755 14.9948 53.1579 15.0099C53.6037 15.023 53.9131 15.2287 53.9164 15.8963Z" fill="#FBFBFB"/>
+  <path d="M47.5705 16.9691C46.8057 16.8002 45.6066 17.3306 45.3978 15.9545C45.2844 15.2018 46.0199 15.1941 46.5257 15.2004C47.3757 15.2101 48.4266 15.0077 48.6363 16.2313C48.7541 16.9163 48.1251 16.9241 47.5678 16.9725L47.5705 16.9691Z" fill="#FBFBFB"/>
+  <path d="M81.3257 69.8088C81.1448 68.9968 80.9004 68.1889 80.7975 67.368C80.4567 64.6769 80.17 61.9797 79.9581 59.271C81.0922 62.701 80.9226 66.3319 81.668 69.8216C81.5548 69.8162 81.4389 69.8142 81.3257 69.8088Z" fill="#FBFBFB"/>
+  <path d="M82.7018 59.1286C81.9357 57.6422 81.7369 56.0879 81.7447 54.504C81.7451 54.2416 81.9201 53.9624 82.2339 53.9662C82.7424 53.9691 82.7448 54.3898 82.742 54.7378C82.7388 56.2023 82.7173 57.6658 82.6991 59.132L82.7018 59.1286Z" fill="#FBFBFB"/>
+  <path d="M76.6211 50.9378C77.2138 51.1721 77.4473 51.725 77.3708 52.3072C77.2673 53.1059 77.2038 53.8818 77.3947 54.6745C77.4892 55.0754 77.3391 55.4403 76.8924 55.4181C76.3051 55.3906 76.6572 54.9569 76.7165 54.7305C77.0534 53.4445 76.0916 52.2153 76.6241 50.9375L76.6211 50.9378Z" fill="#FBFBFB"/>
+  <path d="M85.8852 33.3449C85.6638 33.0316 85.1902 33.1467 84.774 33.0997C84.08 33.0173 84.0067 32.4552 83.8665 31.9466C83.7942 31.6865 83.9375 31.5023 84.1757 31.4568C84.7088 31.3563 85.111 31.5208 85.3828 32.0358C85.6274 32.4989 85.9583 32.9187 85.8819 33.3422L85.8852 33.3449Z" fill="#FBFBFB"/>
+  <path d="M62.2697 10.2061C61.8096 10.2007 61.1935 10.6401 60.9683 9.89415C60.8607 9.53737 61.2938 9.38725 61.6045 9.44328C62.1824 9.5481 63.1091 9.244 63.2636 9.8242C63.4431 10.49 62.6031 9.98198 62.267 10.2095L62.2697 10.2061Z" fill="#FBFBFB"/>
+  <path d="M75.8626 72.1932C76.191 74.0834 76.9646 75.9015 76.7584 78.0663C76.0407 76.071 75.8878 74.1455 75.5563 72.2556C75.6574 72.2349 75.7585 72.2142 75.8626 72.1932Z" fill="#FDFDFD"/>
+  <path d="M64.4094 16.9256C63.5335 15.7567 63.9799 14.5497 63.9336 13.3989C64.3642 14.4783 64.3963 15.6124 64.4094 16.9256Z" fill="#FBFBFB"/>
+  <path d="M74.5867 41.2511C75.1452 40.7603 75.652 40.2692 75.8585 39.3062C76.2859 41.4505 76.1144 41.6805 74.5867 41.2511Z" fill="#FBFBFB"/>
+  <path d="M73.3487 56.9722C73.5524 58.2758 73.7926 59.261 73.6553 60.5364C72.9433 59.3366 73.0194 58.3244 73.3487 56.9722Z" fill="#FBFBFB"/>
+  <path d="M75.8625 72.1923C75.7614 72.213 75.6603 72.2337 75.5563 72.2548C75.3171 71.5195 75.1054 70.7842 75.6101 69.9823L75.8625 72.1923Z" fill="#FBFBFB"/>
+  <path d="M30.4533 43.9115C29.8965 39.0886 33.8251 34.0311 38.6104 33.625C43.1217 33.244 48.2072 36.0795 48.8716 41.9241C49.4712 47.1752 45.9358 51.7059 40.6736 52.3587C35.5976 52.9902 31.0656 49.2466 30.453 43.9085L30.4533 43.9115ZM46.5194 42.3483C46.4126 40.8537 45.817 39.6345 44.9367 38.5333C44.7731 38.3262 44.6386 38.0549 44.3243 38.0999C43.9289 38.1542 43.938 38.5009 43.8509 38.8037C42.8467 42.2126 41.3226 43.3078 37.7614 43.1624C37.1624 43.1393 36.8608 43.2957 36.8259 43.9494C36.7354 45.6617 37.7333 47.0729 39.4027 47.5441C40.4938 47.8527 41.6139 47.6699 42.7086 47.798C44.6821 48.0271 44.9245 47.9385 45.8597 46.1632C46.505 44.9396 46.7133 43.6469 46.5224 42.3479L46.5194 42.3483ZM39.003 41.166C40.5794 40.9555 42.1175 38.8918 41.9622 37.3448C41.8924 36.6268 41.5384 36.6977 41.0664 36.9072C39.8409 37.4467 38.7433 38.1729 37.9226 39.2458C37.5919 39.6801 37.0454 40.1695 37.4757 40.767C37.8442 41.277 38.5082 41.1493 39.003 41.166Z" fill="#040404"/>
+  <path d="M54.4653 39.8571C54.1538 38.2486 54.7402 37.0958 56.0984 36.2269C57.3856 35.4028 58.736 34.785 60.2454 34.5211C61.4746 34.3075 62.5658 34.5642 63.3773 35.5421C64.6825 37.1134 65.5446 38.8817 65.6588 40.9733C65.7275 42.2679 65.3086 43.2094 64.0394 43.7113C63.0528 44.1045 62.1043 44.5911 61.1306 45.0165C60.3975 45.3381 60.2196 45.7519 60.7291 46.4563C61.0614 46.9155 61.3383 47.4482 61.4943 47.9885C61.8036 49.0452 61.2317 49.9523 60.1288 50.3925C59.0783 50.8114 58.4579 50.3606 57.9881 49.4443C56.4192 46.3902 55.1922 43.2117 54.4653 39.8571ZM60.5115 37.73C59.6348 38.2328 57.9671 38.0968 57.8103 39.4416C57.6129 41.1234 58.8133 42.789 59.6533 42.7114C60.5992 42.6278 62.7691 40.6078 62.651 39.9198C62.4103 38.5045 61.576 37.5932 60.5115 37.73Z" fill="#040404"/>
+  <path d="M62.2335 82.2018C56.9695 81.8268 51.7051 81.4214 46.4373 81.0927C43.2902 80.8969 40.1635 80.3206 37.036 80.2172C32.2843 80.0644 27.5627 79.5634 22.8201 79.3577C22.554 79.3454 22.2624 79.4031 22.0297 79.3107C21.5611 79.1232 20.6756 79.3891 20.8074 78.4651C20.9167 77.69 21.3709 77.2447 22.2989 77.3248C24.5978 77.5259 26.9043 77.6346 29.2067 77.7865C37.1776 78.3129 45.1517 78.7871 53.1183 79.4086C55.6849 79.6096 58.2377 79.9037 60.8172 79.8715C61.4675 79.8643 62.1534 80.0087 62.7584 80.2446C63.0991 80.3765 63.7575 80.4935 63.4292 81.2691C63.1801 81.8588 62.9144 82.2765 62.2365 82.2014L62.2335 82.2018Z" fill="#040404"/>
+  <path d="M46.5191 42.3477C46.7101 43.6466 46.4987 44.9397 45.8564 46.163C44.9212 47.9382 44.6788 48.0269 42.7054 47.7978C41.6106 47.6696 40.4905 47.8524 39.3995 47.5439C37.73 47.0727 36.7321 45.6615 36.8226 43.9491C36.8572 43.2925 37.1588 43.136 37.7581 43.1621C41.3224 43.3072 42.8464 42.212 43.8476 38.8034C43.9351 38.5037 43.9259 38.157 44.321 38.0997C44.6327 38.058 44.7671 38.3293 44.9334 38.533C45.8137 39.6343 46.4123 40.8531 46.5161 42.3481L46.5191 42.3477Z" fill="#FBFBFB"/>
+  <path d="M39.0027 41.166C38.5079 41.1493 37.841 41.2773 37.4754 40.7669C37.0451 40.1694 37.5916 39.68 37.9224 39.2457C38.7431 38.1728 39.8407 37.4466 41.0661 36.9071C41.5385 36.7006 41.8891 36.6271 41.9619 37.3447C42.1143 38.8921 40.5787 40.9524 39.0027 41.166Z" fill="#FBFBFB"/>
+  <path d="M60.5112 37.7304C61.5757 37.5935 62.41 38.5048 62.6507 39.9201C62.7688 40.6082 60.5989 42.6281 59.653 42.7117C58.8127 42.7864 57.6123 41.1208 57.81 39.4419C57.9668 38.0972 59.6348 38.2361 60.5112 37.7304Z" fill="#FBFBFB"/>
+  <defs>
+    <filter id="filter0_d_2378_5634" x="1.19287" y="1.08203" width="95.7837" height="95.1055" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+      <feOffset/>
+      <feGaussianBlur stdDeviation="2"/>
+      <feComposite in2="hardAlpha" operator="out"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2378_5634"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2378_5634" result="shape"/>
+    </filter>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/public/icons/threePolaroids.png b/public/icons/threePolaroids.png
new file mode 100644
index 0000000..c1f25a9
Binary files /dev/null and b/public/icons/threePolaroids.png differ
diff --git a/src/__tests__/validateBirthDt.test.ts b/src/__tests__/validateBirthDt.test.ts
new file mode 100644
index 0000000..8c9c081
--- /dev/null
+++ b/src/__tests__/validateBirthDt.test.ts
@@ -0,0 +1,45 @@
+import { validateBirthDt } from '@/lib/utils/validation'
+import { describe, expect, it } from '@jest/globals'
+
+describe('validateBirthDt', () => {
+  it('before 1900 -> false', () => {
+    expect(validateBirthDt('1899-12-31')).toBe(false)
+  })
+
+  it('year after the current year -> false', () => {
+    const nextYear = (new Date().getFullYear() + 1).toString()
+    expect(validateBirthDt(`${nextYear}-01-01`)).toBe(false)
+  })
+
+  it('invalid month -> false', () => {
+    expect(validateBirthDt('2020-13-01')).toBe(false)
+    expect(validateBirthDt('2020-00-01')).toBe(false)
+  })
+
+  it('invalid day -> false', () => {
+    expect(validateBirthDt('2024-01-32')).toBe(false)
+    expect(validateBirthDt('2024-02-30')).toBe(false)
+  })
+
+  it('valid date -> true', () => {
+    expect(validateBirthDt('2024-01-31')).toBe(true)
+    expect(validateBirthDt('2020-02-29')).toBe(true) // Leap year
+  })
+
+  it('non-leap year February 29 -> false', () => {
+    expect(validateBirthDt('2019-02-29')).toBe(false) // non-leap year
+  })
+
+  it('at the edge of the year range -> true', () => {
+    expect(validateBirthDt('1900-01-01')).toBe(true)
+  })
+
+  it('future date -> false', () => {
+    const tomorrow = new Date()
+    tomorrow.setDate(tomorrow.getDate() + 1)
+    const futureDate = tomorrow
+      .toISOString()
+      .split('T')[0] as `${string}-${string}-${string}`
+    expect(validateBirthDt(futureDate)).toBe(false)
+  })
+})
diff --git a/src/app/(board)/board/[boardId]/actions/uploadAction.ts b/src/app/(board)/board/[boardId]/_actions/uploadAction.ts
similarity index 100%
rename from src/app/(board)/board/[boardId]/actions/uploadAction.ts
rename to src/app/(board)/board/[boardId]/_actions/uploadAction.ts
diff --git a/src/app/(board)/board/[boardId]/components/CreatePolaroidModal/ArrowBack.tsx b/src/app/(board)/board/[boardId]/_components/CreatePolaroidModal/ArrowBack.tsx
similarity index 100%
rename from src/app/(board)/board/[boardId]/components/CreatePolaroidModal/ArrowBack.tsx
rename to src/app/(board)/board/[boardId]/_components/CreatePolaroidModal/ArrowBack.tsx
diff --git a/src/app/(board)/board/[boardId]/components/CreatePolaroidModal/ModalContext.tsx b/src/app/(board)/board/[boardId]/_components/CreatePolaroidModal/ModalContext.tsx
similarity index 100%
rename from src/app/(board)/board/[boardId]/components/CreatePolaroidModal/ModalContext.tsx
rename to src/app/(board)/board/[boardId]/_components/CreatePolaroidModal/ModalContext.tsx
diff --git a/src/app/(board)/board/[boardId]/components/CreatePolaroidModal/UploadBtn.tsx b/src/app/(board)/board/[boardId]/_components/CreatePolaroidModal/UploadBtn.tsx
similarity index 100%
rename from src/app/(board)/board/[boardId]/components/CreatePolaroidModal/UploadBtn.tsx
rename to src/app/(board)/board/[boardId]/_components/CreatePolaroidModal/UploadBtn.tsx
diff --git a/src/app/(board)/board/[boardId]/components/CreatePolaroidModal/index.tsx b/src/app/(board)/board/[boardId]/_components/CreatePolaroidModal/index.tsx
similarity index 95%
rename from src/app/(board)/board/[boardId]/components/CreatePolaroidModal/index.tsx
rename to src/app/(board)/board/[boardId]/_components/CreatePolaroidModal/index.tsx
index bd96150..cd59ebe 100644
--- a/src/app/(board)/board/[boardId]/components/CreatePolaroidModal/index.tsx
+++ b/src/app/(board)/board/[boardId]/_components/CreatePolaroidModal/index.tsx
@@ -2,7 +2,7 @@
 
 import PolaroidMaker from '@/components/Polaroid/PolaroidMaker'
 import { useRef, useState } from 'react'
-import { uploadAction } from '../../actions/uploadAction'
+import { uploadAction } from '../../_actions/uploadAction'
 import ArrowBack from './ArrowBack'
 import { useModal } from './ModalContext'
 import UploadBtn from './UploadBtn'
diff --git a/src/app/(board)/board/[boardId]/components/Empty.tsx b/src/app/(board)/board/[boardId]/_components/Empty.tsx
similarity index 64%
rename from src/app/(board)/board/[boardId]/components/Empty.tsx
rename to src/app/(board)/board/[boardId]/_components/Empty.tsx
index 504c9cd..f936c16 100644
--- a/src/app/(board)/board/[boardId]/components/Empty.tsx
+++ b/src/app/(board)/board/[boardId]/_components/Empty.tsx
@@ -1,8 +1,8 @@
 import Icon from 'public/icons/pinned.svg'
 
 const Empty = () => (
-  <div className="flex-1 flex flex-col justify-center items-center pb-16">
-    <Icon className="text-gray-900 size-24" />
+  <div className="flex flex-1 flex-col items-center justify-center pb-16">
+    <Icon className="size-24 text-gray-900" />
     <span className="font-jooree text-2xl opacity-40">보드를 꾸며주세요!</span>
   </div>
 )
diff --git a/src/app/(board)/board/[boardId]/components/OpenModalBtn.tsx b/src/app/(board)/board/[boardId]/_components/OpenModalBtn.tsx
similarity index 66%
rename from src/app/(board)/board/[boardId]/components/OpenModalBtn.tsx
rename to src/app/(board)/board/[boardId]/_components/OpenModalBtn.tsx
index 2c66ad5..6f9bef7 100644
--- a/src/app/(board)/board/[boardId]/components/OpenModalBtn.tsx
+++ b/src/app/(board)/board/[boardId]/_components/OpenModalBtn.tsx
@@ -1,10 +1,13 @@
 'use client'
 
 import Modal from '@/components/Modal'
+import { useSession } from 'next-auth/react'
 import AddPolaroid from 'public/icons/add_polaroid.svg'
 import { ReactNode } from 'react'
 import { useModal } from './CreatePolaroidModal/ModalContext'
 import CannotUploadModal from './modals/CannotUploadModal'
+import Tutorial from './Tutorial'
+import { Step2Tooltip } from './Tutorial/Tooltips'
 
 interface OpenModalBtnProps {
   polaroidNum: number
@@ -12,6 +15,7 @@ interface OpenModalBtnProps {
 }
 
 const OpenModalBtn = ({ polaroidNum, children }: OpenModalBtnProps) => {
+  const { data: session } = useSession()
   const { isOpen, openModal, closeModal } = useModal()
 
   const renderModalContent = () => {
@@ -28,7 +32,15 @@ const OpenModalBtn = ({ polaroidNum, children }: OpenModalBtnProps) => {
   return (
     <div>
       {isOpen && renderModalContent()}
-      <AddPolaroid onClick={openModal} className="absolute bottom-10 right-4" />
+      <div className="absolute bottom-10 right-4">
+        <Tutorial
+          step={session ? 2 : 1}
+          tooltip={<Step2Tooltip />}
+          hasNext={false}
+        >
+          <AddPolaroid onClick={openModal} />
+        </Tutorial>
+      </div>
     </div>
   )
 }
diff --git a/src/app/(board)/board/[boardId]/components/ShareBtn.tsx b/src/app/(board)/board/[boardId]/_components/ShareBtn.tsx
similarity index 82%
rename from src/app/(board)/board/[boardId]/components/ShareBtn.tsx
rename to src/app/(board)/board/[boardId]/_components/ShareBtn.tsx
index 754e664..8c78234 100644
--- a/src/app/(board)/board/[boardId]/components/ShareBtn.tsx
+++ b/src/app/(board)/board/[boardId]/_components/ShareBtn.tsx
@@ -5,6 +5,7 @@ import CopyIcon from 'public/icons/copy.svg'
 import Share from 'public/icons/ios_share.svg'
 import TwoPolaroidsIcon from 'public/icons/twopolaroids.svg'
 import { useEffect, useState } from 'react'
+import { useTutorial } from './Tutorial/TutorialContext'
 
 const ShareBtn = () => {
   const [showShareModal, setShowShareModal] = useState<boolean>(false)
@@ -18,11 +19,19 @@ const ShareBtn = () => {
     return navigator.clipboard.writeText(currentURL)
   }
 
+  const { run, nextStep } = useTutorial()
+  const handleClose = () => {
+    setShowShareModal(false)
+    if (run) {
+      nextStep()
+    }
+  }
+
   return (
     <>
       <Share onClick={() => setShowShareModal(true)} className="w-6" />
 
-      <Modal isOpen={showShareModal} onClose={() => setShowShareModal(false)}>
+      <Modal isOpen={showShareModal} onClose={handleClose}>
         <Modal.CenterModal icon={<TwoPolaroidsIcon />}>
           <Modal.Close />
           <Modal.Title>보드를 친구에게 공유해보세요!</Modal.Title>
diff --git a/src/app/(board)/board/[boardId]/_components/Tutorial/Tooltip.tsx b/src/app/(board)/board/[boardId]/_components/Tutorial/Tooltip.tsx
new file mode 100644
index 0000000..b1c1252
--- /dev/null
+++ b/src/app/(board)/board/[boardId]/_components/Tutorial/Tooltip.tsx
@@ -0,0 +1,106 @@
+'use client'
+
+import { ReactNode } from 'react'
+import { twMerge } from 'tailwind-merge'
+import { useTutorial } from './TutorialContext'
+
+const Tooltip = ({
+  children,
+  className = '',
+}: {
+  children: ReactNode
+  className?: React.ComponentProps<'div'>['className']
+}) => {
+  return <div className={twMerge(`relative`, className)}>{children}</div>
+}
+
+const Triangle = ({
+  className = '',
+}: {
+  className?: React.ComponentProps<'div'>['className']
+}) => (
+  <div className={twMerge('absolute right-3 -z-10', className)}>
+    <div className="h-8 w-8 rotate-[30deg] skew-y-[30deg] scale-x-[0.866] transform rounded-lg bg-gray-950" />
+  </div>
+)
+
+const Box = ({
+  children,
+  className = '',
+  trianglePos = '',
+}: {
+  children: ReactNode
+  className?: React.ComponentProps<'div'>['className']
+  trianglePos?: React.ComponentProps<'div'>['className']
+}) => {
+  return (
+    <div
+      className={twMerge(
+        'absolute right-0 top-0 z-20 flex flex-col items-end justify-end rounded-md bg-gray-950 text-gray-0',
+        className,
+      )}
+    >
+      <Triangle className={trianglePos} />
+      {children}
+    </div>
+  )
+}
+
+const Content = ({
+  children,
+  className = '',
+}: {
+  children: ReactNode
+  className?: React.ComponentProps<'div'>['className']
+}) => {
+  return (
+    <div
+      className={twMerge(
+        'mb-[3px] whitespace-pre-line text-center text-md',
+        className,
+      )}
+    >
+      {children}
+    </div>
+  )
+}
+
+const Icon = ({
+  icon,
+  sendToBack = false,
+  className = '',
+}: {
+  icon: ReactNode
+  sendToBack?: boolean
+  className?: React.ComponentProps<'div'>['className']
+}) => {
+  return (
+    <div
+      className={twMerge(
+        `absolute -top-[0%] left-0 -translate-x-1/2 -translate-y-1/2 ${sendToBack ? 'z-10' : 'z-40'}`,
+        className,
+      )}
+    >
+      {icon}
+    </div>
+  )
+}
+
+const NextBtn = ({ hasNext }: { hasNext: boolean }) => {
+  const { nextStep, endTutorial } = useTutorial()
+  return (
+    <div
+      onClick={hasNext ? nextStep : endTutorial}
+      className="cursor-pointer text-right text-sm font-semiBold text-negative"
+    >
+      {hasNext ? '다음' : '확인'}
+    </div>
+  )
+}
+
+Tooltip.Box = Box
+Tooltip.Icon = Icon
+Tooltip.Content = Content
+Tooltip.NextBtn = NextBtn
+
+export default Tooltip
diff --git a/src/app/(board)/board/[boardId]/_components/Tutorial/Tooltips.tsx b/src/app/(board)/board/[boardId]/_components/Tutorial/Tooltips.tsx
new file mode 100644
index 0000000..0c7cdb8
--- /dev/null
+++ b/src/app/(board)/board/[boardId]/_components/Tutorial/Tooltips.tsx
@@ -0,0 +1,43 @@
+'use client'
+
+import Step1Icon from 'public/icons/onboarding-twopolaroids.svg'
+import Step2Icon from 'public/icons/onboarding-polaroid.svg'
+import Tooltip from './Tooltip'
+
+export const Step1Tooltip = () => {
+  return (
+    <Tooltip className="absolute right-4 top-[115%]">
+      <Tooltip.Icon icon={<Step1Icon />} sendToBack className="-left-[230px]" />
+      <Tooltip.Box
+        className="w-[270px] px-[18px] py-[15px]"
+        trianglePos="-top-[0%] -translate-y-[20%]"
+      >
+        <Tooltip.Content>
+          친구들에게 <span className="font-semiBold">보드를 공유</span>해보세요!
+        </Tooltip.Content>
+        <Tooltip.NextBtn hasNext />
+      </Tooltip.Box>
+    </Tooltip>
+  )
+}
+
+export const Step2Tooltip = () => {
+  return (
+    <Tooltip className="absolute -top-[220%] right-4">
+      <Tooltip.Icon
+        icon={<Step2Icon />}
+        className="-left-[270px] -translate-y-1/4"
+      />
+      <Tooltip.Box
+        className="w-[300px] px-[18px] py-5"
+        trianglePos="-bottom-[0%] translate-y-[20%]"
+      >
+        <Tooltip.Content className="pl-[58px] text-left">
+          <span className="font-semiBold">보드 주제와 맞는 사진</span>
+          {`을 올려 \n 보드를 꾸며주세요!`}
+        </Tooltip.Content>
+        <Tooltip.NextBtn hasNext={false} />
+      </Tooltip.Box>
+    </Tooltip>
+  )
+}
diff --git a/src/app/(board)/board/[boardId]/_components/Tutorial/TutorialContext.tsx b/src/app/(board)/board/[boardId]/_components/Tutorial/TutorialContext.tsx
new file mode 100644
index 0000000..49d003a
--- /dev/null
+++ b/src/app/(board)/board/[boardId]/_components/Tutorial/TutorialContext.tsx
@@ -0,0 +1,66 @@
+'use client'
+
+import {
+  ReactNode,
+  createContext,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react'
+
+interface TutorialContextProps {
+  run: boolean
+  currentStep: number
+  nextStep: () => void
+  startTutorial: () => void
+  endTutorial: () => void
+}
+
+const TutorialContext = createContext<TutorialContextProps | undefined>(
+  undefined,
+)
+
+export const TutorialProvider = ({ children }: { children: ReactNode }) => {
+  const [run, setRun] = useState<boolean>(false)
+  const [currentStep, setCurrentStep] = useState<number>(1)
+
+  const nextStep = () => setCurrentStep((prev) => prev + 1)
+
+  const startTutorial = () => setRun(true)
+  const endTutorial = () => {
+    setRun(false)
+    localStorage.setItem('needTutorial', 'false')
+  }
+
+  useEffect(() => {
+    if (localStorage.getItem('needTutorial') === 'true') {
+      startTutorial()
+    }
+  }, [])
+
+  const value = useMemo(
+    () => ({
+      run,
+      currentStep,
+      nextStep,
+      startTutorial,
+      endTutorial,
+    }),
+    [currentStep, run],
+  )
+
+  return (
+    <TutorialContext.Provider value={value}>
+      {children}
+    </TutorialContext.Provider>
+  )
+}
+
+export const useTutorial = () => {
+  const context = useContext(TutorialContext)
+  if (context === undefined) {
+    throw new Error('Error at useTutorial')
+  }
+  return context
+}
diff --git a/src/app/(board)/board/[boardId]/_components/Tutorial/index.tsx b/src/app/(board)/board/[boardId]/_components/Tutorial/index.tsx
new file mode 100644
index 0000000..9850716
--- /dev/null
+++ b/src/app/(board)/board/[boardId]/_components/Tutorial/index.tsx
@@ -0,0 +1,116 @@
+'use client'
+
+import { CSSProperties, ReactNode, useEffect, useRef, useState } from 'react'
+import { useTutorial } from './TutorialContext'
+
+interface TutorialProps {
+  children: ReactNode
+  step: number
+  tooltip: ReactNode
+  hasNext?: boolean
+}
+
+const Tutorial = ({
+  step,
+  tooltip,
+  hasNext = true,
+  children,
+}: TutorialProps) => {
+  const targetRef = useRef<HTMLDivElement>(null)
+  const [isOpen, setIsOpen] = useState<boolean>(false)
+  const [overlayStyle, setOverlayStyle] = useState<CSSProperties>({})
+  const { run, currentStep, endTutorial } = useTutorial()
+
+  // overlay 클릭 방지
+  const [topBox, setTopBox] = useState<CSSProperties>({})
+  const [bottomBox, setBottomBox] = useState<CSSProperties>({})
+  const [leftBox, setLeftBox] = useState<CSSProperties>({})
+  const [rightBox, setRightBox] = useState<CSSProperties>({})
+
+  useEffect(() => {
+    if (run && step === currentStep) {
+      setIsOpen(true)
+    } else {
+      setIsOpen(false)
+    }
+  }, [run, step, currentStep])
+
+  useEffect(() => {
+    if (isOpen && targetRef.current) {
+      const targetRect = targetRef.current.getBoundingClientRect()
+
+      setOverlayStyle({
+        position: 'fixed',
+        top: targetRect.top - 2,
+        left: targetRect.left - 3,
+        width: targetRect.width + 6,
+        height: targetRect.height + 7,
+        borderRadius: '50%',
+        zIndex: 10,
+        boxShadow: '0 0 0 9999px rgba(0, 0, 0, 0.6)',
+        pointerEvents: 'none',
+        // border: '2px dotted red',
+      })
+
+      setTopBox({
+        bottom: `calc(100% - ${targetRect.top}px + 2px)`,
+      })
+      setBottomBox({
+        top: targetRect.bottom + 5,
+      })
+      setLeftBox({
+        right: `calc(100% - ${targetRect.left}px + 3px)`,
+      })
+      setRightBox({
+        left: targetRect.right + 3,
+      })
+    }
+  }, [isOpen])
+
+  const handleTargetClick = () => {
+    setIsOpen(false)
+    if (!hasNext) {
+      endTutorial()
+    }
+  }
+
+  return (
+    <>
+      <div ref={targetRef} onClick={handleTargetClick}>
+        {children}
+      </div>
+      {isOpen && (
+        <>
+          <div style={overlayStyle}>
+            <div
+              className="pointer-events-none absolute left-[50%] top-[50%] -translate-x-[50%] -translate-y-[50%] rounded-full border-2 border-dotted border-gray-300"
+              style={{
+                width: 'calc(100% + 10px)',
+                height: 'calc(100% + 10px)',
+              }}
+            />
+            <div
+              className="pointer-events-auto fixed left-0 h-dvh w-screen"
+              style={topBox}
+            />
+            <div
+              className="pointer-events-auto fixed left-0 h-dvh w-screen"
+              style={bottomBox}
+            />
+            <div
+              className="pointer-events-auto fixed top-0 h-dvh w-screen"
+              style={leftBox}
+            />
+            <div
+              className="pointer-events-auto fixed top-0 h-dvh w-screen"
+              style={rightBox}
+            />
+          </div>
+          {tooltip}
+        </>
+      )}
+    </>
+  )
+}
+
+export default Tutorial
diff --git a/src/app/(board)/board/[boardId]/components/modals/AskBfCloseModal.tsx b/src/app/(board)/board/[boardId]/_components/modals/AskBfCloseModal.tsx
similarity index 100%
rename from src/app/(board)/board/[boardId]/components/modals/AskBfCloseModal.tsx
rename to src/app/(board)/board/[boardId]/_components/modals/AskBfCloseModal.tsx
diff --git a/src/app/(board)/board/[boardId]/components/modals/CannotUploadModal.tsx b/src/app/(board)/board/[boardId]/_components/modals/CannotUploadModal.tsx
similarity index 100%
rename from src/app/(board)/board/[boardId]/components/modals/CannotUploadModal.tsx
rename to src/app/(board)/board/[boardId]/_components/modals/CannotUploadModal.tsx
diff --git a/src/app/(board)/board/[boardId]/components/modals/FinalModal.tsx b/src/app/(board)/board/[boardId]/_components/modals/FinalModal.tsx
similarity index 100%
rename from src/app/(board)/board/[boardId]/components/modals/FinalModal.tsx
rename to src/app/(board)/board/[boardId]/_components/modals/FinalModal.tsx
diff --git a/src/app/(board)/board/[boardId]/components/Header.tsx b/src/app/(board)/board/[boardId]/components/Header.tsx
deleted file mode 100644
index 5eaebeb..0000000
--- a/src/app/(board)/board/[boardId]/components/Header.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import PinIcon from 'public/icons/pinFilled.svg'
-import ShareBtn from './ShareBtn'
-
-interface BoardHeaderProps {
-  name: string
-}
-
-const BoardHeader = ({ name }: BoardHeaderProps) => {
-  return (
-    <div className="flex items-center justify-between bg-gray-0 px-4 py-5 shadow-header">
-      <div className="w-6" />
-      <div className="flex items-center justify-center gap-[3px] text-center">
-        <PinIcon />
-        <h1 className="text-md font-semiBold leading-6">{name}</h1>
-      </div>
-      <ShareBtn />
-    </div>
-  )
-}
-
-export default BoardHeader
diff --git a/src/app/(board)/board/[boardId]/loading.tsx b/src/app/(board)/board/[boardId]/loading.tsx
deleted file mode 100644
index 4595954..0000000
--- a/src/app/(board)/board/[boardId]/loading.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import Loader from '@/components/Loading'
-
-const Loading = () => {
-  return (
-    <div className="h-dvh flex-1 flex flex-col justify-center items-center gap-2">
-      <Loader message="보드를 생성하고 있어요!" />
-    </div>
-  )
-}
-
-export default Loading
diff --git a/src/app/(board)/board/[boardId]/page.tsx b/src/app/(board)/board/[boardId]/page.tsx
index 30b6b2b..4360153 100644
--- a/src/app/(board)/board/[boardId]/page.tsx
+++ b/src/app/(board)/board/[boardId]/page.tsx
@@ -1,11 +1,18 @@
+import { auth } from '@/auth'
+import Hamburger from '@/components/HamburgerMenu'
+import Header from '@/components/Header'
 import PolaroidCard from '@/components/Polaroid/PolaroidCard'
 import { getBoard } from '@/lib'
 import { Metadata } from 'next'
-import CreatePolaroid from './components/CreatePolaroidModal'
-import { ModalProvider } from './components/CreatePolaroidModal/ModalContext'
-import Empty from './components/Empty'
-import BoardHeader from './components/Header'
-import OpenModalBtn from './components/OpenModalBtn'
+import PinIcon from 'public/icons/pinFilled.svg'
+import CreatePolaroid from './_components/CreatePolaroidModal'
+import { ModalProvider } from './_components/CreatePolaroidModal/ModalContext'
+import Empty from './_components/Empty'
+import OpenModalBtn from './_components/OpenModalBtn'
+import ShareBtn from './_components/ShareBtn'
+import Tutorial from './_components/Tutorial'
+import { Step1Tooltip } from './_components/Tutorial/Tooltips'
+import { TutorialProvider } from './_components/Tutorial/TutorialContext'
 
 export async function generateMetadata({
   params,
@@ -47,31 +54,52 @@ const BoardPage = async ({ params }: BoardPageProps) => {
   const { boardId } = params
   const board = await getBoard(boardId)
 
+  const session = await auth()
+
   return (
-    <div className="relative flex h-dvh flex-col bg-gray-50">
-      <BoardHeader name={board.title} />
-      {board.items.length === 0 ? (
-        <Empty />
-      ) : (
-        <div className="mx-auto flex-1 overflow-x-hidden overflow-y-scroll scrollbar-hide">
-          <div className="grid grid-cols-2 gap-3 p-[10px]">
-            {board.items.map((item) => (
-              <PolaroidCard
-                key={item.id}
-                imageUrl={item.imageUrl}
-                oneLineMessage={item.oneLineMessage}
-              />
-            ))}
+    <TutorialProvider>
+      <div className="relative flex h-dvh flex-col bg-gray-50">
+        <Header
+          title={
+            <div className="flex items-center justify-center gap-[3px] text-center">
+              <PinIcon />
+              <h1 className="text-md font-semiBold leading-6">{board.title}</h1>
+            </div>
+          }
+          leftButton={<Hamburger />}
+          rightButton={
+            session ? (
+              <Tutorial step={1} tooltip={<Step1Tooltip />} hasNext>
+                <ShareBtn />
+              </Tutorial>
+            ) : (
+              <ShareBtn />
+            )
+          }
+        />
+        {board.items.length === 0 ? (
+          <Empty />
+        ) : (
+          <div className="mx-auto flex-1 overflow-x-hidden overflow-y-scroll scrollbar-hide">
+            <div className="grid grid-cols-2 gap-3 p-[10px]">
+              {board.items.map((item) => (
+                <PolaroidCard
+                  key={item.id}
+                  imageUrl={item.imageUrl}
+                  oneLineMessage={item.oneLineMessage}
+                />
+              ))}
+            </div>
           </div>
-        </div>
-      )}
+        )}
 
-      <ModalProvider>
-        <OpenModalBtn polaroidNum={board.items.length}>
-          <CreatePolaroid id={boardId} />
-        </OpenModalBtn>
-      </ModalProvider>
-    </div>
+        <ModalProvider>
+          <OpenModalBtn polaroidNum={board.items.length}>
+            <CreatePolaroid id={boardId} />
+          </OpenModalBtn>
+        </ModalProvider>
+      </div>
+    </TutorialProvider>
   )
 }
 
diff --git a/src/app/(board)/board/create/components/BoardAvailabilityCheckModal.tsx b/src/app/(board)/board/create/_components/BoardAvailabilityCheckModal.tsx
similarity index 100%
rename from src/app/(board)/board/create/components/BoardAvailabilityCheckModal.tsx
rename to src/app/(board)/board/create/_components/BoardAvailabilityCheckModal.tsx
diff --git a/src/app/(board)/board/create/components/BoardNameForm.tsx b/src/app/(board)/board/create/_components/BoardNameForm.tsx
similarity index 76%
rename from src/app/(board)/board/create/components/BoardNameForm.tsx
rename to src/app/(board)/board/create/_components/BoardNameForm.tsx
index 7eaa32e..af60894 100644
--- a/src/app/(board)/board/create/components/BoardNameForm.tsx
+++ b/src/app/(board)/board/create/_components/BoardNameForm.tsx
@@ -1,18 +1,20 @@
 'use client'
 
+import Button from '@/components/Button'
 import TextInput from '@/components/TextInput'
 import { ReactNode, useState } from 'react'
-import Button from '@/components/Button'
-import { postBoard } from '@/lib'
-import { useRouter } from 'next/navigation'
 
 const MAX_BOARD_NAME_LENGTH = 15
 
-const BoardNameForm = ({ children }: { children: ReactNode }) => {
+interface BoardNameFormProps {
+  children: ReactNode
+  createBoard: (title: string) => void
+}
+
+const BoardNameForm = ({ children, createBoard }: BoardNameFormProps) => {
   const [title, setTitle] = useState('')
   const [hasError, setHasError] = useState(false)
   const isEmpty = title.length === 0
-  const router = useRouter()
 
   const onInput = (value: string) => {
     setTitle(value)
@@ -23,15 +25,6 @@ const BoardNameForm = ({ children }: { children: ReactNode }) => {
     }
   }
 
-  const createBoard = async () => {
-    const boardId = await postBoard({
-      title,
-      userId: null,
-    })
-
-    router.push(`/board/${boardId}`)
-  }
-
   return (
     <>
       <div>
@@ -52,7 +45,7 @@ const BoardNameForm = ({ children }: { children: ReactNode }) => {
         size="lg"
         className="mb-12"
         disabled={hasError || isEmpty}
-        onClick={createBoard}
+        onClick={() => createBoard(title)}
       >
         완료
       </Button>
diff --git a/src/app/(board)/board/create/components/BoardNameRecommendations.tsx b/src/app/(board)/board/create/_components/BoardNameRecommendations.tsx
similarity index 100%
rename from src/app/(board)/board/create/components/BoardNameRecommendations.tsx
rename to src/app/(board)/board/create/_components/BoardNameRecommendations.tsx
diff --git a/src/app/(board)/board/create/page.tsx b/src/app/(board)/board/create/page.tsx
index 4fb6911..eb0169a 100644
--- a/src/app/(board)/board/create/page.tsx
+++ b/src/app/(board)/board/create/page.tsx
@@ -1,10 +1,24 @@
-import PolaboLogo from 'public/images/polabo_logo.png'
 import Image from 'next/image'
-import BoardNameForm from './components/BoardNameForm'
-import BoardNameRecommendations from './components/BoardNameRecommendations'
-import BoardAvailabilityCheckModal from './components/BoardAvailabilityCheckModal'
+import PolaboLogo from 'public/images/polabo_logo.png'
+import { postBoard } from '@/lib'
+import { revalidateTag } from 'next/cache'
+import { redirect } from 'next/navigation'
+import BoardAvailabilityCheckModal from './_components/BoardAvailabilityCheckModal'
+import BoardNameForm from './_components/BoardNameForm'
+import BoardNameRecommendations from './_components/BoardNameRecommendations'
 
 const CreateBoardPage = () => {
+  const createBoard = async (title: string) => {
+    'use server'
+
+    const boardId = await postBoard({
+      title,
+      userId: null,
+    })
+
+    revalidateTag('myBoard')
+    redirect(`/board/${boardId}`)
+  }
   return (
     <div className="flex h-dvh flex-col items-center justify-between px-5">
       <Image
@@ -13,7 +27,7 @@ const CreateBoardPage = () => {
         className="object-contain px-20 pt-6"
       />
       <BoardAvailabilityCheckModal />
-      <BoardNameForm>
+      <BoardNameForm createBoard={createBoard}>
         <BoardNameRecommendations />
       </BoardNameForm>
     </div>
diff --git a/src/app/(home)/components/CopyLinkBtn.tsx b/src/app/(home)/_components/CopyLinkBtn.tsx
similarity index 89%
rename from src/app/(home)/components/CopyLinkBtn.tsx
rename to src/app/(home)/_components/CopyLinkBtn.tsx
index 1d72033..2a72ac4 100644
--- a/src/app/(home)/components/CopyLinkBtn.tsx
+++ b/src/app/(home)/_components/CopyLinkBtn.tsx
@@ -19,12 +19,12 @@ const CopyLinkBtn = () => {
 
   return (
     <>
-      <div className="text-center text-gray-700 text-xxs leading-3 mb-1">
+      <div className="mb-1 text-center text-xxs leading-3 text-gray-700">
         copy link!
       </div>
       <button
         type="button"
-        className="p-3 bg-gray-100 rounded-[30px] shadow-[0_4px_8px_0_rgba(0,0,0,0.15)]"
+        className="rounded-[30px] bg-gray-100 p-3 shadow-[0_4px_8px_0_rgba(0,0,0,0.15)]"
         aria-label="copy link"
         onClick={copyLink}
       >
diff --git a/src/app/(home)/_components/CreateBoardBtn.tsx b/src/app/(home)/_components/CreateBoardBtn.tsx
new file mode 100644
index 0000000..d40fe03
--- /dev/null
+++ b/src/app/(home)/_components/CreateBoardBtn.tsx
@@ -0,0 +1,40 @@
+'use client'
+
+import Button from '@/components/Button'
+import { useRouter } from 'next/navigation'
+import { useState } from 'react'
+import { useSession } from 'next-auth/react'
+import GoToLoginModal from './GoToLoginModal'
+
+const CreateBoardBtn = () => {
+  const router = useRouter()
+  const [loginModalOpen, setLoginModalOpen] = useState(false)
+
+  const { status } = useSession()
+
+  const handleClick = () => {
+    if (status === 'authenticated') {
+      router.push('/board/create')
+    } else {
+      setLoginModalOpen(true)
+    }
+  }
+
+  return (
+    <>
+      <Button
+        size="lg"
+        className="mb-3 shadow-[0px_0px_20px_0px_rgba(255,255,255,0.6)]"
+        onClick={handleClick}
+      >
+        보드 만들기
+      </Button>
+      <GoToLoginModal
+        isOpen={loginModalOpen}
+        onClose={() => setLoginModalOpen(false)}
+      />
+    </>
+  )
+}
+
+export default CreateBoardBtn
diff --git a/src/app/(home)/_components/GoToLoginModal.tsx b/src/app/(home)/_components/GoToLoginModal.tsx
new file mode 100644
index 0000000..1264a42
--- /dev/null
+++ b/src/app/(home)/_components/GoToLoginModal.tsx
@@ -0,0 +1,26 @@
+import Modal from '@/components/Modal'
+import { useRouter } from 'next/navigation'
+import SurprisedIcon from 'public/icons/surprised.svg'
+
+interface ModalProps {
+  isOpen: boolean
+  onClose: () => void
+}
+
+const GoToLoginModal = ({ isOpen, onClose }: ModalProps) => {
+  const router = useRouter()
+  return (
+    <Modal isOpen={isOpen} onClose={onClose}>
+      <Modal.CenterModal icon={<SurprisedIcon />}>
+        <Modal.Title>로그인 후 이용 가능합니다.</Modal.Title>
+        <Modal.Content>지금 폴라보와 함께 추억을 공유해보세요!</Modal.Content>
+        <Modal.CenterConfirm
+          confirmText="확인"
+          onConfirm={() => router.push('/login')}
+        />
+      </Modal.CenterModal>
+    </Modal>
+  )
+}
+
+export default GoToLoginModal
diff --git a/src/app/(home)/components/TotalCount.tsx b/src/app/(home)/_components/TotalCount.tsx
similarity index 89%
rename from src/app/(home)/components/TotalCount.tsx
rename to src/app/(home)/_components/TotalCount.tsx
index 0f37ab0..13e489b 100644
--- a/src/app/(home)/components/TotalCount.tsx
+++ b/src/app/(home)/_components/TotalCount.tsx
@@ -6,7 +6,7 @@ const TotalCount = async () => {
   if (!sharedCount) return null
 
   return (
-    <div className="text-center mb-2.5">
+    <div className="mb-2.5 text-center">
       지금까지
       <span className="font-semiBold">{sharedCount.toLocaleString()}개</span>의
       보드가 만들어졌어요!
diff --git a/src/app/(home)/components/CreateBoardBtn.tsx b/src/app/(home)/components/CreateBoardBtn.tsx
deleted file mode 100644
index 280110c..0000000
--- a/src/app/(home)/components/CreateBoardBtn.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-'use client'
-
-import Button from '@/components/Button'
-import { useRouter } from 'next/navigation'
-
-const CreateBoardBtn = () => {
-  const router = useRouter()
-
-  return (
-    <Button
-      size="lg"
-      className="mb-3 shadow-[0px_0px_20px_0px_rgba(255,255,255,0.6)]"
-      onClick={() => {
-        router.push('/board/create')
-      }}
-    >
-      시작하기
-    </Button>
-  )
-}
-
-export default CreateBoardBtn
diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
index 1bb1139..bb01f79 100644
--- a/src/app/(home)/page.tsx
+++ b/src/app/(home)/page.tsx
@@ -1,13 +1,15 @@
+import Image from 'next/image'
 import PolaroidsIcon from 'public/icons/home_polaroids.svg'
 import PolaboLogo from 'public/images/polabo_logo.png'
-import Image from 'next/image'
-import CreateBoardBtn from './components/CreateBoardBtn'
-import CopyLinkBtn from './components/CopyLinkBtn'
-import TotalCount from './components/TotalCount'
+import Hamburger from '@/components/HamburgerMenu'
+import CopyLinkBtn from './_components/CopyLinkBtn'
+import CreateBoardBtn from './_components/CreateBoardBtn'
+import TotalCount from './_components/TotalCount'
 
 const HomePage = () => {
   return (
     <div className="fixed left-0 right-0 mx-auto flex h-dvh max-w-md flex-col items-center justify-between bg-[url('/images/home.png')] bg-cover px-5">
+      <Hamburger className="absolute left-5 top-5" />
       <div className="overscroll-none pt-12">
         <PolaroidsIcon className="m-auto" />
         <span className="m-auto block pt-2 text-center font-jooree text-sm leading-4">
diff --git a/src/app/(onboarding)/login/_components/KakaoLogin.tsx b/src/app/(onboarding)/login/_components/KakaoLogin.tsx
new file mode 100644
index 0000000..e1d8df5
--- /dev/null
+++ b/src/app/(onboarding)/login/_components/KakaoLogin.tsx
@@ -0,0 +1,22 @@
+'use client'
+
+import Button from '@/components/Button'
+import { signIn } from 'next-auth/react'
+import KakaoIcon from 'public/icons/kakao.svg'
+
+const KakaoLogin = () => {
+  return (
+    <Button
+      size="lg"
+      className="mb-4 flex cursor-pointer items-center justify-center gap-[9px] bg-kakao font-semiBold text-gray-950 shadow-button active:bg-[#FEE500] active:bg-gradient-to-t active:from-[rgba(0,0,0,0.10)] active:to-[rgba(0,0,0,0.10)]"
+      onClick={async () => {
+        await signIn('kakao', { callbackUrl: '/signup' })
+      }}
+    >
+      <KakaoIcon />
+      카카오로 시작하기
+    </Button>
+  )
+}
+
+export default KakaoLogin
diff --git a/src/app/(onboarding)/login/_components/Policy.tsx b/src/app/(onboarding)/login/_components/Policy.tsx
new file mode 100644
index 0000000..5950c3d
--- /dev/null
+++ b/src/app/(onboarding)/login/_components/Policy.tsx
@@ -0,0 +1,31 @@
+import Link from 'next/link'
+
+const LinkTo = ({ text, link }: { text: string; link: string }) => (
+  <Link href={link} className="border-b border-gray-400 font-bold">
+    {text}
+  </Link>
+)
+
+const Policy = () => {
+  return (
+    <div className="text-center text-xxs text-gray-400">
+      <div>
+        시작하기 버튼을 누르시면 POLABO의{' '}
+        <LinkTo
+          text="서비스 이용약관"
+          link="https://hwanheejung.notion.site/POLABO-292cb07b2fd74d7488aa4b684c67eb9a?pvs=74"
+        />
+        과
+      </div>
+      <div>
+        <LinkTo
+          text="개인정보 처리방침"
+          link="https://hwanheejung.notion.site/POLABO-3c07098b731e419a92da9916c81c35f1"
+        />
+        에 동의하게 됩니다.
+      </div>
+    </div>
+  )
+}
+
+export default Policy
diff --git a/src/app/(onboarding)/login/page.tsx b/src/app/(onboarding)/login/page.tsx
new file mode 100644
index 0000000..2b62413
--- /dev/null
+++ b/src/app/(onboarding)/login/page.tsx
@@ -0,0 +1,35 @@
+import Image from 'next/image'
+import PolaroidsIcon from 'public/icons/home_polaroids.svg'
+import LoginPolaroid from 'public/icons/login_polaroid.png'
+import PolaboLogo from 'public/images/polabo_logo.png'
+import KakaoLogin from './_components/KakaoLogin'
+import Policy from './_components/Policy'
+
+const LoginPage = () => {
+  return (
+    <div className="flex h-dvh flex-col items-center justify-between px-5">
+      <div className="pb-8 pt-12">
+        <PolaroidsIcon className="m-auto" />
+        <span className="m-auto block pt-2 text-center font-jooree text-sm leading-4">
+          함께 꾸미는 폴라로이드 보드
+        </span>
+        <Image src={PolaboLogo} priority alt="logo" className="px-20 py-0.5" />
+      </div>
+      <Image
+        src={LoginPolaroid}
+        priority
+        alt="polaroids icon"
+        className="object-contain px-20 pb-10"
+      />
+      <div className="flex w-full flex-col items-center pb-[97px]">
+        <div className="pb-2 text-center text-xs">
+          지금 폴라보와 함께 추억을 공유해보세요!
+        </div>
+        <KakaoLogin />
+        <Policy />
+      </div>
+    </div>
+  )
+}
+
+export default LoginPage
diff --git a/src/app/(onboarding)/signup/_components/Header.tsx b/src/app/(onboarding)/signup/_components/Header.tsx
new file mode 100644
index 0000000..5a76234
--- /dev/null
+++ b/src/app/(onboarding)/signup/_components/Header.tsx
@@ -0,0 +1,19 @@
+'use client'
+
+import BackIcon from 'public/icons/arrow_back_ios.svg'
+import { useStep } from './contexts/StepContext'
+
+const Header = () => {
+  const { step, prevStep } = useStep()
+  return (
+    <header className="h-16 w-full p-5">
+      {step !== 1 && (
+        <div className="cursor-pointer">
+          <BackIcon onClick={() => prevStep()} />
+        </div>
+      )}
+    </header>
+  )
+}
+
+export default Header
diff --git a/src/app/(onboarding)/signup/_components/Indicator.tsx b/src/app/(onboarding)/signup/_components/Indicator.tsx
new file mode 100644
index 0000000..f31b7d4
--- /dev/null
+++ b/src/app/(onboarding)/signup/_components/Indicator.tsx
@@ -0,0 +1,26 @@
+import { useStep } from './contexts/StepContext'
+
+const Circle = ({ step, active }: { step: number; active: boolean }) => (
+  <div
+    className={
+      active
+        ? `flex h-5 w-5 items-center justify-center rounded-full bg-gray-950 text-sm text-gray-0`
+        : 'h-2 w-2 rounded-full bg-gray-400'
+    }
+  >
+    {active ? step : ''}
+  </div>
+)
+
+const Indicator = () => {
+  const { step } = useStep()
+  return (
+    <div className="mb-2 flex items-center gap-2">
+      <Circle step={1} active={step === 1} />
+      <Circle step={2} active={step === 2} />
+      <Circle step={3} active={step === 3} />
+    </div>
+  )
+}
+
+export default Indicator
diff --git a/src/app/(onboarding)/signup/_components/ProfileForm.tsx b/src/app/(onboarding)/signup/_components/ProfileForm.tsx
new file mode 100644
index 0000000..df6663e
--- /dev/null
+++ b/src/app/(onboarding)/signup/_components/ProfileForm.tsx
@@ -0,0 +1,42 @@
+'use client'
+
+import { updateProfile } from '@/lib'
+import { UserProfile } from '@/types'
+import { useSession } from 'next-auth/react'
+import Indicator from './Indicator'
+import { ProfileProvider } from './contexts/ProfileContext'
+import { useStep } from './contexts/StepContext'
+import BirthDtForm from './steps/BirthDtForm'
+import GenderForm from './steps/GenderForm'
+import NicknameForm from './steps/NicknameForm'
+
+const ProfileForm = () => {
+  const { step } = useStep()
+  const { data: session, update } = useSession()
+
+  const handleSubmit = async (newProfile: UserProfile): Promise<boolean> => {
+    if (session?.profile !== newProfile) {
+      const serverRes = await updateProfile(newProfile)
+
+      if (serverRes.code === 'SUCCESS') {
+        update({ profile: newProfile })
+        return true
+      }
+      return false
+    }
+    return true
+  }
+
+  return (
+    <div className="flex w-full flex-1 flex-col px-10">
+      <Indicator />
+      <ProfileProvider>
+        {step === 1 && <NicknameForm handleSubmit={handleSubmit} />}
+        {step === 2 && <BirthDtForm handleSubmit={handleSubmit} />}
+        {step === 3 && <GenderForm handleSubmit={handleSubmit} />}
+      </ProfileProvider>
+    </div>
+  )
+}
+
+export default ProfileForm
diff --git a/src/app/(onboarding)/signup/_components/contexts/ProfileContext.tsx b/src/app/(onboarding)/signup/_components/contexts/ProfileContext.tsx
new file mode 100644
index 0000000..3433644
--- /dev/null
+++ b/src/app/(onboarding)/signup/_components/contexts/ProfileContext.tsx
@@ -0,0 +1,65 @@
+'use client'
+
+import { UserProfile } from '@/types'
+import { useSession } from 'next-auth/react'
+import {
+  Dispatch,
+  SetStateAction,
+  createContext,
+  useContext,
+  useMemo,
+  useState,
+  useEffect,
+} from 'react'
+
+interface ProfileContextProps {
+  newName: UserProfile['nickName']
+  newBirthDt: UserProfile['birthDt']
+  newGender: UserProfile['gender']
+  setNewName: Dispatch<SetStateAction<UserProfile['nickName']>>
+  setNewBirthDt: Dispatch<SetStateAction<UserProfile['birthDt']>>
+  setNewGender: Dispatch<SetStateAction<UserProfile['gender']>>
+}
+
+const ProfileContext = createContext<ProfileContextProps | undefined>(undefined)
+
+export const ProfileProvider = ({
+  children,
+}: {
+  children: React.ReactNode
+}) => {
+  const { data: session } = useSession()
+  const [newName, setNewName] = useState<UserProfile['nickName']>('')
+  const [newBirthDt, setNewBirthDt] =
+    useState<UserProfile['birthDt']>(undefined)
+  const [newGender, setNewGender] = useState<UserProfile['gender']>('NONE')
+
+  useEffect(() => {
+    setNewName(session?.profile.nickName ?? '')
+    setNewBirthDt(session?.profile.birthDt)
+  }, [session])
+
+  const value = useMemo(
+    () => ({
+      newName,
+      newBirthDt,
+      newGender,
+      setNewName,
+      setNewBirthDt,
+      setNewGender,
+    }),
+    [newName, newBirthDt, newGender],
+  )
+
+  return (
+    <ProfileContext.Provider value={value}>{children}</ProfileContext.Provider>
+  )
+}
+
+export const useProfile = () => {
+  const context = useContext(ProfileContext)
+  if (context === undefined) {
+    throw new Error('Error at useProfile')
+  }
+  return context
+}
diff --git a/src/app/(onboarding)/signup/_components/contexts/StepContext.tsx b/src/app/(onboarding)/signup/_components/contexts/StepContext.tsx
new file mode 100644
index 0000000..b4ce3c6
--- /dev/null
+++ b/src/app/(onboarding)/signup/_components/contexts/StepContext.tsx
@@ -0,0 +1,40 @@
+'use client'
+
+import { ReactNode, createContext, useContext, useMemo, useState } from 'react'
+
+interface StepContextProps {
+  step: 1 | 2 | 3
+  nextStep: () => void
+  prevStep: () => void
+}
+
+const StepContext = createContext<StepContextProps | undefined>(undefined)
+
+export const StepProvider = ({ children }: { children: ReactNode }) => {
+  const [step, setStep] = useState<1 | 2 | 3>(1)
+
+  const nextStep = () =>
+    setStep((prev) => (prev !== 3 ? ((prev + 1) as 1 | 2 | 3) : prev))
+
+  const prevStep = () =>
+    setStep((prev) => (prev !== 1 ? ((prev - 1) as 1 | 2 | 3) : prev))
+
+  const value = useMemo(
+    () => ({
+      step,
+      nextStep,
+      prevStep,
+    }),
+    [step],
+  )
+
+  return <StepContext.Provider value={value}>{children}</StepContext.Provider>
+}
+
+export const useStep = () => {
+  const context = useContext(StepContext)
+  if (context === undefined) {
+    throw new Error('Error at useStep')
+  }
+  return context
+}
diff --git a/src/app/(onboarding)/signup/_components/steps/BirthDtForm.tsx b/src/app/(onboarding)/signup/_components/steps/BirthDtForm.tsx
new file mode 100644
index 0000000..25a70d2
--- /dev/null
+++ b/src/app/(onboarding)/signup/_components/steps/BirthDtForm.tsx
@@ -0,0 +1,79 @@
+import BirthDateInput from '@/components/BirthDateInput'
+import Button from '@/components/Button'
+import BirthInvalidModal from '@/components/Modal/BirthInvalidModal'
+import { validateBirthDt } from '@/lib/utils/validation'
+import { useState } from 'react'
+import { UserProfile } from '@/types'
+import { useProfile } from '../contexts/ProfileContext'
+import { useStep } from '../contexts/StepContext'
+
+const BirthDtForm = ({
+  handleSubmit,
+}: {
+  handleSubmit: (profile: UserProfile) => Promise<boolean>
+}) => {
+  const { newName, newBirthDt, setNewBirthDt, newGender } = useProfile()
+  const { nextStep } = useStep()
+  const [hasError, setHasError] = useState(false)
+  const [modalOpen, setModalOpen] = useState(false)
+
+  const onSubmit = async () => {
+    if (newBirthDt) {
+      if (!validateBirthDt(newBirthDt)) {
+        setModalOpen(true)
+        return
+      }
+    }
+
+    await handleSubmit({
+      nickName: newName,
+      birthDt: newBirthDt,
+      gender: newGender,
+    })
+    nextStep()
+  }
+
+  return (
+    <>
+      <div className="flex flex-1 flex-col">
+        <div className="mb-2 whitespace-pre-line text-2xl font-thin leading-10">
+          <span className="font-regular">{newName}</span>
+          {'님의\n생일을 입력해주세요!'}
+        </div>
+        <p className="text-sm text-gray-400">
+          추가 정보를 입력하시면 나에게 딱 맞는 보드 주제를 추천해드려요 :)
+        </p>
+
+        <div className="mx-auto mt-14">
+          <BirthDateInput
+            value={newBirthDt}
+            setBirthDt={setNewBirthDt}
+            setHasError={setHasError}
+            className="w-[300px] text-xl"
+          />
+        </div>
+        <Button
+          size="lg"
+          className="mb-5 mt-auto w-full"
+          disabled={hasError || !newBirthDt}
+          onClick={onSubmit}
+        >
+          다음
+        </Button>
+        <button
+          type="button"
+          onClick={() => nextStep()}
+          className="mb-6 text-center text-md font-semiBold text-gray-400"
+        >
+          다음에 할게요
+        </button>
+      </div>
+      <BirthInvalidModal
+        isOpen={modalOpen}
+        onClose={() => setModalOpen(false)}
+      />
+    </>
+  )
+}
+
+export default BirthDtForm
diff --git a/src/app/(onboarding)/signup/_components/steps/GenderBtn.tsx b/src/app/(onboarding)/signup/_components/steps/GenderBtn.tsx
new file mode 100644
index 0000000..94ffef9
--- /dev/null
+++ b/src/app/(onboarding)/signup/_components/steps/GenderBtn.tsx
@@ -0,0 +1,30 @@
+import { UserProfile } from '@/types'
+import FemaleIcon from 'public/icons/gender_f.svg'
+import MaleIcon from 'public/icons/gender_m.svg'
+import { useProfile } from '../contexts/ProfileContext'
+
+interface GenderBtnProps extends React.ComponentProps<'button'> {
+  gender: Exclude<UserProfile['gender'], 'NONE'>
+}
+
+const GenderBtn = ({ gender, onClick }: GenderBtnProps) => {
+  const { newGender } = useProfile()
+  return (
+    <button
+      className={`relative flex h-[132px] w-[124px] flex-col items-center justify-end gap-[9px] rounded-md border border-gray-950 shadow-signupGenderBtn ${newGender === gender && 'bg-gray-300'} pb-2`}
+      onClick={onClick}
+      type="button"
+    >
+      {gender === 'M' ? (
+        <MaleIcon width={66} height={66} className="mb-1" />
+      ) : (
+        <FemaleIcon width={54} height={75} alt="female" />
+      )}
+      <span className="text-lg font-semiBold">
+        {gender === 'M' ? '남성' : '여성'}
+      </span>
+    </button>
+  )
+}
+
+export default GenderBtn
diff --git a/src/app/(onboarding)/signup/_components/steps/GenderForm.tsx b/src/app/(onboarding)/signup/_components/steps/GenderForm.tsx
new file mode 100644
index 0000000..b7c9b76
--- /dev/null
+++ b/src/app/(onboarding)/signup/_components/steps/GenderForm.tsx
@@ -0,0 +1,66 @@
+import Button from '@/components/Button'
+import { UserProfile } from '@/types'
+import Link from 'next/link'
+import { useEffect, useState } from 'react'
+import { useRouter } from 'next/navigation'
+import { useProfile } from '../contexts/ProfileContext'
+import GenderBtn from './GenderBtn'
+
+const GenderForm = ({
+  handleSubmit,
+}: {
+  handleSubmit: (profile: UserProfile) => Promise<boolean>
+}) => {
+  const { newName, newBirthDt, newGender, setNewGender } = useProfile()
+  const [hasError, setHasError] = useState(false)
+  const router = useRouter()
+
+  useEffect(() => {
+    if (newGender === 'NONE') {
+      setHasError(true)
+    } else setHasError(false)
+  }, [newGender])
+
+  const onSubmit = async () => {
+    const res = await handleSubmit({
+      nickName: newName,
+      birthDt: newBirthDt,
+      gender: newGender,
+    })
+    if (res) router.push('/signup/complete')
+  }
+
+  return (
+    <div className="flex flex-1 flex-col">
+      <div className="mb-2 whitespace-pre-line text-2xl font-thin leading-10">
+        <span className="font-regular">성별</span>
+        {'을 \n 입력해주세요!'}
+      </div>
+      <p className="text-sm text-gray-400">
+        추가 정보를 입력하시면 나에게 딱 맞는 보드 주제를 추천해드려요 :)
+      </p>
+
+      <div className="mx-auto mb-6 flex flex-1 items-center gap-2">
+        <GenderBtn gender="M" onClick={() => setNewGender('M')} />
+        <GenderBtn gender="F" onClick={() => setNewGender('F')} />
+      </div>
+
+      <Button
+        size="lg"
+        className="mb-5 mt-auto w-full"
+        disabled={hasError}
+        onClick={onSubmit}
+      >
+        완료
+      </Button>
+      <Link
+        href="/signup/complete"
+        className="mb-6 text-center text-md font-semiBold text-gray-400"
+      >
+        다음에 할게요
+      </Link>
+    </div>
+  )
+}
+
+export default GenderForm
diff --git a/src/app/(onboarding)/signup/_components/steps/NicknameForm.tsx b/src/app/(onboarding)/signup/_components/steps/NicknameForm.tsx
new file mode 100644
index 0000000..a78af24
--- /dev/null
+++ b/src/app/(onboarding)/signup/_components/steps/NicknameForm.tsx
@@ -0,0 +1,56 @@
+'use client'
+
+import Button from '@/components/Button'
+import NicknameInput from '@/components/TextInput/NicknameInput'
+import SketchIcon from 'public/icons/sketchIcons-1.svg'
+import { useState } from 'react'
+import { UserProfile } from '@/types'
+import { useProfile } from '../contexts/ProfileContext'
+import { useStep } from '../contexts/StepContext'
+
+const NicknameForm = ({
+  handleSubmit,
+}: {
+  handleSubmit: (profile: UserProfile) => Promise<boolean>
+}) => {
+  const { newName, setNewName, newBirthDt, newGender } = useProfile()
+  const [hasError, setHasError] = useState(false)
+  const isEmpty = newName.length === 0
+
+  const { nextStep } = useStep()
+
+  const createNickname = async () => {
+    await handleSubmit({
+      nickName: newName,
+      birthDt: newBirthDt,
+      gender: newGender,
+    })
+    nextStep()
+  }
+
+  return (
+    <div className="flex flex-1 flex-col">
+      <div className="mb-20 text-2xl font-thin leading-10">
+        닉네임을 정해주세요!
+      </div>
+      <div className="">
+        <NicknameInput
+          value={newName}
+          setValue={setNewName}
+          setHasError={setHasError}
+          icon={<SketchIcon />}
+        />
+      </div>
+      <Button
+        size="lg"
+        className="mb-10 mt-auto w-full"
+        disabled={hasError || isEmpty}
+        onClick={createNickname}
+      >
+        다음
+      </Button>
+    </div>
+  )
+}
+
+export default NicknameForm
diff --git a/src/app/(onboarding)/signup/complete/_components/Buttons.tsx b/src/app/(onboarding)/signup/complete/_components/Buttons.tsx
new file mode 100644
index 0000000..9b010e2
--- /dev/null
+++ b/src/app/(onboarding)/signup/complete/_components/Buttons.tsx
@@ -0,0 +1,26 @@
+'use client'
+
+import Button from '@/components/Button'
+import Link from 'next/link'
+import { useRouter } from 'next/navigation'
+
+export const GoToCreateBoard = () => {
+  const router = useRouter()
+  return (
+    <Button
+      size="lg"
+      onClick={() => router.push('/board/create')}
+      className="mb-10"
+    >
+      보드 만들러 가기
+    </Button>
+  )
+}
+
+export const GoToMain = () => {
+  return (
+    <Link href="/" className="mb-5 text-sm leading-4 text-gray-400 underline">
+      메인으로 가기
+    </Link>
+  )
+}
diff --git a/src/app/(onboarding)/signup/complete/page.tsx b/src/app/(onboarding)/signup/complete/page.tsx
new file mode 100644
index 0000000..32fd0e8
--- /dev/null
+++ b/src/app/(onboarding)/signup/complete/page.tsx
@@ -0,0 +1,30 @@
+import Image from 'next/image'
+import ThreePolaroids from 'public/icons/threePolaroids.png'
+import CheckIcon from 'public/icons/sketch_check.svg'
+import { GoToCreateBoard, GoToMain } from './_components/Buttons'
+
+const SignUpCompletePage = () => {
+  return (
+    <div className="mx-5 flex h-dvh flex-col items-center">
+      <CheckIcon className="mt-8" />
+      <h1 className="mb-4 mt-[5px] whitespace-pre-line text-center text-2xl font-thin leading-10">
+        {'회원가입이\n 완료되었습니다!'}
+      </h1>
+      <p className="mb-[25px] text-sm">
+        보드를 만들어 친구들에게 공유해보세요!
+      </p>
+      <div className="flex flex-1 items-center">
+        <Image
+          src={ThreePolaroids}
+          priority
+          alt="polaroids icon"
+          className="px-14"
+        />
+      </div>
+      <GoToMain />
+      <GoToCreateBoard />
+    </div>
+  )
+}
+
+export default SignUpCompletePage
diff --git a/src/app/(onboarding)/signup/page.tsx b/src/app/(onboarding)/signup/page.tsx
new file mode 100644
index 0000000..b236852
--- /dev/null
+++ b/src/app/(onboarding)/signup/page.tsx
@@ -0,0 +1,23 @@
+import { auth } from '@/auth'
+import { redirect } from 'next/navigation'
+import ProfileForm from './_components/ProfileForm'
+import { StepProvider } from './_components/contexts/StepContext'
+import Header from './_components/Header'
+
+const SignUpPage = async () => {
+  const session = await auth()
+
+  if (session && !session.newUser) {
+    redirect('/')
+  }
+  return (
+    <div className="flex h-dvh flex-col items-center justify-between">
+      <StepProvider>
+        <Header />
+        <ProfileForm />
+      </StepProvider>
+    </div>
+  )
+}
+
+export default SignUpPage
diff --git a/src/app/api/auth/[...nextauth]/route.ts b/src/app/api/auth/[...nextauth]/route.ts
new file mode 100644
index 0000000..c4ea295
--- /dev/null
+++ b/src/app/api/auth/[...nextauth]/route.ts
@@ -0,0 +1,3 @@
+import { handlers } from '@/auth'
+
+export const { GET, POST } = handlers
diff --git a/src/app/error.tsx b/src/app/error.tsx
new file mode 100644
index 0000000..643b23b
--- /dev/null
+++ b/src/app/error.tsx
@@ -0,0 +1,11 @@
+'use client'
+
+const ErrorPage = () => {
+  return (
+    <div className="flex h-dvh flex-col items-center justify-center">
+      <h1>오류가 발생했어요.</h1>
+    </div>
+  )
+}
+
+export default ErrorPage
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index c7f2731..76aaf4f 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,3 +1,5 @@
+import AuthSession from '@/components/AuthSession'
+import CheckNewUser from '@/components/CheckNewUser'
 import GoogleAnalytics from '@/components/GoogleAnalytics'
 import '@/styles/globals.css'
 import type { Metadata } from 'next'
@@ -56,9 +58,12 @@ export default function RootLayout({
       <body
         className={`${PretendVariable.variable} ${Jooree.variable} ${Hesom.variable}`}
       >
-        <main className="mx-auto max-w-md bg-gray-0 font-pretendard">
-          {children}
-        </main>
+        <AuthSession>
+          <CheckNewUser />
+          <main className="mx-auto max-w-md bg-gray-0 font-pretendard">
+            {children}
+          </main>
+        </AuthSession>
         <div className="fixed left-0 top-0 -z-10 h-dvh w-screen bg-gray-200" />
         <div className="font-pretendard" id="modal-root" />
       </body>
diff --git a/src/app/mypage/boards/_components/BoardList/BoardEditPopup.tsx b/src/app/mypage/boards/_components/BoardList/BoardEditPopup.tsx
new file mode 100644
index 0000000..cd6f9e0
--- /dev/null
+++ b/src/app/mypage/boards/_components/BoardList/BoardEditPopup.tsx
@@ -0,0 +1,26 @@
+import Popup from '@/components/Popup'
+import React from 'react'
+
+interface BoardEditPopupProps {
+  isOpen: boolean
+  clickDelete: (e: React.MouseEvent<HTMLDivElement>) => void
+  close: () => void
+}
+
+const BoardEditPopup = ({
+  isOpen,
+  clickDelete,
+  close,
+}: BoardEditPopupProps) => {
+  return (
+    <Popup isOpen={isOpen} close={close}>
+      <div className="flex w-[168px] cursor-pointer flex-col rounded-lg bg-gray-0 py-2 pl-[22px] shadow-popup">
+        <div className="text-sm text-negative" onClick={clickDelete}>
+          <span>보드 삭제하기</span>
+        </div>
+      </div>
+    </Popup>
+  )
+}
+
+export default BoardEditPopup
diff --git a/src/app/mypage/boards/_components/BoardList/BoardItem.tsx b/src/app/mypage/boards/_components/BoardList/BoardItem.tsx
new file mode 100644
index 0000000..f202702
--- /dev/null
+++ b/src/app/mypage/boards/_components/BoardList/BoardItem.tsx
@@ -0,0 +1,64 @@
+import EllipsisIcon from 'public/icons/ellipsis.svg'
+import React, { useState } from 'react'
+import DeleteBoardModal from './DeleteBoardModal'
+import BoardEditPopup from './BoardEditPopup'
+
+interface BoardListProps {
+  title: string
+  date: string
+  id: string
+  onClickBoard: (boardId: string) => void
+  onDeleteBoard: (boardId: string) => void
+}
+
+const BoardItem = ({
+  title,
+  date,
+  id,
+  onClickBoard,
+  onDeleteBoard,
+}: BoardListProps) => {
+  const [isEditPopupOpen, setIsEditPopupOpen] = useState(false)
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false)
+
+  const openBoardEditPopup = () => setIsEditPopupOpen(true)
+  const closeBoardEditPopup = () => setIsEditPopupOpen(false)
+
+  const closeDeleteModal = () => setIsDeleteModalOpen(false)
+
+  const onClickDelete = (e: React.MouseEvent<HTMLDivElement>) => {
+    setIsEditPopupOpen(false)
+    setIsDeleteModalOpen(true)
+    e.stopPropagation()
+  }
+
+  const parseDate = (targetDate: string) => {
+    return targetDate.split('T')[0].replaceAll('-', '.')
+  }
+
+  return (
+    <li className="flex w-full cursor-pointer items-center justify-between border-b border-gray-100 pb-4 pl-7 pr-5 pt-5">
+      <div className="w-full" onClick={() => onClickBoard(id)}>
+        <div className="text-sm font-semiBold">{title}</div>
+        <div className="text-xs text-gray-400">
+          만든 날짜: {parseDate(date)}
+        </div>
+      </div>
+      <div className="relative" onClick={openBoardEditPopup}>
+        <EllipsisIcon />
+        <BoardEditPopup
+          isOpen={isEditPopupOpen}
+          clickDelete={onClickDelete}
+          close={closeBoardEditPopup}
+        />
+      </div>
+      <DeleteBoardModal
+        isOpen={isDeleteModalOpen}
+        onClose={closeDeleteModal}
+        deleteBoard={() => onDeleteBoard(id)}
+      />
+    </li>
+  )
+}
+
+export default BoardItem
diff --git a/src/app/mypage/boards/_components/BoardList/BoardPagination.tsx b/src/app/mypage/boards/_components/BoardList/BoardPagination.tsx
new file mode 100644
index 0000000..c136140
--- /dev/null
+++ b/src/app/mypage/boards/_components/BoardList/BoardPagination.tsx
@@ -0,0 +1,50 @@
+import PaginateLeftIcon from 'public/icons/pagination_left.svg'
+import PaginateRightIcon from 'public/icons/pagination_right.svg'
+import PaginateLeftDisabledIcon from 'public/icons/pagination_left_disabled.svg'
+import PaginateRightDisabledIcon from 'public/icons/pagination_right_disabled.svg'
+import { usePaginationContext } from '@/components/Pagination'
+
+const LeftPagination = () => {
+  const { canSkipToLeft, skipToLeft } = usePaginationContext()!
+
+  return canSkipToLeft ? (
+    <PaginateLeftIcon onClick={skipToLeft} />
+  ) : (
+    <PaginateLeftDisabledIcon />
+  )
+}
+
+const RightPagination = () => {
+  const { canSkipToRight, skipToRight } = usePaginationContext()!
+  return canSkipToRight ? (
+    <PaginateRightIcon onClick={skipToRight} />
+  ) : (
+    <PaginateRightDisabledIcon />
+  )
+}
+
+const Pages = () => {
+  const { pages, currentPage, paginate } = usePaginationContext()!
+
+  return pages.map((page) => (
+    <span
+      key={page}
+      className={`text-sm leading-5 ${page === currentPage ? 'underline' : ''}`}
+      onClick={() => paginate(page)}
+    >
+      {page}
+    </span>
+  ))
+}
+
+const BoardPagination = () => {
+  return (
+    <div className="flex w-full cursor-default items-center justify-center gap-4 bg-gray-0 pb-12">
+      <LeftPagination />
+      <Pages />
+      <RightPagination />
+    </div>
+  )
+}
+
+export default BoardPagination
diff --git a/src/app/mypage/boards/_components/BoardList/DeleteBoardModal.tsx b/src/app/mypage/boards/_components/BoardList/DeleteBoardModal.tsx
new file mode 100644
index 0000000..0095a6f
--- /dev/null
+++ b/src/app/mypage/boards/_components/BoardList/DeleteBoardModal.tsx
@@ -0,0 +1,33 @@
+import Modal from '@/components/Modal'
+import PolaroidIcon from 'public/icons/modal.svg'
+
+interface DeleteBoardModalProps {
+  isOpen: boolean
+  onClose: () => void
+  deleteBoard: () => void
+}
+
+const DeleteBoardModal = ({
+  isOpen,
+  onClose,
+  deleteBoard,
+}: DeleteBoardModalProps) => {
+  return (
+    <Modal isOpen={isOpen} onClose={onClose}>
+      <Modal.CenterModal icon={<PolaroidIcon />}>
+        <Modal.Close />
+        <Modal.Title>정말 삭제하시겠습니까?</Modal.Title>
+        <Modal.Content>
+          {'보드와 업로드된 폴라로이드가\n모두 사라져요.'}
+        </Modal.Content>
+        <Modal.CenterConfirmCancel
+          confirmText="네"
+          cancelText="아니오"
+          onConfirm={deleteBoard}
+        />
+      </Modal.CenterModal>
+    </Modal>
+  )
+}
+
+export default DeleteBoardModal
diff --git a/src/app/mypage/boards/_components/BoardList/index.tsx b/src/app/mypage/boards/_components/BoardList/index.tsx
new file mode 100644
index 0000000..df4985e
--- /dev/null
+++ b/src/app/mypage/boards/_components/BoardList/index.tsx
@@ -0,0 +1,67 @@
+'use client'
+
+import { PaginationProvider } from '@/components/Pagination'
+import { useRouter } from 'next/navigation'
+import { useEffect, useState } from 'react'
+import { deleteMyBoard, getMyBoards } from '@/lib/api/myBoard'
+import { MyBoard, Pagination } from '@/types'
+import BoardItem from './BoardItem'
+import BoardPagination from './BoardPagination'
+
+const BoardList = () => {
+  const router = useRouter()
+  const [pagination, setPagination] = useState<Pagination>({
+    totalPage: 0,
+    totalCount: 0,
+    currentPage: 1,
+    size: 10,
+  })
+  const [boards, setBoards] = useState<MyBoard[]>([])
+
+  const fetchBoards = async (page = 1, size = 10) => {
+    return getMyBoards(page, size).then((data) => {
+      setBoards(data.boards)
+      setPagination(data.pagination)
+    })
+  }
+
+  useEffect(() => {
+    fetchBoards()
+  }, [])
+
+  const paginate = async (page: number) => {
+    return fetchBoards(page, pagination.size)
+  }
+
+  const goToBoard = (boardId: string) => {
+    router.push(`/board/${boardId}`)
+  }
+
+  const deleteBoard = async (boardId: string) => {
+    await deleteMyBoard(boardId)
+    await fetchBoards(1, pagination.size)
+    router.refresh()
+  }
+
+  return (
+    <div className="pb-5">
+      <ul className="mt-3 overflow-y-hidden pb-12">
+        {boards.map((board) => (
+          <BoardItem
+            key={board.id}
+            title={board.title}
+            id={board.id}
+            date={board.createdAt}
+            onClickBoard={() => goToBoard(board.id)}
+            onDeleteBoard={() => deleteBoard(board.id)}
+          />
+        ))}
+      </ul>
+      <PaginationProvider pagination={pagination} onPaginate={paginate}>
+        <BoardPagination />
+      </PaginationProvider>
+    </div>
+  )
+}
+
+export default BoardList
diff --git a/src/app/mypage/boards/_components/EmptyBoardList.tsx b/src/app/mypage/boards/_components/EmptyBoardList.tsx
new file mode 100644
index 0000000..59d8340
--- /dev/null
+++ b/src/app/mypage/boards/_components/EmptyBoardList.tsx
@@ -0,0 +1,28 @@
+'use client'
+
+import Button from '@/components/Button'
+import EmptyBoardIcon from 'public/icons/empty_board.svg'
+import ArrowRightIcon from 'public/icons/arrow_right.svg'
+import { useRouter } from 'next/navigation'
+
+const EmptyBoardList = () => {
+  const router = useRouter()
+  return (
+    <div className="absolute left-[50%] top-[50%] flex -translate-x-[50%] -translate-y-[50%] flex-col items-center justify-center">
+      <EmptyBoardIcon />
+      <span className="my-2 font-jooree text-xl text-gray-900/40">
+        보드를 만들어보세요!
+      </span>
+      <Button
+        size="md"
+        className="flex items-center justify-center"
+        onClick={() => router.push('/board/create')}
+      >
+        보드 만들러가기
+        <ArrowRightIcon />
+      </Button>
+    </div>
+  )
+}
+
+export default EmptyBoardList
diff --git a/src/app/mypage/boards/page.tsx b/src/app/mypage/boards/page.tsx
new file mode 100644
index 0000000..b030642
--- /dev/null
+++ b/src/app/mypage/boards/page.tsx
@@ -0,0 +1,22 @@
+import Header from '@/components/Header'
+import { getMyBoards } from '@/lib/api/myBoard'
+import EmptyBoardList from './_components/EmptyBoardList'
+import BoardList from './_components/BoardList'
+
+const Page = async () => {
+  const { pagination } = await getMyBoards()
+  const { totalCount } = pagination
+
+  return (
+    <div className="relative min-h-dvh">
+      <Header
+        title="내 보드 목록"
+        description={`총 ${totalCount}개`}
+        leftButton={<Header.BackButton />}
+      />
+      {totalCount === 0 ? <EmptyBoardList /> : <BoardList />}
+    </div>
+  )
+}
+
+export default Page
diff --git a/src/app/mypage/leave/_components/LeaveConfirmModal.tsx b/src/app/mypage/leave/_components/LeaveConfirmModal.tsx
new file mode 100644
index 0000000..afdaf02
--- /dev/null
+++ b/src/app/mypage/leave/_components/LeaveConfirmModal.tsx
@@ -0,0 +1,22 @@
+import Modal from '@/components/Modal'
+import TwoPolaroidsIcon from 'public/icons/twopolaroids.svg'
+
+interface LeaveConfirmModalProps {
+  isOpen: boolean
+  onClose: () => void
+}
+const LeaveConfirmModal = ({ isOpen, onClose }: LeaveConfirmModalProps) => {
+  const title = 'POLABO 탈퇴가 완료되었습니다.'
+  const content = '그동안 POLABO를\n이용해주셔서 감사합니다.'
+  return (
+    <Modal isOpen={isOpen} onClose={onClose} closeOnOutsideClick={false}>
+      <Modal.CenterModal icon={<TwoPolaroidsIcon />}>
+        <Modal.Title>{title}</Modal.Title>
+        <Modal.Content>{content}</Modal.Content>
+        <Modal.CenterConfirm confirmText="확인" />
+      </Modal.CenterModal>
+    </Modal>
+  )
+}
+
+export default LeaveConfirmModal
diff --git a/src/app/mypage/leave/_components/LeaveForm.tsx b/src/app/mypage/leave/_components/LeaveForm.tsx
new file mode 100644
index 0000000..db91a9d
--- /dev/null
+++ b/src/app/mypage/leave/_components/LeaveForm.tsx
@@ -0,0 +1,115 @@
+'use client'
+
+import TextArea from '@/components/TextArea'
+import Button from '@/components/Button'
+import { useEffect, useState } from 'react'
+import Select, { SelectOptionType } from '@/components/Select'
+import { withdraw } from '@/lib'
+import { signOut } from 'next-auth/react'
+import LeaveConfirmModal from './LeaveConfirmModal'
+
+type WithdrawOptionType = SelectOptionType & {
+  value: string
+}
+
+const withdrawOptions: WithdrawOptionType[] = [
+  {
+    value: 'SELECT',
+    label: '선택해주세요.',
+  },
+  {
+    value: 'NOT_USE',
+    label: '더 이상 이용하지 않아요.',
+  },
+  {
+    value: 'WORRY_ABOUT_PERSONAL_INFO',
+    label: '개인정보가 걱정돼요.',
+  },
+  {
+    value: 'DROP_MY_DATA',
+    label: '제 데이터를 삭제하고 싶어요.',
+  },
+  {
+    value: 'WANT_TO_NEW_ACCOUNT',
+    label: '새로운 계정을 만들고 싶어요.',
+  },
+  {
+    value: 'OTHER',
+    label: '기타',
+  },
+]
+
+const LeaveForm = () => {
+  const [withdrawType, setWithdrawType] = useState<WithdrawOptionType>(
+    withdrawOptions[0],
+  )
+  const [customReason, setCustomReason] = useState<string>('')
+  const [isFormValid, setIsFormValid] = useState<boolean>(false)
+  const [isLeaveConfirmModalOpen, setIsLeaveConfirmModalOpen] = useState(false)
+  const errorMessage =
+    customReason.length > 50 ? '50자까지 입력 가능합니다.' : ''
+  const isCustomReasonValid = customReason && !errorMessage
+
+  useEffect(() => {
+    if (withdrawType.value === 'SELECT') {
+      setIsFormValid(false)
+    } else if (withdrawType.value === 'OTHER' && !isCustomReasonValid) {
+      setIsFormValid(false)
+    } else {
+      setIsFormValid(true)
+    }
+  }, [withdrawType, customReason])
+
+  const submit = async () => {
+    if (!isFormValid) {
+      return
+    }
+
+    await withdraw({
+      type: withdrawType.value,
+      reason: customReason,
+    })
+
+    setIsLeaveConfirmModalOpen(true)
+  }
+
+  const onCloseLeaveConfirmModal = () => {
+    signOut({ callbackUrl: '/' })
+  }
+
+  return (
+    <form className="flex flex-1 flex-col justify-between">
+      <div className="flex flex-col gap-8">
+        <Select<WithdrawOptionType>
+          selectedOption={withdrawType}
+          options={withdrawOptions}
+          onSelect={setWithdrawType}
+        />
+        {withdrawType.value === 'OTHER' && (
+          <TextArea
+            placeholder="이유를 입력해주세요."
+            value={customReason}
+            setValue={setCustomReason}
+            description={`${customReason.length}/50`}
+            hasError={!!errorMessage}
+            errorMessage={errorMessage}
+          />
+        )}
+      </div>
+      <Button
+        size="lg"
+        onClick={submit}
+        disabled={!isFormValid}
+        className="w-full"
+      >
+        탈퇴하기
+      </Button>
+      <LeaveConfirmModal
+        isOpen={isLeaveConfirmModalOpen}
+        onClose={onCloseLeaveConfirmModal}
+      />
+    </form>
+  )
+}
+
+export default LeaveForm
diff --git a/src/app/mypage/leave/_components/Title.tsx b/src/app/mypage/leave/_components/Title.tsx
new file mode 100644
index 0000000..175f627
--- /dev/null
+++ b/src/app/mypage/leave/_components/Title.tsx
@@ -0,0 +1,7 @@
+import { ReactNode } from 'react'
+
+const Title = ({ children }: { children: ReactNode }) => {
+  return <h1 className="mb-3.5 text-xl font-semiBold">{children}</h1>
+}
+
+export default Title
diff --git a/src/app/mypage/leave/page.tsx b/src/app/mypage/leave/page.tsx
new file mode 100644
index 0000000..1319881
--- /dev/null
+++ b/src/app/mypage/leave/page.tsx
@@ -0,0 +1,26 @@
+import Header from '@/components/Header'
+import LeaveForm from '@/app/mypage/leave/_components/LeaveForm'
+import Title from './_components/Title'
+
+const Page = () => {
+  const leaveCheckTitle = '탈퇴전 꼭 확인해주세요.'
+  const leaveReasonTitle = '탈퇴하려는 이유를 알려주세요.'
+  const leaveDescription =
+    '계정을 삭제하면 복구가 불가능하며\n회원정보 및 보드가 모두 삭제돼요. \n또한, 삭제된 데이터는 복구가 불가능해요.'
+
+  return (
+    <div className="flex h-dvh flex-col bg-gray-50">
+      <Header title="탈퇴하기" leftButton={<Header.BackButton />} />
+      <div className="relative flex flex-1 flex-col px-8 pb-8 pt-9">
+        <Title>{leaveCheckTitle}</Title>
+        <div className="mb-9 whitespace-pre text-sm text-gray-700">
+          {leaveDescription}
+        </div>
+        <Title>{leaveReasonTitle}</Title>
+        <LeaveForm />
+      </div>
+    </div>
+  )
+}
+
+export default Page
diff --git a/src/app/mypage/profileEdit/_components/Email.tsx b/src/app/mypage/profileEdit/_components/Email.tsx
new file mode 100644
index 0000000..0af347e
--- /dev/null
+++ b/src/app/mypage/profileEdit/_components/Email.tsx
@@ -0,0 +1,18 @@
+import { auth } from '@/auth'
+import KakaoIcon from 'public/icons/kakaoWbg.svg'
+
+const Email = async () => {
+  const session = await auth()
+  return (
+    <div className="mb-6 flex w-[264px] items-center border-b border-gray-950">
+      <div className="mr-2">
+        <KakaoIcon />
+      </div>
+      <div className="flex-1 bg-transparent p-1 text-gray-400 outline-none">
+        {session?.user?.email}
+      </div>
+    </div>
+  )
+}
+
+export default Email
diff --git a/src/app/mypage/profileEdit/_components/GenderInput.tsx b/src/app/mypage/profileEdit/_components/GenderInput.tsx
new file mode 100644
index 0000000..fa384ef
--- /dev/null
+++ b/src/app/mypage/profileEdit/_components/GenderInput.tsx
@@ -0,0 +1,29 @@
+import Button from '@/components/Button'
+import { UserProfile } from '@/types'
+import { Dispatch, SetStateAction } from 'react'
+
+interface GenderInputProps {
+  gender: UserProfile['gender']
+  setGender: Dispatch<SetStateAction<UserProfile['gender']>>
+}
+
+const GenderInput = ({ gender, setGender }: GenderInputProps) => {
+  return (
+    <div className="mb-[38px] flex justify-center gap-2">
+      <Button
+        variant={gender === 'M' ? 'primary' : 'secondary'}
+        onClick={() => setGender('M')}
+      >
+        남성
+      </Button>
+      <Button
+        variant={gender === 'F' ? 'primary' : 'secondary'}
+        onClick={() => setGender('F')}
+      >
+        여성
+      </Button>
+    </div>
+  )
+}
+
+export default GenderInput
diff --git a/src/app/mypage/profileEdit/_components/ProfileForm.tsx b/src/app/mypage/profileEdit/_components/ProfileForm.tsx
new file mode 100644
index 0000000..19c10b9
--- /dev/null
+++ b/src/app/mypage/profileEdit/_components/ProfileForm.tsx
@@ -0,0 +1,118 @@
+'use client'
+
+import { ReactNode, useEffect, useRef, useState } from 'react'
+import { useSession } from 'next-auth/react'
+import NicknameInput from '@/components/TextInput/NicknameInput'
+import BirthDateInput from '@/components/BirthDateInput'
+import { UserProfile } from '@/types'
+import { updateProfile } from '@/lib'
+import { validateBirthDt } from '@/lib/utils/validation'
+import BirthInvalidModal from '@/components/Modal/BirthInvalidModal'
+import Title from './Title'
+import SubmitBtn from './SubmitBtn'
+import GenderInput from './GenderInput'
+
+const ProfileForm = ({ children }: { children: ReactNode }) => {
+  const { data: session, update } = useSession()
+  const [newName, setNewName] = useState<UserProfile['nickName']>(
+    session?.profile.nickName ?? '',
+  )
+  const [newBirthDt, setNewBirthDt] = useState<UserProfile['birthDt']>(
+    session?.profile.birthDt,
+  )
+  const [newGender, setNewGender] = useState<UserProfile['gender']>(
+    session?.profile.gender ?? 'NONE',
+  )
+  const formRef = useRef<HTMLFormElement>(null)
+  const [nameError, setNameError] = useState(false)
+  const [birthError, setBirthError] = useState(false)
+  const [unChanged, setUnChanged] = useState(true)
+  const [modalOpen, setModalOpen] = useState(false)
+
+  useEffect(() => {
+    if (session?.profile) {
+      setNewName(session?.profile.nickName)
+      setNewBirthDt(session?.profile.birthDt)
+      setNewGender(session?.profile.gender)
+    }
+  }, [session])
+
+  useEffect(() => {
+    if (
+      session?.profile.nickName === newName &&
+      session?.profile.birthDt === newBirthDt &&
+      session?.profile.gender === newGender
+    ) {
+      setUnChanged(true)
+    } else {
+      setUnChanged(false)
+    }
+  }, [newName, newBirthDt, newGender, session])
+
+  return (
+    <>
+      <BirthInvalidModal
+        isOpen={modalOpen}
+        onClose={() => setModalOpen(false)}
+      />
+      <form
+        action={async () => {
+          if (newBirthDt) {
+            if (validateBirthDt(newBirthDt) === false) {
+              setModalOpen(true)
+              return
+            }
+          }
+
+          const newProfile = {
+            nickName: newName,
+            birthDt: newBirthDt,
+            gender: newGender,
+          }
+
+          if (session?.profile !== newProfile) {
+            const serverRes = await updateProfile(newProfile)
+
+            if (serverRes.code === 'SUCCESS') {
+              update({ profile: newProfile })
+            }
+          }
+        }}
+        ref={formRef}
+        className="mt-9 flex flex-1 flex-col px-10"
+      >
+        <div className="mx-auto w-[256px] flex-1 pb-20">
+          <div className="mb-[29px]">
+            <Title>닉네임</Title>
+            <NicknameInput
+              value={newName}
+              setValue={setNewName}
+              setHasError={setNameError}
+              name="nickname"
+            />
+          </div>
+          <div className="mb-[26px]">
+            <Title>생년월일</Title>
+            <BirthDateInput
+              value={newBirthDt}
+              setBirthDt={setNewBirthDt}
+              setHasError={setBirthError}
+              className="border-b border-gray-950"
+            />
+          </div>
+          <Title>성별</Title>
+          <GenderInput gender={newGender} setGender={setNewGender} />
+          {children}
+        </div>
+        <SubmitBtn
+          formRef={formRef}
+          btnDisabled={
+            unChanged || newName.length === 0 || birthError || nameError
+          }
+        />
+      </form>
+    </>
+  )
+}
+
+export default ProfileForm
diff --git a/src/app/mypage/profileEdit/_components/SubmitBtn.tsx b/src/app/mypage/profileEdit/_components/SubmitBtn.tsx
new file mode 100644
index 0000000..8e19f91
--- /dev/null
+++ b/src/app/mypage/profileEdit/_components/SubmitBtn.tsx
@@ -0,0 +1,31 @@
+import Button from '@/components/Button'
+import { useFormStatus } from 'react-dom'
+
+interface SubmitBtnProps {
+  formRef: React.RefObject<HTMLFormElement>
+  btnDisabled: boolean
+}
+
+const SubmitBtn = ({ formRef, btnDisabled }: SubmitBtnProps) => {
+  const { pending } = useFormStatus()
+
+  const onSubmit = () => {
+    if (formRef.current) {
+      formRef.current.requestSubmit()
+    }
+  }
+  return (
+    <div>
+      <Button
+        size="lg"
+        onClick={onSubmit}
+        className="mb-10 mt-auto w-full"
+        disabled={pending || btnDisabled}
+      >
+        저장
+      </Button>
+    </div>
+  )
+}
+
+export default SubmitBtn
diff --git a/src/app/mypage/profileEdit/_components/Title.tsx b/src/app/mypage/profileEdit/_components/Title.tsx
new file mode 100644
index 0000000..a794889
--- /dev/null
+++ b/src/app/mypage/profileEdit/_components/Title.tsx
@@ -0,0 +1,7 @@
+import { ReactNode } from 'react'
+
+const Title = ({ children }: { children: ReactNode }) => (
+  <h1 className="mb-3 text-lg font-semiBold">{children}</h1>
+)
+
+export default Title
diff --git a/src/app/mypage/profileEdit/page.tsx b/src/app/mypage/profileEdit/page.tsx
new file mode 100644
index 0000000..3581b63
--- /dev/null
+++ b/src/app/mypage/profileEdit/page.tsx
@@ -0,0 +1,26 @@
+import Header from '@/components/Header'
+import Link from 'next/link'
+import Email from './_components/Email'
+import ProfileForm from './_components/ProfileForm'
+import Title from './_components/Title'
+
+const Page = () => {
+  return (
+    <div className="flex min-h-dvh flex-col">
+      <Header title="프로필 수정" leftButton={<Header.BackButton />} />
+      <ProfileForm>
+        <Title>연결된 계정</Title>
+        <Email />
+
+        <Link
+          href="/mypage/leave"
+          className="cursor-pointer text-sm font-semiBold text-gray-400"
+        >
+          탈퇴하기
+        </Link>
+      </ProfileForm>
+    </div>
+  )
+}
+
+export default Page
diff --git a/src/auth.ts b/src/auth.ts
new file mode 100644
index 0000000..663df7c
--- /dev/null
+++ b/src/auth.ts
@@ -0,0 +1,98 @@
+/* eslint-disable no-param-reassign */
+
+import NextAuth from 'next-auth'
+import Kakao from 'next-auth/providers/kakao'
+import { login, refreshAT } from './lib/api/auth'
+
+/* eslint-disable-next-line @typescript-eslint/naming-convention */
+export const { handlers, signIn, signOut, auth, unstable_update } = NextAuth({
+  providers: [
+    Kakao({
+      clientId: process.env.AUTH_KAKAO_ID,
+      clientSecret: process.env.AUTH_KAKAO_SECRET,
+    }),
+  ],
+
+  trustHost: true,
+  session: {
+    strategy: 'jwt',
+    maxAge: 60 * 60 * 24, // TODO: 기획 논의 필요
+  },
+  callbacks: {
+    async signIn({ user, account }) {
+      if (account && user) {
+        try {
+          // 신규 유저인지 확인, polabo 백에서 토큰 발급
+          const {
+            newUser,
+            nickName,
+            birthDt,
+            gender,
+            accessToken,
+            refreshToken,
+            expiredDate,
+          } = await login({
+            email: user.email!,
+            nickName: user.name!,
+          })
+          // user.name = nickName
+          user.newUser = newUser
+          user.accessToken = accessToken
+          user.refreshToken = refreshToken
+          user.expiredDate = expiredDate
+          user.profile = {
+            nickName,
+            birthDt,
+            gender,
+          }
+        } catch (e) {
+          console.log('error', e)
+          return false
+        }
+      }
+
+      return true
+    },
+    async jwt({ token, user, account, trigger, session }) {
+      if (trigger === 'update' && session?.profile) {
+        token.profile = session.profile
+      }
+      if (trigger === 'update' && session?.accessToken) {
+        token.accessToken = session.accessToken
+        token.refreshToken = session.refreshToken
+        token.expiredDate = session.expiredDate
+      }
+
+      if (user && account) {
+        // first time login
+        return {
+          ...token,
+          newUser: user.newUser,
+          accessToken: user.accessToken,
+          refreshToken: user.refreshToken,
+          expiredDate: user.expiredDate,
+          profile: user.profile,
+          user,
+        }
+      }
+
+      if (Date.now() < new Date(token.expiredDate).getTime()) {
+        // AT not expired
+        return token
+      }
+      // AT expired - update token
+      const newToken = await refreshAT(token.refreshToken)
+      return { ...token, ...newToken }
+    },
+    async session({ session, token }) {
+      if (token) {
+        session.accessToken = token.accessToken
+        session.refreshToken = token.refreshToken
+        session.expiredDate = token.expiredDate
+        session.newUser = token.newUser
+        session.profile = token.profile
+      }
+      return session
+    },
+  },
+})
diff --git a/src/components/AuthSession/index.tsx b/src/components/AuthSession/index.tsx
new file mode 100644
index 0000000..cd22a8c
--- /dev/null
+++ b/src/components/AuthSession/index.tsx
@@ -0,0 +1,10 @@
+'use client'
+
+import { SessionProvider } from 'next-auth/react'
+import { ReactNode } from 'react'
+
+const AuthSession = ({ children }: { children: ReactNode }) => (
+  <SessionProvider>{children}</SessionProvider>
+)
+
+export default AuthSession
diff --git a/src/components/BirthDateInput/index.tsx b/src/components/BirthDateInput/index.tsx
new file mode 100644
index 0000000..5ad5cf4
--- /dev/null
+++ b/src/components/BirthDateInput/index.tsx
@@ -0,0 +1,131 @@
+'use client'
+
+import { UserProfile } from '@/types'
+import {
+  ChangeEvent,
+  Dispatch,
+  SetStateAction,
+  useEffect,
+  useRef,
+  useState,
+} from 'react'
+import { twMerge } from 'tailwind-merge'
+
+interface BirthDateInputProps {
+  value: UserProfile['birthDt']
+  setBirthDt: Dispatch<SetStateAction<UserProfile['birthDt']>>
+  setHasError: Dispatch<SetStateAction<boolean>>
+  className?: React.ComponentProps<'div'>['className']
+}
+
+const BirthDateInput = ({
+  value,
+  setBirthDt,
+  setHasError,
+  className = '',
+}: BirthDateInputProps) => {
+  const [year, setYear] = useState('')
+  const [month, setMonth] = useState('')
+  const [day, setDay] = useState('')
+
+  const monthInputRef = useRef<HTMLInputElement>(null)
+  const dayInputRef = useRef<HTMLInputElement>(null)
+
+  useEffect(() => {
+    if (!value) return
+
+    const [y, m, d] = value.split('-')
+    setYear(y)
+    setMonth(m)
+    setDay(d)
+  }, [value])
+
+  useEffect(() => {
+    if (!year && !month && !day) {
+      setHasError(false)
+      setBirthDt(undefined)
+    } else if (year.length === 4 && month.length === 2 && day.length === 2) {
+      setBirthDt(`${year}-${month}-${day}`)
+      setHasError(false)
+    } else {
+      setBirthDt(undefined)
+      setHasError(true)
+    }
+  }, [year, month, day])
+
+  const handleYearChange = (e: ChangeEvent<HTMLInputElement>) => {
+    const { value: inputValue } = e.target
+    if (/^\d{0,4}$/.test(inputValue)) {
+      setYear(inputValue)
+      if (inputValue.length === 4) {
+        monthInputRef.current?.focus()
+      }
+    }
+  }
+
+  const handleMonthChange = (e: ChangeEvent<HTMLInputElement>) => {
+    const { value: inputValue } = e.target
+    if (/^\d{0,2}$/.test(inputValue) && +inputValue <= 12) {
+      setMonth(inputValue)
+      if (inputValue.length === 2) {
+        dayInputRef.current?.focus()
+      }
+    }
+  }
+
+  const handleDayChange = (e: ChangeEvent<HTMLInputElement>) => {
+    const { value: inputValue } = e.target
+    if (/^\d{0,2}$/.test(inputValue) && +inputValue <= 31) {
+      setDay(inputValue)
+    }
+  }
+  
+  return (
+    <div
+      className={twMerge(
+        'flex w-[264px] items-center justify-around px-2 pb-2 text-md',
+        className,
+      )}
+    >
+      <div>
+        <input
+          type="number"
+          value={year}
+          onChange={handleYearChange}
+          placeholder="YYYY"
+          className="w-full px-4 text-center focus:outline-none"
+          maxLength={4}
+          inputMode="numeric"
+        />
+      </div>
+      <span className="font-semibold text-xl text-gray-400">/</span>
+      <div>
+        <input
+          type="number"
+          value={month}
+          onChange={handleMonthChange}
+          placeholder="MM"
+          className="w-full text-center focus:outline-none"
+          maxLength={2}
+          inputMode="numeric"
+          ref={monthInputRef}
+        />
+      </div>
+      <span className="font-semibold text-xl text-gray-400">/</span>
+      <div>
+        <input
+          type="number"
+          value={day}
+          onChange={handleDayChange}
+          placeholder="DD"
+          className="w-full text-center focus:outline-none"
+          maxLength={2}
+          inputMode="numeric"
+          ref={dayInputRef}
+        />
+      </div>
+    </div>
+  )
+}
+
+export default BirthDateInput
diff --git a/src/components/CheckNewUser/index.tsx b/src/components/CheckNewUser/index.tsx
new file mode 100644
index 0000000..c25e127
--- /dev/null
+++ b/src/components/CheckNewUser/index.tsx
@@ -0,0 +1,27 @@
+'use client'
+
+import { useSession } from 'next-auth/react'
+import { useEffect } from 'react'
+
+const CheckNewUser = () => {
+  const { data: session } = useSession()
+
+  useEffect(() => {
+    if (!session) {
+      // 비회원
+      if (localStorage.getItem('needTutorial') === null) {
+        localStorage.setItem('needTutorial', 'true')
+      }
+    } else if (session?.newUser) {
+      // 신규 회원
+      localStorage.setItem('needTutorial', 'true')
+    } else {
+      // 기존 회원
+      localStorage.setItem('needTutorial', 'false')
+    }
+  }, [session])
+
+  return null
+}
+
+export default CheckNewUser
diff --git a/src/components/HamburgerMenu/Drawer.tsx b/src/components/HamburgerMenu/Drawer.tsx
new file mode 100644
index 0000000..79f7ec8
--- /dev/null
+++ b/src/components/HamburgerMenu/Drawer.tsx
@@ -0,0 +1,89 @@
+'use client'
+
+import CloseIcon from 'public/icons/close.svg'
+import { ReactNode, useEffect } from 'react'
+import ReactDOM from 'react-dom'
+import { useDrawer } from './DrawerContext'
+
+const DrawerOverlay = ({
+  children,
+  closeOnClick,
+}: {
+  children: ReactNode
+  closeOnClick: boolean
+}) => {
+  const { isVisible, setClose } = useDrawer()
+
+  const handleClick = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
+    if (closeOnClick && event.target === event.currentTarget) {
+      setClose()
+    }
+  }
+
+  return (
+    <div
+      className={`absolute inset-0 flex items-center justify-center bg-gray-900/60 transition-opacity duration-300 ${
+        isVisible ? 'opacity-100' : 'opacity-0'
+      }`}
+      onClick={handleClick}
+    >
+      {children}
+    </div>
+  )
+}
+
+interface DrawerProps {
+  children: ReactNode
+  isOpen: boolean
+  onClose: () => void
+}
+
+const Drawer = ({ children, isOpen, onClose }: DrawerProps) => {
+  const { isVisible, setClose, setOpen } = useDrawer()
+
+  useEffect(() => {
+    if (isOpen) {
+      requestAnimationFrame(() => setOpen())
+    } else {
+      setClose()
+    }
+  }, [isOpen])
+
+  const handleTransitionEnd = () => {
+    if (!isVisible) {
+      onClose()
+    }
+  }
+
+  return isOpen
+    ? ReactDOM.createPortal(
+        <div className="fixed left-0 right-0 top-0 z-20 mx-auto flex h-dvh max-w-md flex-col overflow-hidden">
+          <DrawerOverlay closeOnClick>
+            <div
+              className={`absolute top-0 h-dvh w-[220px] transform bg-gray-0 transition-all duration-300 ${
+                isVisible ? 'left-0' : '-left-[220px]'
+              }`}
+              onTransitionEnd={handleTransitionEnd}
+            >
+              {children}
+            </div>
+          </DrawerOverlay>
+        </div>,
+        document.getElementById('modal-root') as HTMLElement,
+      )
+    : null
+}
+
+const DrawerClose = () => {
+  const { setClose } = useDrawer()
+  return (
+    <CloseIcon
+      className="absolute right-[14px] top-[18px] cursor-pointer"
+      onClick={setClose}
+    />
+  )
+}
+
+Drawer.Close = DrawerClose
+
+export default Drawer
diff --git a/src/components/HamburgerMenu/DrawerContext.tsx b/src/components/HamburgerMenu/DrawerContext.tsx
new file mode 100644
index 0000000..3ad844a
--- /dev/null
+++ b/src/components/HamburgerMenu/DrawerContext.tsx
@@ -0,0 +1,44 @@
+'use client'
+
+import { ReactNode, createContext, useContext, useMemo, useState } from 'react'
+
+interface DrawerContextProps {
+  isVisible: boolean
+  setClose: () => void
+  setOpen: () => void
+}
+
+const DrawerContext = createContext<DrawerContextProps>({
+  isVisible: false,
+  setClose: () => {},
+  setOpen: () => {},
+})
+
+export const DrawerProvider = ({ children }: { children: ReactNode }) => {
+  const [isVisible, setIsVisible] = useState(false)
+
+  const setClose = () => setIsVisible(false)
+
+  const setOpen = () => setIsVisible(true)
+
+  const value = useMemo(
+    () => ({
+      isVisible,
+      setClose,
+      setOpen,
+    }),
+    [isVisible],
+  )
+
+  return (
+    <DrawerContext.Provider value={value}>{children}</DrawerContext.Provider>
+  )
+}
+
+export const useDrawer = () => {
+  const context = useContext(DrawerContext)
+  if (context === undefined) {
+    throw new Error('Error at useDrawer')
+  }
+  return context
+}
diff --git a/src/components/HamburgerMenu/Menu.tsx b/src/components/HamburgerMenu/Menu.tsx
new file mode 100644
index 0000000..81957c9
--- /dev/null
+++ b/src/components/HamburgerMenu/Menu.tsx
@@ -0,0 +1,158 @@
+import { signOut, useSession } from 'next-auth/react'
+import Link from 'next/link'
+import { usePathname } from 'next/navigation'
+import LogoutModalIcon from 'public/icons/linkShare.svg'
+import PersonIcon from 'public/icons/person.svg'
+import PinIcon from 'public/icons/pinFilled.svg'
+import PolaroidIcon from 'public/icons/polaroid.svg'
+import { ReactNode, useState } from 'react'
+import Modal from '../Modal'
+import { useDrawer } from './DrawerContext'
+
+const Profile = ({
+  onClick,
+}: {
+  onClick: React.ComponentProps<'div'>['onClick']
+}) => {
+  const { data: session, status } = useSession()
+  return (
+    <div
+      onClick={onClick}
+      className={`flex cursor-pointer items-center gap-[6px] pl-[27px] ${status === 'authenticated' ? 'text-gray-800' : 'text-gray-400'} `}
+    >
+      <PersonIcon />
+      {status === 'authenticated' ? (
+        <span className="text-sm font-semiBold">
+          {session.profile.nickName}
+        </span>
+      ) : (
+        <Link className="text-sm font-semiBold" href="/login">
+          로그인해주세요.
+        </Link>
+      )}
+    </div>
+  )
+}
+
+const Main = () => {
+  const pathName = usePathname()
+  const { setClose } = useDrawer()
+  return (
+    <Link
+      href="/"
+      className="mb-[2px] mt-[27px] cursor-pointer pl-[30px] text-gray-950"
+      onClick={() => {
+        if (pathName === '/') {
+          setClose()
+        }
+      }}
+    >
+      <span className="text-lg font-bold">POLABO 메인</span>
+    </Link>
+  )
+}
+
+const Divider = () => <div className="mx-[10px] my-5 flex h-px bg-gray-200" />
+
+const MyMenu = ({
+  icon,
+  text,
+  linkTo,
+}: {
+  icon: ReactNode
+  text: string
+  linkTo: string
+}) => (
+  <Link
+    href={linkTo}
+    className="flex cursor-pointer items-center gap-[6px] pl-[28px] text-gray-700"
+  >
+    {icon}
+    <span className="text-md font-semiBold">{text}</span>
+  </Link>
+)
+
+const ServiceMenu = ({ text, linkTo }: { text: string; linkTo: string }) => (
+  <Link
+    className="cursor-pointer pl-[30px] text-sm font-semiBold text-gray-700"
+    href={linkTo}
+  >
+    {text}
+  </Link>
+)
+
+const Logout = () => {
+  const [isOpen, setIsOpen] = useState(false)
+  return (
+    <>
+      <div
+        className="mt-auto cursor-pointer pl-[30px] text-sm font-semiBold text-gray-400"
+        onClick={() => setIsOpen(true)}
+      >
+        로그아웃
+      </div>
+      <Modal isOpen={isOpen} onClose={() => setIsOpen(false)}>
+        <Modal.CenterModal icon={<LogoutModalIcon />}>
+          <Modal.Close />
+          <Modal.Title>로그아웃 하시겠습니까?</Modal.Title>
+          <Modal.CenterConfirmCancel
+            cancelText="아니요"
+            confirmText="예"
+            onConfirm={() => {
+              signOut({ callbackUrl: '/' })
+            }}
+          />
+        </Modal.CenterModal>
+      </Modal>
+    </>
+  )
+}
+
+const Menu = () => {
+  const { status } = useSession()
+
+  return (
+    <div className="flex h-full flex-col pb-[53px] pt-[58px]">
+      <Profile onClick={() => {}} />
+      <Main />
+
+      {status === 'authenticated' && (
+        <div className="mt-5 flex flex-col gap-3">
+          <MyMenu
+            icon={<PolaroidIcon />}
+            text="프로필 수정"
+            linkTo="/mypage/profileEdit"
+          />
+          <MyMenu
+            icon={<PinIcon />}
+            text="내 보드 목록"
+            linkTo="/mypage/boards"
+          />
+        </div>
+      )}
+      <Divider />
+      <div className="flex flex-col gap-3">
+        <ServiceMenu
+          text="POLABO 소개"
+          linkTo="https://hwanheejung.notion.site/POLABO-39ac5a850dcb46bd83168043acea5bbc?pvs=74"
+        />
+        <ServiceMenu
+          text="서비스 이용약관"
+          linkTo="https://hwanheejung.notion.site/POLABO-292cb07b2fd74d7488aa4b684c67eb9a?pvs=74"
+        />
+        <ServiceMenu
+          text="개인정보 처리방침"
+          linkTo="https://hwanheejung.notion.site/POLABO-3c07098b731e419a92da9916c81c35f1"
+        />
+        <ServiceMenu
+          text="문의하기"
+          linkTo="https://forms.gle/ya9HVMSJWVSKYyV77"
+        />
+      </div>
+
+      {status === 'authenticated' && <Logout />}
+    </div>
+  )
+}
+
+export default Menu
diff --git a/src/components/HamburgerMenu/index.tsx b/src/components/HamburgerMenu/index.tsx
new file mode 100644
index 0000000..875b27c
--- /dev/null
+++ b/src/components/HamburgerMenu/index.tsx
@@ -0,0 +1,32 @@
+'use client'
+
+import HamburgerIcon from 'public/icons/hamburger.svg'
+import { useState } from 'react'
+import Drawer from './Drawer'
+import Menu from './Menu'
+import { DrawerProvider } from './DrawerContext'
+
+const Hamburger = ({
+  className = '',
+}: {
+  className?: React.ComponentProps<'div'>['className']
+}) => {
+  const [isOpen, setIsOpen] = useState<boolean>(false)
+
+  return (
+    <div className={className}>
+      <HamburgerIcon
+        onClick={() => setIsOpen(true)}
+        className="cursor-pointer"
+      />
+      <DrawerProvider>
+        <Drawer isOpen={isOpen} onClose={() => setIsOpen(false)}>
+          <Drawer.Close />
+          <Menu />
+        </Drawer>
+      </DrawerProvider>
+    </div>
+  )
+}
+
+export default Hamburger
diff --git a/src/components/Header/HeaderBackButton.tsx b/src/components/Header/HeaderBackButton.tsx
new file mode 100644
index 0000000..7495843
--- /dev/null
+++ b/src/components/Header/HeaderBackButton.tsx
@@ -0,0 +1,12 @@
+'use client'
+
+import BackIcon from 'public/icons/arrow_back_ios.svg'
+import { useRouter } from 'next/navigation'
+
+const HeaderBackButton = () => {
+  const router = useRouter()
+
+  return <BackIcon onClick={() => router.back()} />
+}
+
+export default HeaderBackButton
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
new file mode 100644
index 0000000..16eddbc
--- /dev/null
+++ b/src/components/Header/index.tsx
@@ -0,0 +1,38 @@
+import { ReactNode } from 'react'
+import HeaderBackButton from '@/components/Header/HeaderBackButton'
+
+interface HeaderProps {
+  title?: ReactNode
+  description?: string
+  leftButton?: ReactNode
+  rightButton?: ReactNode
+}
+
+const Header = ({
+  title = '',
+  description = '',
+  leftButton = null,
+  rightButton = null,
+}: HeaderProps) => {
+  return (
+    <>
+      <header className="fixed z-10 flex h-16 w-full max-w-md justify-between bg-gray-0 p-5 shadow-header">
+        <div className="w-6 cursor-pointer">{leftButton}</div>
+        <div className="text-gray-700">
+          <div className="text-center text-md font-semiBold leading-6">
+            {title}
+          </div>
+          <div className="mt-1 text-center text-xs font-regular leading-4">
+            {description}
+          </div>
+        </div>
+        <div className="w-6 cursor-pointer">{rightButton}</div>
+      </header>
+      <div className="block h-16 w-full" />
+    </>
+  )
+}
+
+Header.BackButton = HeaderBackButton
+
+export default Header
diff --git a/src/components/Modal/BirthInvalidModal.tsx b/src/components/Modal/BirthInvalidModal.tsx
new file mode 100644
index 0000000..ceb6be5
--- /dev/null
+++ b/src/components/Modal/BirthInvalidModal.tsx
@@ -0,0 +1,22 @@
+import Modal from '@/components/Modal'
+import PinIcon from 'public/icons/pinStroked.svg'
+
+interface ModalProps {
+  isOpen: boolean
+  onClose: () => void
+}
+
+const BirthInvalidModal = ({ isOpen, onClose }: ModalProps) => {
+  return (
+    <Modal isOpen={isOpen} onClose={onClose}>
+      <Modal.CenterModal icon={<PinIcon className="scale-[2.5]" />}>
+        <Modal.Title>
+          {'생년월일이 제대로 입력되었는지 \n 한 번 더 확인해주세요!'}
+        </Modal.Title>
+        <Modal.BottomConfirm confirmText="확인" />
+      </Modal.CenterModal>
+    </Modal>
+  )
+}
+
+export default BirthInvalidModal
diff --git a/src/components/Modal/index.tsx b/src/components/Modal/index.tsx
index 33db0bc..dc2e084 100644
--- a/src/components/Modal/index.tsx
+++ b/src/components/Modal/index.tsx
@@ -32,7 +32,7 @@ const ModalOverlay = ({
 
   return (
     <div
-      className={`fixed inset-0 flex items-center justify-center bg-gray-900/60 ${
+      className={`fixed inset-0 z-20 flex items-center justify-center bg-gray-900/60 ${
         isVisible ? 'opacity-100' : 'opacity-0'
       }`}
       onClick={handleClick}
@@ -135,7 +135,7 @@ const ModalBodyTitle = ({ children }: { children: ReactNode }) => {
 
 const ModalBodyContent = ({ children }: { children: ReactNode }) => {
   return (
-    <div className="mt-2 w-40 whitespace-pre text-center text-xs leading-4 text-gray-700">
+    <div className="mt-2 min-w-40 max-w-full whitespace-pre px-10 text-center text-xs leading-4 text-gray-700">
       {children}
     </div>
   )
diff --git a/src/components/Pagination/index.tsx b/src/components/Pagination/index.tsx
new file mode 100644
index 0000000..89c8aed
--- /dev/null
+++ b/src/components/Pagination/index.tsx
@@ -0,0 +1,99 @@
+import React, {
+  createContext,
+  useContext,
+  useMemo,
+  ReactNode,
+  useState,
+  useEffect,
+} from 'react'
+import { Pagination } from '@/types'
+
+interface PaginationContextType {
+  currentPage: number
+  pages: number[]
+  totalPage: number
+  canSkipToLeft: boolean
+  canSkipToRight: boolean
+  paginate: (page: number) => void
+  skipToLeft: () => void
+  skipToRight: () => void
+}
+
+const PaginationContext = createContext<PaginationContextType>({
+  currentPage: 0,
+  pages: [],
+  totalPage: 0,
+  canSkipToLeft: false,
+  canSkipToRight: false,
+  paginate: () => {},
+  skipToLeft: () => {},
+  skipToRight: () => {},
+})
+
+interface PaginationProviderProps {
+  pagination: Pagination
+  maxVisiblePages?: number
+  children: ReactNode
+  onPaginate: (page: number) => void
+}
+
+export function PaginationProvider({
+  onPaginate,
+  maxVisiblePages = 5,
+  children,
+  pagination,
+}: PaginationProviderProps) {
+  const { totalPage, currentPage } = pagination
+  const [pages, setPages] = useState<number[]>([])
+  const [canSkipToLeft, setCanSkipToLeft] = useState(false)
+  const [canSkipToRight, setCanSkipToRight] = useState(false)
+  useEffect(() => {
+    const startPage =
+      Math.floor((currentPage - 1) / maxVisiblePages) * maxVisiblePages + 1
+    const endPage = Math.min(startPage + maxVisiblePages - 1, totalPage)
+    const lastStartPage =
+      Math.floor((totalPage - 1) / maxVisiblePages) * maxVisiblePages + 1
+
+    setPages(
+      Array.from({ length: endPage - startPage + 1 }, (_, i) => startPage + i),
+    )
+    setCanSkipToLeft(currentPage > maxVisiblePages)
+    setCanSkipToRight(currentPage < lastStartPage)
+  }, [currentPage, totalPage, maxVisiblePages])
+
+  const skipToLeft = () => {
+    onPaginate(
+      Math.floor((currentPage - 1) / maxVisiblePages) * maxVisiblePages,
+    )
+  }
+
+  const skipToRight = () => {
+    onPaginate(
+      Math.floor((currentPage - 1) / maxVisiblePages + 1) * maxVisiblePages + 1,
+    )
+  }
+
+  const value = useMemo(
+    () => ({
+      currentPage,
+      pages,
+      totalPage,
+      paginate: onPaginate,
+      canSkipToLeft,
+      canSkipToRight,
+      skipToLeft,
+      skipToRight,
+    }),
+    [currentPage, pages, totalPage],
+  )
+
+  return (
+    <PaginationContext.Provider value={value}>
+      {children}
+    </PaginationContext.Provider>
+  )
+}
+
+export function usePaginationContext(): PaginationContextType {
+  return useContext(PaginationContext)
+}
diff --git a/src/components/Popup/index.tsx b/src/components/Popup/index.tsx
new file mode 100644
index 0000000..20ea3e9
--- /dev/null
+++ b/src/components/Popup/index.tsx
@@ -0,0 +1,52 @@
+'use client'
+
+import React, { ReactNode, useEffect, useRef } from 'react'
+import { twMerge } from 'tailwind-merge'
+
+interface PopupProps {
+  isOpen: boolean
+  yPosition?: 'top' | 'bottom'
+  xPosition?: 'left' | 'right'
+  children: ReactNode
+  close: () => void
+}
+
+const Popup = ({
+  isOpen,
+  close,
+  yPosition = 'bottom',
+  xPosition = 'right',
+  children,
+}: PopupProps) => {
+  const ref = useRef<HTMLDivElement | null>(null)
+  const handleClickOutside = (event: MouseEvent) => {
+    if (ref.current && !ref.current.contains(event.target as Node)) {
+      event.stopPropagation()
+      close()
+    }
+  }
+
+  useEffect(() => {
+    document.addEventListener('click', handleClickOutside, true)
+
+    return () => {
+      document.removeEventListener('click', handleClickOutside, true)
+    }
+  }, [])
+
+  if (!isOpen) return null
+
+  const className = twMerge(
+    'absolute z-5',
+    yPosition === 'top' ? 'top' : 'bottom',
+    xPosition === 'left' ? 'left-0' : 'right-0',
+  )
+
+  return (
+    <div className={className} ref={ref}>
+      {children}
+    </div>
+  )
+}
+
+export default Popup
diff --git a/src/components/Select/index.tsx b/src/components/Select/index.tsx
new file mode 100644
index 0000000..b727ef8
--- /dev/null
+++ b/src/components/Select/index.tsx
@@ -0,0 +1,80 @@
+'use client'
+
+import ArrowUpIcon from 'public/icons/arrow_up.svg'
+import ArrowDownIcon from 'public/icons/arrow_down.svg'
+import CheckIcon from 'public/icons/check.svg'
+import { useState } from 'react'
+
+export type SelectOptionType = {
+  value: unknown
+  label: string
+}
+
+interface SelectOptionProps<T extends SelectOptionType> {
+  option: T
+  selected: boolean
+  onSelect: (value: T) => void
+}
+
+const SelectOption = <T extends SelectOptionType>({
+  option,
+  selected,
+  onSelect,
+}: SelectOptionProps<T>) => {
+  return (
+    <button
+      type="button"
+      onClick={() => onSelect(option)}
+      className="ml-3 grid grid-cols-[13px_minmax(0,1fr)] items-center justify-items-start gap-2 border-b-[0.5px] border-b-gray-200 py-1.5 text-sm active:bg-gray-100"
+    >
+      {selected ? <CheckIcon /> : <div />}
+      {option.label}
+    </button>
+  )
+}
+
+interface SelectProps<T extends SelectOptionType> {
+  selectedOption: T
+  options: T[]
+  onSelect: (value: T) => void
+}
+
+const Select = <T extends SelectOptionType>({
+  selectedOption,
+  options,
+  onSelect,
+}: SelectProps<T>) => {
+  const [isOpen, setIsOpen] = useState(false)
+
+  const onSelectItem = (value: T) => {
+    onSelect(value)
+    setIsOpen(false)
+  }
+
+  return (
+    <div className="relative">
+      <button
+        className={`flex h-12 w-full items-center justify-between rounded-md border ${isOpen ? 'border-gray-400' : 'border-gray-800'} px-3.5`}
+        type="button"
+        onClick={() => setIsOpen((prev) => !prev)}
+      >
+        <span>{selectedOption.label}</span>
+        {isOpen ? <ArrowDownIcon /> : <ArrowUpIcon />}
+      </button>
+      {isOpen && (
+        <div className="absolute left-0 top-12 z-10 mt-1 flex w-full flex-col rounded-md border border-gray-400 bg-gray-0">
+          {options.map((option) => (
+            <SelectOption<T>
+              key={option.label}
+              option={option}
+              selected={selectedOption.value === option.value}
+              onSelect={onSelectItem}
+            />
+          ))}
+        </div>
+      )}
+    </div>
+  )
+}
+
+export default Select
diff --git a/src/components/TextArea/index.tsx b/src/components/TextArea/index.tsx
new file mode 100644
index 0000000..617bd6d
--- /dev/null
+++ b/src/components/TextArea/index.tsx
@@ -0,0 +1,54 @@
+'use client'
+
+import { ChangeEvent, useRef } from 'react'
+import { twMerge } from 'tailwind-merge'
+
+interface TextInputProps {
+  value: string
+  setValue: (value: string) => void
+  hasError: boolean
+  description: string
+  errorMessage: string
+  placeholder: string
+}
+
+const TextInput = ({
+  value,
+  setValue,
+  hasError,
+  description,
+  errorMessage,
+  placeholder,
+}: TextInputProps) => {
+  const borderClass = twMerge(
+    'flex items-center mb-2 border-b ',
+    hasError ? 'border-negative' : 'border-gray-950',
+  )
+  const textareaRef = useRef<HTMLTextAreaElement>(null)
+
+  return (
+    <div className={`w-full ${hasError ? 'text-negative' : ''}`}>
+      <div className={borderClass}>
+        <textarea
+          placeholder={placeholder}
+          ref={textareaRef}
+          rows={1}
+          value={value}
+          onChange={(e: ChangeEvent<HTMLTextAreaElement>) => {
+            if (textareaRef.current) {
+              textareaRef.current.style.height = 'auto'
+              textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`
+            }
+            setValue(e.target.value)
+          }}
+          className="w-full resize-none overflow-y-hidden bg-transparent p-1 outline-none"
+        />
+      </div>
+      <div className="text-right text-xs">
+        {hasError ? errorMessage : description}
+      </div>
+    </div>
+  )
+}
+
+export default TextInput
diff --git a/src/components/TextInput/NicknameInput.tsx b/src/components/TextInput/NicknameInput.tsx
new file mode 100644
index 0000000..5c041a9
--- /dev/null
+++ b/src/components/TextInput/NicknameInput.tsx
@@ -0,0 +1,69 @@
+'use client'
+
+import {
+  Dispatch,
+  InputHTMLAttributes,
+  ReactNode,
+  SetStateAction,
+  useEffect,
+  useState,
+} from 'react'
+import TextInput from '.'
+
+const MAX_NICKNAME_LENGTH = 10
+
+interface NicknameInputProps extends InputHTMLAttributes<HTMLInputElement> {
+  value: string
+  setValue: Dispatch<SetStateAction<string>>
+  setHasError: Dispatch<SetStateAction<boolean>>
+  icon?: ReactNode
+}
+
+const NicknameInput = ({
+  value,
+  setValue,
+  setHasError,
+  icon = '',
+  ...rest
+}: NicknameInputProps) => {
+  const [errorMessage, setErrorMessage] = useState('')
+
+  useEffect(() => {
+    setHasError(errorMessage.length > 0)
+  }, [errorMessage])
+
+  const validateNickname = (name: string) => {
+    if (name.length > MAX_NICKNAME_LENGTH) {
+      setErrorMessage(`${MAX_NICKNAME_LENGTH}자 미만으로 입력해주세요`)
+      return
+    }
+
+    const regex = /^[가-힣ㄱ-ㅎㅏ-ㅣa-zA-Z0-9]*$/
+    if (!regex.test(value)) {
+      setErrorMessage('국문, 영문, 숫자만 입력 가능해요.')
+      return
+    }
+    setErrorMessage('')
+  }
+
+  useEffect(() => {
+    validateNickname(value)
+  }, [value])
+
+  const onInput = (name: string) => {
+    setValue(name)
+  }
+  return (
+    <TextInput
+      errorMessage={errorMessage}
+      description={`${value.length}/${MAX_NICKNAME_LENGTH}자`}
+      value={value}
+      hasError={errorMessage.length > 0}
+      setValue={onInput}
+      icon={icon}
+      {...rest} // eslint-disable-line react/jsx-props-no-spreading
+    />
+  )
+}
+
+export default NicknameInput
diff --git a/src/components/TextInput/index.tsx b/src/components/TextInput/index.tsx
index 1dc11ee..eac4363 100644
--- a/src/components/TextInput/index.tsx
+++ b/src/components/TextInput/index.tsx
@@ -2,15 +2,16 @@
 
 import ExitIcon from 'public/icons/exit.svg'
 import PinIcon from 'public/icons/pinFilled.svg'
-import { ChangeEvent } from 'react'
+import { ChangeEvent, InputHTMLAttributes } from 'react'
 import { twMerge } from 'tailwind-merge'
 
-interface TextInputProps {
+interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
   value: string
   setValue: (value: string) => void
   hasError: boolean
   description: string
   errorMessage: string
+  icon?: React.ReactNode
 }
 
 const TextInput = ({
@@ -19,6 +20,8 @@ const TextInput = ({
   hasError,
   description,
   errorMessage,
+  icon = <PinIcon />,
+  ...rest
 }: TextInputProps) => {
   const borderClass = twMerge(
     'flex items-center mb-2 border-b',
@@ -29,7 +32,7 @@ const TextInput = ({
     <div className={`w-[264px] ${hasError ? 'text-negative' : ''}`}>
       <div className={borderClass}>
         <div className="mr-2">
-          {hasError ? <ExitIcon className="text-negative" /> : <PinIcon />}
+          {hasError ? <ExitIcon className="text-negative" /> : icon}
         </div>
         <input
           type="text"
@@ -38,6 +41,7 @@ const TextInput = ({
             setValue(e.target.value)
           }
           className="flex-1 bg-transparent p-1 outline-none"
+          {...rest}
         />
       </div>
       <div className="text-right text-xs">
diff --git a/src/lib/api/auth.ts b/src/lib/api/auth.ts
new file mode 100644
index 0000000..c3de855
--- /dev/null
+++ b/src/lib/api/auth.ts
@@ -0,0 +1,53 @@
+import { SignInPayload, User } from '@/types'
+
+const handleResponse = async (res: Response) => {
+  const text = await res.text()
+
+  if (!res.ok) {
+    throw new Error(
+      `Request failed: ${res.status} - ${res.statusText} - ${text || 'No error message provided'}`,
+    )
+  }
+
+  if (!text) {
+    throw new Error('No response body')
+  }
+
+  try {
+    return JSON.parse(text)
+    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+  } catch (error: any) {
+    throw new Error(`Failed to parse JSON: ${error.message}`)
+  }
+}
+
+export const login = async (body: SignInPayload): Promise<User> => {
+  const res = await fetch(`${process.env.API_HOST}/api/v1/oauth/sign-in`, {
+    method: 'POST',
+    body: JSON.stringify(body),
+    headers: {
+      'Content-Type': 'application/json',
+    },
+  })
+
+  const data = await handleResponse(res)
+  return data.data
+}
+
+export const refreshAT = async (refreshToken: string) => {
+  const res = await fetch(`${process.env.API_HOST}/api/v1/oauth/re-issue`, {
+    method: 'PUT',
+    headers: {
+      'Content-Type': 'application/json',
+      Authorization: `Bearer ${refreshToken}`,
+    },
+  })
+
+  const data = await handleResponse(res)
+
+  return {
+    accessToken: data.data.accessToken,
+    refreshToken: data.data.refreshToken,
+    expiredDate: data.data.expiredDate,
+  }
+}
diff --git a/src/lib/api/base.ts b/src/lib/api/base.ts
index a8ca951..eeaa33f 100644
--- a/src/lib/api/base.ts
+++ b/src/lib/api/base.ts
@@ -1,4 +1,14 @@
+'use server'
+
+import { auth, unstable_update as update, signOut } from '@/auth'
 import { RequestInit } from 'next/dist/server/web/spec-extension/request'
+import { refreshAT } from './auth'
+
+const ERRORS = {
+  FETCH_FAILED: '데이터를 불러오는데 실패했습니다.',
+  SAVE_FAILED: '데이터를 저장하는데 실패했습니다.',
+  DELETE_FAILED: '데이터를 삭제하는데 실패했습니다.',
+}
 
 const getBaseUrl = (useMocked: boolean) =>
   useMocked ? 'http://localhost:3001' : process.env.API_HOST
@@ -9,20 +19,65 @@ const fetchApi = async (
   useMocked: boolean,
   errorMessage: string,
 ) => {
-  const res = await fetch(getBaseUrl(useMocked) + path, options)
+  const session = await auth()
+
+  const fetchOptions = {
+    ...options,
+    headers: {
+      'content-type': 'application/json',
+      ...options?.headers,
+      ...(session && { Authorization: `Bearer ${session?.accessToken}` }),
+    },
+  }
+
+  let res = await fetch(getBaseUrl(useMocked) + path, fetchOptions)
+
+  if (res.status === 401 && session) {
+    const resJson = await res.json()
+    if (resJson.code === 'JWT002') {
+      // AT expired
+      try {
+        const newToken = await refreshAT(session.refreshToken)
+
+        await update({
+          accessToken: newToken.accessToken,
+          refreshToken: newToken.refreshToken,
+          expiredDate: newToken.expiredDate,
+        })
+
+        // retry original request
+        res = await fetch(getBaseUrl(useMocked) + path, fetchOptions)
+      } catch (e) {
+        signOut()
+      }
+    } else {
+      // RT expired or invalid
+      signOut()
+    }
+  }
 
   if (!res.ok) {
-    throw new Error(errorMessage)
+    throw new Error(`Error: ${res.status} - ${res.statusText}. ${errorMessage}`)
   }
 
-  return res.json()
+  const text = await res.text()
+  return text ? JSON.parse(text) : null
 }
 
 export const get = async (
   path: string,
   options: RequestInit = {},
   useMocked = false,
-) => fetchApi(path, options, useMocked, '데이터를 불러오는데 실패했습니다.')
+) =>
+  fetchApi(
+    path,
+    {
+      ...options,
+      method: 'GET',
+    },
+    useMocked,
+    ERRORS.FETCH_FAILED,
+  )
 
 export const post = async (
   path: string,
@@ -34,10 +89,24 @@ export const post = async (
     {
       ...options,
       method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
     },
     useMocked,
-    '데이터를 저장하는데 실패했습니다.',
+    ERRORS.SAVE_FAILED,
+  )
+
+export const put = async (
+  path: string,
+  options: RequestInit = {},
+  useMocked = false,
+) =>
+  fetchApi(
+    path,
+    {
+      ...options,
+      method: 'PUT',
+    },
+    useMocked,
+    ERRORS.SAVE_FAILED,
   )
 
 export const deleteApi = async (
@@ -50,8 +119,7 @@ export const deleteApi = async (
     {
       ...options,
       method: 'DELETE',
-      headers: { 'Content-Type': 'application/json' },
     },
     useMocked,
-    '데이터를 삭제하는데 실패했습니다.',
+    ERRORS.DELETE_FAILED,
   )
diff --git a/src/lib/api/board.ts b/src/lib/api/board.ts
index 357e916..fea9ed9 100644
--- a/src/lib/api/board.ts
+++ b/src/lib/api/board.ts
@@ -23,9 +23,7 @@ export const postBoard = async (
 
 export const getTotalBoards = async (): Promise<number> => {
   const res = await get('/api/v1/boards/total-count', {
-    next: {
-      revalidate: 60 * 60, // 1 hour
-    },
+    cache: 'no-cache',
   })
 
   return res.data
diff --git a/src/lib/api/index.ts b/src/lib/api/index.ts
index c992fa4..42e5930 100644
--- a/src/lib/api/index.ts
+++ b/src/lib/api/index.ts
@@ -1,3 +1,6 @@
 export * from './board'
 export * from './file'
 export * from './polaroid'
+export * from './auth'
+export * from './user'
+export * from './myBoard'
diff --git a/src/lib/api/myBoard.ts b/src/lib/api/myBoard.ts
new file mode 100644
index 0000000..e8059c8
--- /dev/null
+++ b/src/lib/api/myBoard.ts
@@ -0,0 +1,27 @@
+import { deleteApi, get } from '@/lib/api/base'
+import { MyBoardList } from '@/types'
+
+export const getMyBoards = async (
+  page = 1,
+  size = 10,
+): Promise<MyBoardList> => {
+  const res = await get(`/api/v1/my/boards?page=${page}&size=${size}`, {
+    next: {
+      tags: ['myBoard', `myBoard:${page},${size}`],
+    },
+  })
+
+  return {
+    pagination: {
+      totalCount: res.data.totalCount,
+      totalPage: res.data.totalPage,
+      currentPage: res.data.currentPage,
+      size: res.data.size,
+    },
+    boards: res.data.data,
+  }
+}
+
+export const deleteMyBoard = (id: string) => {
+  return deleteApi(`/api/v1/my/boards/${id}`)
+}
diff --git a/src/lib/api/user.ts b/src/lib/api/user.ts
new file mode 100644
index 0000000..f34c44a
--- /dev/null
+++ b/src/lib/api/user.ts
@@ -0,0 +1,22 @@
+import { UserProfile, WithdrawUserPayload } from '@/types'
+import { get, put } from './base'
+
+export const withdraw = async (body: WithdrawUserPayload) => {
+  return put('/api/v1/user/withdraw', {
+    body: JSON.stringify(body),
+  })
+}
+
+export const updateProfile = async (body: UserProfile) => {
+  return put('/api/v1/user/profile', {
+    body: JSON.stringify(body),
+  })
+}
+
+export const viewProfile = async () => {
+  return get('/api/v1/user/profile', {
+    next: {
+      tags: ['profile'],
+    },
+  })
+}
diff --git a/src/lib/constants/polaroidConfig.ts b/src/lib/constants/polaroidConfig.ts
index 6c1d8ca..f5c3467 100644
--- a/src/lib/constants/polaroidConfig.ts
+++ b/src/lib/constants/polaroidConfig.ts
@@ -1,7 +1,6 @@
 export const FILTERS = {
   NORMAL: 'none',
-  POLAROID:
-    'sepia(0.2) contrast(1.3) brightness(1.0) saturate(1.2) blur(0.5px)',
+  POLAROID: 'sepia(0.2) contrast(1.3) brightness(1.0) saturate(1.2) blur(0px)',
   VINTAGE:
     'sepia(0.4) contrast(1.1) brightness(0.9) saturate(0.8) hue-rotate(-20deg) blur(0.6px)',
 } as const
diff --git a/src/lib/utils/validation.ts b/src/lib/utils/validation.ts
new file mode 100644
index 0000000..f8a7a11
--- /dev/null
+++ b/src/lib/utils/validation.ts
@@ -0,0 +1,39 @@
+import { UserProfile } from '@/types'
+
+export const validateBirthDt = (
+  birthDt: NonNullable<UserProfile['birthDt']>,
+) => {
+  const [year, month, day] = birthDt.split('-')
+
+  const currentYear = new Date().getFullYear().toString()
+  if (year < '1900' || year > currentYear) {
+    return false
+  }
+
+  if (month < '01' || month > '12') {
+    return false
+  }
+
+  const daysInMonth = new Date(
+    parseInt(year, 10),
+    parseInt(month, 10),
+    0,
+  ).getDate()
+
+  if (day < '01' || parseInt(day, 10) > daysInMonth) {
+    return false
+  }
+
+  // 미래 날짜인 경우
+  const inputDate = new Date(
+    `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`,
+  )
+  const today = new Date()
+  today.setHours(0, 0, 0, 0)
+
+  if (inputDate > today) {
+    return false
+  }
+
+  return true
+}
diff --git a/src/middleware.ts b/src/middleware.ts
index 752a293..80286ac 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -1,14 +1,30 @@
+import { auth } from '@/auth'
 import { NextRequest, NextResponse } from 'next/server'
 
-function middleware(request: NextRequest) {
-  const requestHeaders = new Headers(request.headers)
-  requestHeaders.set('x-pathname', request.nextUrl.pathname)
-
-  return NextResponse.next({
-    request: {
-      headers: requestHeaders,
-    },
+function isMatch(pathname: string, urls: string[]) {
+  return urls.some((url) => {
+    return pathname.startsWith(url)
   })
 }
 
-export default middleware
+const matchersForAuth = ['/mypage', '/board/create', '/signup']
+
+const matchersForLogin = ['/login']
+
+export async function middleware(request: NextRequest) {
+  const session = await auth()
+
+  // 인증이 필요한 페이지 접근 시 로그인 페이지로 리다이렉트
+  if (isMatch(request.nextUrl.pathname, matchersForAuth)) {
+    return session
+      ? NextResponse.next()
+      : NextResponse.redirect(new URL(`/login`, request.url))
+  }
+  // 로그인 페이지 접근 시 로그인 상태일 경우 메인 페이지로 리다이렉트
+  if (isMatch(request.nextUrl.pathname, matchersForLogin)) {
+    return session
+      ? NextResponse.redirect(new URL(`/`, request.url))
+      : NextResponse.next()
+  }
+  return NextResponse.next()
+}
diff --git a/src/styles/globals.css b/src/styles/globals.css
index a410675..546e919 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -16,6 +16,11 @@
   .text-balance {
     text-wrap: balance;
   }
+  input[type='number']::-webkit-inner-spin-button,
+  input[type='number']::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
 }
 
 .bg-gradient-polaroid {
diff --git a/src/types/common.ts b/src/types/common.ts
new file mode 100644
index 0000000..93e5608
--- /dev/null
+++ b/src/types/common.ts
@@ -0,0 +1,6 @@
+export interface Pagination {
+  totalCount: number
+  totalPage: number
+  currentPage: number
+  size: number
+}
diff --git a/src/types/index.ts b/src/types/index.ts
index c9f8497..5a8c942 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -1,3 +1,6 @@
 export * from './board'
 export * from './polaroid'
 export * from './file'
+export * from './user'
+export * from './myBoard'
+export * from './common'
diff --git a/src/types/myBoard.ts b/src/types/myBoard.ts
new file mode 100644
index 0000000..d5965f1
--- /dev/null
+++ b/src/types/myBoard.ts
@@ -0,0 +1,12 @@
+import { Pagination } from '@/types/common'
+
+export interface MyBoard {
+  id: string
+  title: string
+  createdAt: string
+}
+
+export interface MyBoardList {
+  boards: MyBoard[]
+  pagination: Pagination
+}
diff --git a/src/types/next-auth.d.ts b/src/types/next-auth.d.ts
new file mode 100644
index 0000000..9de6919
--- /dev/null
+++ b/src/types/next-auth.d.ts
@@ -0,0 +1,30 @@
+import { DefaultSession } from 'next-auth'
+import 'next-auth/jwt'
+import { UserProfile } from '.'
+
+declare module 'next-auth/jwt' {
+  interface JWT {
+    newUser: boolean
+    accessToken: string
+    refreshToken: string
+    expiredDate: string
+    profile: UserProfile
+  }
+}
+
+declare module 'next-auth' {
+  interface Session extends DefaultSession {
+    newUser: boolean
+    accessToken: string
+    refreshToken: string
+    expiredDate: string
+    profile: UserProfile
+  }
+  interface User {
+    newUser: boolean
+    accessToken: string
+    refreshToken: string
+    expiredDate: string
+    profile: UserProfile
+  }
+}
diff --git a/src/types/user.ts b/src/types/user.ts
new file mode 100644
index 0000000..44e9965
--- /dev/null
+++ b/src/types/user.ts
@@ -0,0 +1,21 @@
+export type WithdrawUserPayload = {
+  type: string
+  reason: string
+}
+
+export interface SignInPayload {
+  email: string
+  nickName: string
+}
+
+export interface User {
+  newUser: boolean
+  nickName: string
+  birthDt: `${string}-${string}-${string}` | undefined // '2024-08-11'
+  gender: 'F' | 'M' | 'NONE'
+  accessToken: string
+  expiredDate: string
+  refreshToken: string
+}
+
+export type UserProfile = Pick<User, 'nickName' | 'birthDt' | 'gender'>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index adcf1e3..f6d369e 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -28,6 +28,7 @@ const config: Config = {
       positive: '#10b981',
       negative: '#ef4444',
       transparent: 'transparent',
+      kakao: '#FEE500',
     },
     fontSize: {
       xxs: '10px',
@@ -62,6 +63,9 @@ const config: Config = {
       height: {
         dvh: 'var(--dynamic-vh)',
       },
+      minHeight: {
+        dvh: 'var(--dynamic-vh)',
+      },
       fontFamily: {
         pretendard: ['var(--font-pretendard-variable)'],
         jooree: ['var(--font-jooree)'],
@@ -109,6 +113,9 @@ const config: Config = {
       },
       boxShadow: {
         header: '0px 1px 2px 0px rgba(0, 0, 0, 0.10)',
+        button: '0px 4px 8px 0px rgba(0, 0, 0, 0.15)',
+        signupGenderBtn: '2px 4px 0px 0px rgba(0, 0, 0, 0.30)',
+        popup: '0px 4px 8px 0px rgba(0, 0, 0, 0.15)',
       },
     },
   },