diff --git a/package.json b/package.json
index 3321944..6992969 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
"@vercel/analytics": "^1.3.1",
"aos": "^2.3.4",
"clsx": "^2.1.1",
- "framer-motion": "^4.1.17",
+ "framer-motion": "^11.2.11",
"next": "^14.2.4",
"react": "^18.3.1",
"react-dom": "^18.3.1",
@@ -32,22 +32,22 @@
"@commitlint/cli": "^19.3.0",
"@commitlint/config-conventional": "^19.2.2",
"@types/aos": "^3.0.7",
- "@types/node": "^18.0.6",
+ "@types/node": "^20.14.8",
"@types/react": "^18.0.15",
"@typescript-eslint/parser": "^7.13.1",
"autoprefixer": "^10.4.19",
- "eslint": "^8",
+ "eslint": "^8.57.0",
"eslint-config-next": "^14.2.4",
"eslint-config-prettier": "^9.1.0",
"eslint-plugin-import": "^2.29.1",
"eslint-plugin-simple-import-sort": "^12.1.0",
- "eslint-plugin-tailwindcss": "3.17.0",
+ "eslint-plugin-tailwindcss": "3.17.4",
"eslint-plugin-unused-imports": "^4.0.0",
"husky": "^9.0.11",
"postcss": "^8.4.38",
"prettier": "3.3.2",
"prettier-plugin-tailwindcss": "^0.6.5",
- "tailwind-scrollbar": "^1.3.1",
+ "tailwind-scrollbar": "^3.1.0",
"tailwindcss": "^3.4.4",
"typescript": "^5.5.2"
},
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 509dfb5..0762d46 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -21,8 +21,8 @@ importers:
specifier: ^2.1.1
version: 2.1.1
framer-motion:
- specifier: ^4.1.17
- version: 4.1.17(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+ specifier: ^11.2.11
+ version: 11.2.11(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
next:
specifier: ^14.2.4
version: 14.2.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -59,7 +59,7 @@ importers:
devDependencies:
'@commitlint/cli':
specifier: ^19.3.0
- version: 19.3.0(@types/node@18.19.39)(typescript@5.5.2)
+ version: 19.3.0(@types/node@20.14.8)(typescript@5.5.2)
'@commitlint/config-conventional':
specifier: ^19.2.2
version: 19.2.2
@@ -67,8 +67,8 @@ importers:
specifier: ^3.0.7
version: 3.0.7
'@types/node':
- specifier: ^18.0.6
- version: 18.19.39
+ specifier: ^20.14.8
+ version: 20.14.8
'@types/react':
specifier: ^18.0.15
version: 18.3.3
@@ -79,7 +79,7 @@ importers:
specifier: ^10.4.19
version: 10.4.19(postcss@8.4.38)
eslint:
- specifier: ^8
+ specifier: ^8.57.0
version: 8.57.0
eslint-config-next:
specifier: ^14.2.4
@@ -94,8 +94,8 @@ importers:
specifier: ^12.1.0
version: 12.1.0(eslint@8.57.0)
eslint-plugin-tailwindcss:
- specifier: 3.17.0
- version: 3.17.0(tailwindcss@3.4.4)
+ specifier: 3.17.4
+ version: 3.17.4(tailwindcss@3.4.4)
eslint-plugin-unused-imports:
specifier: ^4.0.0
version: 4.0.0(eslint@8.57.0)
@@ -112,8 +112,8 @@ importers:
specifier: ^0.6.5
version: 0.6.5(prettier@3.3.2)
tailwind-scrollbar:
- specifier: ^1.3.1
- version: 1.3.2
+ specifier: ^3.1.0
+ version: 3.1.0(tailwindcss@3.4.4)
tailwindcss:
specifier: ^3.4.4
version: 3.4.4
@@ -212,11 +212,11 @@ packages:
resolution: {integrity: sha512-tpyc+7i6bPG9mvaBbtKUeghfyZSDgWquIDfMgqYtTbmZ9Y9VzEm2je9EYcQ0aoz5o7NvGS+rcDec93yO08MHYA==}
engines: {node: '>=v18'}
- '@emotion/is-prop-valid@0.8.8':
- resolution: {integrity: sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==}
+ '@emotion/is-prop-valid@1.2.2':
+ resolution: {integrity: sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==}
- '@emotion/memoize@0.7.4':
- resolution: {integrity: sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==}
+ '@emotion/memoize@0.8.1':
+ resolution: {integrity: sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==}
'@eslint-community/eslint-utils@4.4.0':
resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
@@ -436,8 +436,8 @@ packages:
'@types/json5@0.0.29':
resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
- '@types/node@18.19.39':
- resolution: {integrity: sha512-nPwTRDKUctxw3di5b4TfT3I0sWDiWoPQCZjXhvdkINntwr8lcoVCKsTgnXeRubKIlfnV+eN/HYk6Jb40tbcEAQ==}
+ '@types/node@20.14.8':
+ resolution: {integrity: sha512-DO+2/jZinXfROG7j7WKFn/3C6nFwxy2lLpgLjEXJz+0XKphZlTLJ14mo8Vfg8X5BWN6XjyESXq+LcYdT7tR3bA==}
'@types/prop-types@15.7.12':
resolution: {integrity: sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==}
@@ -1078,9 +1078,9 @@ packages:
peerDependencies:
eslint: '>=5.0.0'
- eslint-plugin-tailwindcss@3.17.0:
- resolution: {integrity: sha512-Ofl7tNh57a3W8BKHstKZSkD2gSCEkw54ycwZ958IK9zUR8TiNYdp8b0WGoLWLeyOAbeF1VPVJFBnlkJeIM2kVg==}
- engines: {node: '>=14.0.0'}
+ eslint-plugin-tailwindcss@3.17.4:
+ resolution: {integrity: sha512-gJAEHmCq2XFfUP/+vwEfEJ9igrPeZFg+skeMtsxquSQdxba9XRk5bn0Bp9jxG1VV9/wwPKi1g3ZjItu6MIjhNg==}
+ engines: {node: '>=18.12.0'}
peerDependencies:
tailwindcss: ^3.4.0
@@ -1191,14 +1191,19 @@ packages:
fraction.js@4.3.7:
resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
- framer-motion@4.1.17:
- resolution: {integrity: sha512-thx1wvKzblzbs0XaK2X0G1JuwIdARcoNOW7VVwjO8BUltzXPyONGAElLu6CiCScsOQRI7FIk/45YTFtJw5Yozw==}
+ framer-motion@11.2.11:
+ resolution: {integrity: sha512-n+ozoEzgJu/2h9NoQMokF+CwNqIRVyuRC4RwMPwklfrrTjbVV32k9uBIgqYAwn7Jfpt5LuDVCtT57MWz1FbaLw==}
peerDependencies:
- react: '>=16.8 || ^17.0.0'
- react-dom: '>=16.8 || ^17.0.0'
-
- framesync@5.3.0:
- resolution: {integrity: sha512-oc5m68HDO/tuK2blj7ZcdEBRx3p1PjrgHazL8GYEpvULhrtGIFbQArN6cQS2QhW8mitffaB+VYzMjDqBxxQeoA==}
+ '@emotion/is-prop-valid': '*'
+ react: ^18.0.0
+ react-dom: ^18.0.0
+ peerDependenciesMeta:
+ '@emotion/is-prop-valid':
+ optional: true
+ react:
+ optional: true
+ react-dom:
+ optional: true
fs.realpath@1.0.0:
resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
@@ -1323,9 +1328,6 @@ packages:
resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
engines: {node: '>= 0.4'}
- hey-listen@1.0.8:
- resolution: {integrity: sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==}
-
human-signals@2.1.0:
resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
engines: {node: '>=10.17.0'}
@@ -1921,9 +1923,6 @@ packages:
resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==}
engines: {node: '>= 6'}
- popmotion@9.3.6:
- resolution: {integrity: sha512-ZTbXiu6zIggXzIliMi8LGxXBF5ST+wkpXGEjeTUDUOCdSQ356hij/xjeUdv0F8zCQNeqB1+PR5/BB+gC+QLAPw==}
-
possible-typed-array-names@1.0.0:
resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
engines: {node: '>= 0.4'}
@@ -2309,9 +2308,6 @@ packages:
resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
engines: {node: '>=8'}
- style-value-types@4.1.4:
- resolution: {integrity: sha512-LCJL6tB+vPSUoxgUBt9juXIlNJHtBMy8jkXzUJSBzeHWdBu6lhzHqCvLVkXFGsFIlNa2ln1sQHya/gzaFmB2Lg==}
-
styled-jsx@5.1.1:
resolution: {integrity: sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==}
engines: {node: '>= 12.0.0'}
@@ -2351,8 +2347,11 @@ packages:
tailwind-scrollbar-hide@1.1.7:
resolution: {integrity: sha512-X324n9OtpTmOMqEgDUEA/RgLrNfBF/jwJdctaPZDzB3mppxJk7TLIDmOreEDm1Bq4R9LSPu4Epf8VSdovNU+iA==}
- tailwind-scrollbar@1.3.2:
- resolution: {integrity: sha512-0GLj/4Q0o7bentElusu/1hivl7/1RmV3phYxbV71lE/KUee47YJgCWFUMr3WforBVDz/CG0Jrd835qQpG3Tggg==}
+ tailwind-scrollbar@3.1.0:
+ resolution: {integrity: sha512-pmrtDIZeHyu2idTejfV59SbaJyvp1VRjYxAjZBH0jnyrPRo6HL1kD5Glz8VPagasqr6oAx6M05+Tuw429Z8jxg==}
+ engines: {node: '>=12.13.0'}
+ peerDependencies:
+ tailwindcss: 3.x
tailwind-variants@0.2.1:
resolution: {integrity: sha512-2xmhAf4UIc3PijOUcJPA1LP4AbxhpcHuHM2C26xM0k81r0maAO6uoUSHl3APmvHZcY5cZCY/bYuJdfFa4eGoaw==}
@@ -2553,11 +2552,11 @@ snapshots:
dependencies:
regenerator-runtime: 0.14.1
- '@commitlint/cli@19.3.0(@types/node@18.19.39)(typescript@5.5.2)':
+ '@commitlint/cli@19.3.0(@types/node@20.14.8)(typescript@5.5.2)':
dependencies:
'@commitlint/format': 19.3.0
'@commitlint/lint': 19.2.2
- '@commitlint/load': 19.2.0(@types/node@18.19.39)(typescript@5.5.2)
+ '@commitlint/load': 19.2.0(@types/node@20.14.8)(typescript@5.5.2)
'@commitlint/read': 19.2.1
'@commitlint/types': 19.0.3
execa: 8.0.1
@@ -2604,7 +2603,7 @@ snapshots:
'@commitlint/rules': 19.0.3
'@commitlint/types': 19.0.3
- '@commitlint/load@19.2.0(@types/node@18.19.39)(typescript@5.5.2)':
+ '@commitlint/load@19.2.0(@types/node@20.14.8)(typescript@5.5.2)':
dependencies:
'@commitlint/config-validator': 19.0.3
'@commitlint/execute-rule': 19.0.0
@@ -2612,7 +2611,7 @@ snapshots:
'@commitlint/types': 19.0.3
chalk: 5.3.0
cosmiconfig: 9.0.0(typescript@5.5.2)
- cosmiconfig-typescript-loader: 5.0.0(@types/node@18.19.39)(cosmiconfig@9.0.0(typescript@5.5.2))(typescript@5.5.2)
+ cosmiconfig-typescript-loader: 5.0.0(@types/node@20.14.8)(cosmiconfig@9.0.0(typescript@5.5.2))(typescript@5.5.2)
lodash.isplainobject: 4.0.6
lodash.merge: 4.6.2
lodash.uniq: 4.5.0
@@ -2664,12 +2663,12 @@ snapshots:
'@types/conventional-commits-parser': 5.0.0
chalk: 5.3.0
- '@emotion/is-prop-valid@0.8.8':
+ '@emotion/is-prop-valid@1.2.2':
dependencies:
- '@emotion/memoize': 0.7.4
+ '@emotion/memoize': 0.8.1
optional: true
- '@emotion/memoize@0.7.4':
+ '@emotion/memoize@0.8.1':
optional: true
'@eslint-community/eslint-utils@4.4.0(eslint@8.57.0)':
@@ -2880,11 +2879,11 @@ snapshots:
'@types/conventional-commits-parser@5.0.0':
dependencies:
- '@types/node': 18.19.39
+ '@types/node': 20.14.8
'@types/json5@0.0.29': {}
- '@types/node@18.19.39':
+ '@types/node@20.14.8':
dependencies:
undici-types: 5.26.5
@@ -3319,9 +3318,9 @@ snapshots:
meow: 12.1.1
split2: 4.2.0
- cosmiconfig-typescript-loader@5.0.0(@types/node@18.19.39)(cosmiconfig@9.0.0(typescript@5.5.2))(typescript@5.5.2):
+ cosmiconfig-typescript-loader@5.0.0(@types/node@20.14.8)(cosmiconfig@9.0.0(typescript@5.5.2))(typescript@5.5.2):
dependencies:
- '@types/node': 18.19.39
+ '@types/node': 20.14.8
cosmiconfig: 9.0.0(typescript@5.5.2)
jiti: 1.21.6
typescript: 5.5.2
@@ -3743,7 +3742,7 @@ snapshots:
dependencies:
eslint: 8.57.0
- eslint-plugin-tailwindcss@3.17.0(tailwindcss@3.4.4):
+ eslint-plugin-tailwindcss@3.17.4(tailwindcss@3.4.4):
dependencies:
fast-glob: 3.3.2
postcss: 8.4.38
@@ -3908,21 +3907,13 @@ snapshots:
fraction.js@4.3.7: {}
- framer-motion@4.1.17(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+ framer-motion@11.2.11(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
dependencies:
- framesync: 5.3.0
- hey-listen: 1.0.8
- popmotion: 9.3.6
- react: 18.3.1
- react-dom: 18.3.1(react@18.3.1)
- style-value-types: 4.1.4
tslib: 2.6.3
optionalDependencies:
- '@emotion/is-prop-valid': 0.8.8
-
- framesync@5.3.0:
- dependencies:
- tslib: 2.6.3
+ '@emotion/is-prop-valid': 1.2.2
+ react: 18.3.1
+ react-dom: 18.3.1(react@18.3.1)
fs.realpath@1.0.0: {}
@@ -4056,8 +4047,6 @@ snapshots:
dependencies:
function-bind: 1.1.2
- hey-listen@1.0.8: {}
-
human-signals@2.1.0: {}
human-signals@5.0.0: {}
@@ -4575,13 +4564,6 @@ snapshots:
pirates@4.0.6: {}
- popmotion@9.3.6:
- dependencies:
- framesync: 5.3.0
- hey-listen: 1.0.8
- style-value-types: 4.1.4
- tslib: 2.6.3
-
possible-typed-array-names@1.0.0: {}
postcss-import@15.1.0(postcss@8.4.38):
@@ -4950,11 +4932,6 @@ snapshots:
strip-json-comments@3.1.1: {}
- style-value-types@4.1.4:
- dependencies:
- hey-listen: 1.0.8
- tslib: 2.6.3
-
styled-jsx@5.1.1(react@18.3.1):
dependencies:
client-only: 0.0.1
@@ -4988,11 +4965,9 @@ snapshots:
tailwind-scrollbar-hide@1.1.7: {}
- tailwind-scrollbar@1.3.2:
+ tailwind-scrollbar@3.1.0(tailwindcss@3.4.4):
dependencies:
tailwindcss: 3.4.4
- transitivePeerDependencies:
- - ts-node
tailwind-variants@0.2.1(tailwindcss@3.4.4):
dependencies:
diff --git a/src/components/home/4-projects/components/Project.tsx b/src/components/home/4-projects/components/Project.tsx
index a50dec1..4708d45 100644
--- a/src/components/home/4-projects/components/Project.tsx
+++ b/src/components/home/4-projects/components/Project.tsx
@@ -348,20 +348,20 @@ const Project: FC
= ({ project, index }) => {
{(project.video ||
(project.images && project.images?.length > 0)) && (
-
-
-
- )}
+
+
+
+ )}