parsa/parsaaghayi-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

some updates for responsive

Browse Source
This commit is contained in:
parsa aghaei 2024-10-12 16:04:30 +03:30
parent 9e0ab5f066
commit c3b6fb5073
11 changed files with 601 additions and 176 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

459
package-lock.json generated
View File

@ -12,6 +12,7 @@
"react": "^18",
"react-dom": "^18",
"react-loading-skeleton": "^3.5.0",
"sharp": "^0.33.5",
"tailwindcss": "^0.0.0-insiders.e8614a2"
},
"devDependencies": {
@ -51,6 +52,16 @@
"node": ">=10.0.0"
}
},
"node_modules/@emnapi/runtime": {
"version": "1.3.1",
"resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.3.1.tgz",
"integrity": "sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==",
"license": "MIT",
"optional": true,
"dependencies": {
"tslib": "^2.4.0"
}
},
"node_modules/@eslint-community/eslint-utils": {
"version": "4.4.0",
"resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
@ -149,6 +160,367 @@
"dev": true,
"license": "BSD-3-Clause"
},
"node_modules/@img/sharp-darwin-arm64": {
"version": "0.33.5",
"resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.5.tgz",
"integrity": "sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==",
"cpu": [
"arm64"
],
"license": "Apache-2.0",
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": "^18.17.0 || ^20.3.0 || >=21.0.0"
},
"funding": {
"url": "https://opencollective.com/libvips"
},
"optionalDependencies": {
"@img/sharp-libvips-darwin-arm64": "1.0.4"
}
},
"node_modules/@img/sharp-darwin-x64": {
"version": "0.33.5",
"resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.5.tgz",
"integrity": "sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==",
"cpu": [
"x64"
],
"license": "Apache-2.0",
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": "^18.17.0 || ^20.3.0 || >=21.0.0"
},
"funding": {
"url": "https://opencollective.com/libvips"
},
"optionalDependencies": {
"@img/sharp-libvips-darwin-x64": "1.0.4"
}
},
"node_modules/@img/sharp-libvips-darwin-arm64": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.4.tgz",
"integrity": "sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==",
"cpu": [
"arm64"
],
"license": "LGPL-3.0-or-later",
"optional": true,
"os": [
"darwin"
],
"funding": {
"url": "https://opencollective.com/libvips"
}
},
"node_modules/@img/sharp-libvips-darwin-x64": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.4.tgz",
"integrity": "sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==",
"cpu": [
"x64"
],
"license": "LGPL-3.0-or-later",
"optional": true,
"os": [
"darwin"
],
"funding": {
"url": "https://opencollective.com/libvips"
}
},
"node_modules/@img/sharp-libvips-linux-arm": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.5.tgz",
"integrity": "sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==",
"cpu": [
"arm"
],
"license": "LGPL-3.0-or-later",
"optional": true,
"os": [
"linux"
],
"funding": {
"url": "https://opencollective.com/libvips"
}
},
"node_modules/@img/sharp-libvips-linux-arm64": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.4.tgz",
"integrity": "sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==",
"cpu": [
"arm64"
],
"license": "LGPL-3.0-or-later",
"optional": true,
"os": [
"linux"
],
"funding": {
"url": "https://opencollective.com/libvips"
}
},
"node_modules/@img/sharp-libvips-linux-s390x": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.4.tgz",
"integrity": "sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==",
"cpu": [
"s390x"
],
"license": "LGPL-3.0-or-later",
"optional": true,
"os": [
"linux"
],
"funding": {
"url": "https://opencollective.com/libvips"
}
},
"node_modules/@img/sharp-libvips-linux-x64": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.4.tgz",
"integrity": "sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==",
"cpu": [
"x64"
],
"license": "LGPL-3.0-or-later",
"optional": true,
"os": [
"linux"
],
"funding": {
"url": "https://opencollective.com/libvips"
}
},
"node_modules/@img/sharp-libvips-linuxmusl-arm64": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.4.tgz",
"integrity": "sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==",
"cpu": [
"arm64"
],
"license": "LGPL-3.0-or-later",
"optional": true,
"os": [
"linux"
],
"funding": {
"url": "https://opencollective.com/libvips"
}
},
"node_modules/@img/sharp-libvips-linuxmusl-x64": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.4.tgz",
"integrity": "sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==",
"cpu": [
"x64"
],
"license": "LGPL-3.0-or-later",
"optional": true,
"os": [
"linux"
],
"funding": {
"url": "https://opencollective.com/libvips"
}
},
"node_modules/@img/sharp-linux-arm": {
"version": "0.33.5",
"resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.5.tgz",
"integrity": "sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==",
"cpu": [
"arm"
],
"license": "Apache-2.0",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": "^18.17.0 || ^20.3.0 || >=21.0.0"
},
"funding": {
"url": "https://opencollective.com/libvips"
},
"optionalDependencies": {
"@img/sharp-libvips-linux-arm": "1.0.5"
}
},
"node_modules/@img/sharp-linux-arm64": {
"version": "0.33.5",
"resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.5.tgz",
"integrity": "sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==",
"cpu": [
"arm64"
],
"license": "Apache-2.0",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": "^18.17.0 || ^20.3.0 || >=21.0.0"
},
"funding": {
"url": "https://opencollective.com/libvips"
},
"optionalDependencies": {
"@img/sharp-libvips-linux-arm64": "1.0.4"
}
},
"node_modules/@img/sharp-linux-s390x": {
"version": "0.33.5",
"resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.5.tgz",
"integrity": "sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==",
"cpu": [
"s390x"
],
"license": "Apache-2.0",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": "^18.17.0 || ^20.3.0 || >=21.0.0"
},
"funding": {
"url": "https://opencollective.com/libvips"
},
"optionalDependencies": {
"@img/sharp-libvips-linux-s390x": "1.0.4"
}
},
"node_modules/@img/sharp-linux-x64": {
"version": "0.33.5",
"resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.5.tgz",
"integrity": "sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==",
"cpu": [
"x64"
],
"license": "Apache-2.0",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": "^18.17.0 || ^20.3.0 || >=21.0.0"
},
"funding": {
"url": "https://opencollective.com/libvips"
},
"optionalDependencies": {
"@img/sharp-libvips-linux-x64": "1.0.4"
}
},
"node_modules/@img/sharp-linuxmusl-arm64": {
"version": "0.33.5",
"resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.5.tgz",
"integrity": "sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==",
"cpu": [
"arm64"
],
"license": "Apache-2.0",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": "^18.17.0 || ^20.3.0 || >=21.0.0"
},
"funding": {
"url": "https://opencollective.com/libvips"
},
"optionalDependencies": {
"@img/sharp-libvips-linuxmusl-arm64": "1.0.4"
}
},
"node_modules/@img/sharp-linuxmusl-x64": {
"version": "0.33.5",
"resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.5.tgz",
"integrity": "sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==",
"cpu": [
"x64"
],
"license": "Apache-2.0",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": "^18.17.0 || ^20.3.0 || >=21.0.0"
},
"funding": {
"url": "https://opencollective.com/libvips"
},
"optionalDependencies": {
"@img/sharp-libvips-linuxmusl-x64": "1.0.4"
}
},
"node_modules/@img/sharp-wasm32": {
"version": "0.33.5",
"resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.33.5.tgz",
"integrity": "sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==",
"cpu": [
"wasm32"
],
"license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
"optional": true,
"dependencies": {
"@emnapi/runtime": "^1.2.0"
},
"engines": {
"node": "^18.17.0 || ^20.3.0 || >=21.0.0"
},
"funding": {
"url": "https://opencollective.com/libvips"
}
},
"node_modules/@img/sharp-win32-ia32": {
"version": "0.33.5",
"resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.5.tgz",
"integrity": "sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==",
"cpu": [
"ia32"
],
"license": "Apache-2.0 AND LGPL-3.0-or-later",
"optional": true,
"os": [
"win32"
],
"engines": {
"node": "^18.17.0 || ^20.3.0 || >=21.0.0"
},
"funding": {
"url": "https://opencollective.com/libvips"
}
},
"node_modules/@img/sharp-win32-x64": {
"version": "0.33.5",
"resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.5.tgz",
"integrity": "sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==",
"cpu": [
"x64"
],
"license": "Apache-2.0 AND LGPL-3.0-or-later",
"optional": true,
"os": [
"win32"
],
"engines": {
"node": "^18.17.0 || ^20.3.0 || >=21.0.0"
},
"funding": {
"url": "https://opencollective.com/libvips"
}
},
"node_modules/@isaacs/cliui": {
"version": "8.0.2",
"resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@ -1331,6 +1703,19 @@
"integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
"license": "MIT"
},
"node_modules/color": {
"version": "4.2.3",
"resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
"integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
"license": "MIT",
"dependencies": {
"color-convert": "^2.0.1",
"color-string": "^1.9.0"
},
"engines": {
"node": ">=12.5.0"
}
},
"node_modules/color-convert": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@ -1349,6 +1734,16 @@
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
"license": "MIT"
},
"node_modules/color-string": {
"version": "1.9.1",
"resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
"integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
"license": "MIT",
"dependencies": {
"color-name": "^1.0.0",
"simple-swizzle": "^0.2.2"
}
},
"node_modules/commander": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
@ -1579,6 +1974,15 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/detect-libc": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
"integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
"license": "Apache-2.0",
"engines": {
"node": ">=8"
}
},
"node_modules/didyoumean": {
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
@ -2909,6 +3313,12 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/is-arrayish": {
"version": "0.3.2",
"resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
"integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
"license": "MIT"
},
"node_modules/is-async-function": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
@ -4619,7 +5029,6 @@
"version": "7.6.3",
"resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
"integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
"dev": true,
"license": "ISC",
"bin": {
"semver": "bin/semver.js"
@ -4662,6 +5071,45 @@
"node": ">= 0.4"
}
},
"node_modules/sharp": {
"version": "0.33.5",
"resolved": "https://registry.npmjs.org/sharp/-/sharp-0.33.5.tgz",
"integrity": "sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==",
"hasInstallScript": true,
"license": "Apache-2.0",
"dependencies": {
"color": "^4.2.3",
"detect-libc": "^2.0.3",
"semver": "^7.6.3"
},
"engines": {
"node": "^18.17.0 || ^20.3.0 || >=21.0.0"
},
"funding": {
"url": "https://opencollective.com/libvips"
},
"optionalDependencies": {
"@img/sharp-darwin-arm64": "0.33.5",
"@img/sharp-darwin-x64": "0.33.5",
"@img/sharp-libvips-darwin-arm64": "1.0.4",
"@img/sharp-libvips-darwin-x64": "1.0.4",
"@img/sharp-libvips-linux-arm": "1.0.5",
"@img/sharp-libvips-linux-arm64": "1.0.4",
"@img/sharp-libvips-linux-s390x": "1.0.4",
"@img/sharp-libvips-linux-x64": "1.0.4",
"@img/sharp-libvips-linuxmusl-arm64": "1.0.4",
"@img/sharp-libvips-linuxmusl-x64": "1.0.4",
"@img/sharp-linux-arm": "0.33.5",
"@img/sharp-linux-arm64": "0.33.5",
"@img/sharp-linux-s390x": "0.33.5",
"@img/sharp-linux-x64": "0.33.5",
"@img/sharp-linuxmusl-arm64": "0.33.5",
"@img/sharp-linuxmusl-x64": "0.33.5",
"@img/sharp-wasm32": "0.33.5",
"@img/sharp-win32-ia32": "0.33.5",
"@img/sharp-win32-x64": "0.33.5"
}
},
"node_modules/shebang-command": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@ -4714,6 +5162,15 @@
"url": "https://github.com/sponsors/isaacs"
}
},
"node_modules/simple-swizzle": {
"version": "0.2.2",
"resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
"integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
"license": "MIT",
"dependencies": {
"is-arrayish": "^0.3.1"
}
},
"node_modules/sirv": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.4.tgz",

1
package.json
View File

@ -15,6 +15,7 @@
"react": "^18",
"react-dom": "^18",
"react-loading-skeleton": "^3.5.0",
"sharp": "^0.33.5",
"tailwindcss": "^0.0.0-insiders.e8614a2"
},
"devDependencies": {

12
src/app/(routes)/(website)/components/footer/footer.tsx
View File

@ -7,8 +7,8 @@ export default function Footer() {
<div className="flex flex-col items-center gap-[50px] bg-[#F8F8F8] py-[50px]">
<div className="flex items-center">
<Image src={"/images/logo.svg"} width={47} height={47} alt="logo" />
<p className="ms-2 text-[30px] font-[800] text-[#fd6f00]">
Parsa Aghayi
<p className="ms-2 text-[30px] font-[800] capitalize text-[#fd6f00]">
parsa aghayi
</p>
</div>
<ul className="flex w-full flex-wrap items-center justify-center">
@ -83,11 +83,11 @@ export default function Footer() {
</div>
</div>
</div>
<p className="flex items-center justify-center whitespace-nowrap bg-[#545454] text-[15px] font-[400] text-white py-2">
<p className="flex items-center justify-center whitespace-nowrap bg-[#545454] py-2 text-[15px] font-[400] text-white">
© 2023
<span className="mx-[5px] whitespace-nowrap text-[18px] font-[700] text-[#FD6F00]">
Parsa Aghayi
</span>{" "}
<span className="mx-[5px] whitespace-nowrap text-[18px] font-[700] capitalize text-[#FD6F00]">
parsa aghayi
</span>
All Rights Reserved , Inc.
</p>
</div>

11
src/app/(routes)/(website)/components/header/header.tsx
View File

@ -12,8 +12,8 @@ export default function Header() {
<div className="flex w-[50px]">
<img src={"/images/logo.svg"} className="w-full" alt="logo" />
</div>
<p className="ms-2 text-[20px] font-[900] text-[#FD6F00] sm:text-[23px] xl:ms-3 xl:text-[30px]">
Parsa Aghayi
<p className="ms-2 text-[20px] font-[900] capitalize text-[#FD6F00] sm:text-[23px] xl:ms-3 xl:text-[30px]">
parsa aghayi
</p>
</div>
<ul className="hidden items-center justify-center rounded p-2 lg:flex">
@ -53,7 +53,12 @@ export default function Header() {
>
Contact
</a>
<Link className="mx-2 whitespace-nowrap rounded-lg px-2 py-[10px] text-[18px] font-[600] hover:text-[#FD6F00]" href={"/blog"}>Blog</Link>
<Link
className="mx-2 whitespace-nowrap rounded-lg px-2 py-[10px] text-[18px] font-[600] hover:text-[#FD6F00]"
href={"/blog"}
>
Blog
</Link>
</ul>
<div className="flex gap-1">
<button className="flex items-center justify-center whitespace-nowrap rounded-md bg-[#FD6F00] px-4 py-2 text-[16px] font-[600] text-[#fff] xl:text-[20px]">

6
src/app/(routes)/(website)/components/mobile-menu/mobileMenu.tsx
View File

@ -18,8 +18,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
<div className="flex w-[50px]">
<img src={"/images/logo.svg"} className="w-full" alt="logo" />
</div>
<p className="ms-2 text-[20px] font-[900] text-[#FD6F00] sm:text-[23px] xl:ms-3 xl:text-[30px]">
Parsa Aghayi
<p className="ms-2 text-[20px] font-[900] capitalize text-[#FD6F00] sm:text-[23px] xl:ms-3 xl:text-[30px]">
parsa aghayi
</p>
</div>
<nav className="flex w-full flex-col">
@ -77,7 +77,7 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
>
Contact
</a>
<Link
href="/blog"
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"

56
src/app/(routes)/blog/categories/[categorySlug]/page.tsx
View File

@ -45,8 +45,8 @@ export default function SingleCategory({ params }: propsType) {
BY
</p>
<Link href={"#"}>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default hover:underline md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default hover:underline md:text-[16px]">
parsa aghayi
</h2>
</Link>
</div>
@ -85,8 +85,8 @@ export default function SingleCategory({ params }: propsType) {
BY
</p>
<Link href={"#"}>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default hover:underline md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default hover:underline md:text-[16px]">
parsa aghayi
</h2>
</Link>
</div>
@ -125,8 +125,8 @@ export default function SingleCategory({ params }: propsType) {
BY
</p>
<Link href={"#"}>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default hover:underline md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default hover:underline md:text-[16px]">
parsa aghayi
</h2>
</Link>
</div>
@ -165,8 +165,8 @@ export default function SingleCategory({ params }: propsType) {
BY
</p>
<Link href={"#"}>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default hover:underline md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default hover:underline md:text-[16px]">
parsa aghayi
</h2>
</Link>
</div>
@ -205,8 +205,8 @@ export default function SingleCategory({ params }: propsType) {
BY
</p>
<Link href={"#"}>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default hover:underline md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default hover:underline md:text-[16px]">
parsa aghayi
</h2>
</Link>
</div>
@ -245,8 +245,8 @@ export default function SingleCategory({ params }: propsType) {
BY
</p>
<Link href={"#"}>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default hover:underline md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default hover:underline md:text-[16px]">
parsa aghayi
</h2>
</Link>
</div>
@ -285,8 +285,8 @@ export default function SingleCategory({ params }: propsType) {
BY
</p>
<Link href={"#"}>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default hover:underline md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default hover:underline md:text-[16px]">
parsa aghayi
</h2>
</Link>
</div>
@ -325,8 +325,8 @@ export default function SingleCategory({ params }: propsType) {
BY
</p>
<Link href={"#"}>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default hover:underline md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default hover:underline md:text-[16px]">
parsa aghayi
</h2>
</Link>
</div>
@ -365,8 +365,8 @@ export default function SingleCategory({ params }: propsType) {
BY
</p>
<Link href={"#"}>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default hover:underline md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default hover:underline md:text-[16px]">
parsa aghayi
</h2>
</Link>
</div>
@ -405,8 +405,8 @@ export default function SingleCategory({ params }: propsType) {
BY
</p>
<Link href={"#"}>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default hover:underline md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default hover:underline md:text-[16px]">
parsa aghayi
</h2>
</Link>
</div>
@ -445,8 +445,8 @@ export default function SingleCategory({ params }: propsType) {
BY
</p>
<Link href={"#"}>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default hover:underline md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default hover:underline md:text-[16px]">
parsa aghayi
</h2>
</Link>
</div>
@ -485,8 +485,8 @@ export default function SingleCategory({ params }: propsType) {
BY
</p>
<Link href={"#"}>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default hover:underline md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default hover:underline md:text-[16px]">
parsa aghayi
</h2>
</Link>
</div>
@ -525,8 +525,8 @@ export default function SingleCategory({ params }: propsType) {
BY
</p>
<Link href={"#"}>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default hover:underline md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default hover:underline md:text-[16px]">
parsa aghayi
</h2>
</Link>
</div>
@ -565,8 +565,8 @@ export default function SingleCategory({ params }: propsType) {
BY
</p>
<Link href={"#"}>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default hover:underline md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default hover:underline md:text-[16px]">
parsa aghayi
</h2>
</Link>
</div>

8
src/app/(routes)/blog/components/footer/footer.tsx
View File

@ -3,10 +3,10 @@ import React from "react";
export default function Footer() {
return (
<div className="absolute bottom-0 flex w-full flex-wrap items-center justify-around bg-white py-5">
<div className="absolute bottom-0 flex w-full flex-wrap items-center justify-around bg-white py-5 gap-5 px-1">
<Image
src={"/images/blog/logo/logo-no-background.png"}
width={200}
width={180}
height={50}
alt="parsaaghayi's blog logo"
priority
@ -17,8 +17,8 @@ export default function Footer() {
height={50}
alt="parsaaghayi's blog logo"
/>
<p className="text-[14px] font-[400] text-blog-text-passive">
All Rights Reserved 2024 Parsa Aghayi
<p className="text-[14px] font-[400] capitalize text-blog-text-passive">
All Rights Reserved 2024 parsa aghayi
</p>
</div>
);

16
src/app/(routes)/blog/components/home/random/random.tsx
View File

@ -23,8 +23,8 @@ export default function Random() {
<p className="me-2 text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="text-[14px] font-[400] capitalize text-blog-text-default md:text-[16px]">
parsa aghayi
</h2>
</div>
<div className="flex w-full">
@ -64,8 +64,8 @@ export default function Random() {
<p className="text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default md:text-[16px]">
parsa aghayi
</h2>
</div>
<div className="whit flex gap-2">
@ -104,9 +104,7 @@ export default function Random() {
<p className="text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
</h2>
capitalize
</div>
<div className="whit flex gap-2">
<p className="text-[16px] font-[600] text-blog-text-passive">
@ -144,9 +142,7 @@ export default function Random() {
<p className="text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
</h2>
capitalize
</div>
<div className="whit flex gap-2">
<p className="text-[16px] font-[600] text-blog-text-passive">

126
src/app/(routes)/blog/filtered-posts/[filter]/page.tsx
View File

@ -44,8 +44,8 @@ export default function FilteredPosts({ params }: propsType) {
<p className="text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default md:text-[16px]">
parsa aghayi
</h2>
</div>
<div className="whit flex gap-2">
@ -57,10 +57,7 @@ export default function FilteredPosts({ params }: propsType) {
</h2>
</div>
</div>
<Link
className="w-full text-start"
href={"/blog/posts/UI design"}
>
<Link className="w-full text-start" href={"/blog/posts/UI design"}>
<h3 className="text-[24px] font-[600] text-blog-text-default">
UI design
</h3>
@ -83,8 +80,8 @@ export default function FilteredPosts({ params }: propsType) {
<p className="text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default md:text-[16px]">
parsa aghayi
</h2>
</div>
<div className="whit flex gap-2">
@ -96,10 +93,7 @@ export default function FilteredPosts({ params }: propsType) {
</h2>
</div>
</div>
<Link
className="w-full text-start"
href={"/blog/posts/UI design"}
>
<Link className="w-full text-start" href={"/blog/posts/UI design"}>
<h3 className="text-[24px] font-[600] text-blog-text-default">
UI design
</h3>
@ -122,8 +116,8 @@ export default function FilteredPosts({ params }: propsType) {
<p className="text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default md:text-[16px]">
parsa aghayi
</h2>
</div>
<div className="whit flex gap-2">
@ -135,10 +129,7 @@ export default function FilteredPosts({ params }: propsType) {
</h2>
</div>
</div>
<Link
className="w-full text-start"
href={"/blog/posts/UI design"}
>
<Link className="w-full text-start" href={"/blog/posts/UI design"}>
<h3 className="text-[24px] font-[600] text-blog-text-default">
UI design
</h3>
@ -161,8 +152,8 @@ export default function FilteredPosts({ params }: propsType) {
<p className="text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default md:text-[16px]">
parsa aghayi
</h2>
</div>
<div className="whit flex gap-2">
@ -174,10 +165,7 @@ export default function FilteredPosts({ params }: propsType) {
</h2>
</div>
</div>
<Link
className="w-full text-start"
href={"/blog/posts/UI design"}
>
<Link className="w-full text-start" href={"/blog/posts/UI design"}>
<h3 className="text-[24px] font-[600] text-blog-text-default">
UI design
</h3>
@ -200,8 +188,8 @@ export default function FilteredPosts({ params }: propsType) {
<p className="text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default md:text-[16px]">
parsa aghayi
</h2>
</div>
<div className="whit flex gap-2">
@ -213,10 +201,7 @@ export default function FilteredPosts({ params }: propsType) {
</h2>
</div>
</div>
<Link
className="w-full text-start"
href={"/blog/posts/UI design"}
>
<Link className="w-full text-start" href={"/blog/posts/UI design"}>
<h3 className="text-[24px] font-[600] text-blog-text-default">
UI design
</h3>
@ -239,8 +224,8 @@ export default function FilteredPosts({ params }: propsType) {
<p className="text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default md:text-[16px]">
parsa aghayi
</h2>
</div>
<div className="whit flex gap-2">
@ -252,10 +237,7 @@ export default function FilteredPosts({ params }: propsType) {
</h2>
</div>
</div>
<Link
className="w-full text-start"
href={"/blog/posts/UI design"}
>
<Link className="w-full text-start" href={"/blog/posts/UI design"}>
<h3 className="text-[24px] font-[600] text-blog-text-default">
UI design
</h3>
@ -278,8 +260,8 @@ export default function FilteredPosts({ params }: propsType) {
<p className="text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default md:text-[16px]">
parsa aghayi
</h2>
</div>
<div className="whit flex gap-2">
@ -291,10 +273,7 @@ export default function FilteredPosts({ params }: propsType) {
</h2>
</div>
</div>
<Link
className="w-full text-start"
href={"/blog/posts/UI design"}
>
<Link className="w-full text-start" href={"/blog/posts/UI design"}>
<h3 className="text-[24px] font-[600] text-blog-text-default">
UI design
</h3>
@ -317,8 +296,8 @@ export default function FilteredPosts({ params }: propsType) {
<p className="text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default md:text-[16px]">
parsa aghayi
</h2>
</div>
<div className="whit flex gap-2">
@ -330,10 +309,7 @@ export default function FilteredPosts({ params }: propsType) {
</h2>
</div>
</div>
<Link
className="w-full text-start"
href={"/blog/posts/UI design"}
>
<Link className="w-full text-start" href={"/blog/posts/UI design"}>
<h3 className="text-[24px] font-[600] text-blog-text-default">
UI design
</h3>
@ -356,8 +332,8 @@ export default function FilteredPosts({ params }: propsType) {
<p className="text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default md:text-[16px]">
parsa aghayi
</h2>
</div>
<div className="whit flex gap-2">
@ -369,10 +345,7 @@ export default function FilteredPosts({ params }: propsType) {
</h2>
</div>
</div>
<Link
className="w-full text-start"
href={"/blog/posts/UI design"}
>
<Link className="w-full text-start" href={"/blog/posts/UI design"}>
<h3 className="text-[24px] font-[600] text-blog-text-default">
UI design
</h3>
@ -395,8 +368,8 @@ export default function FilteredPosts({ params }: propsType) {
<p className="text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default md:text-[16px]">
parsa aghayi
</h2>
</div>
<div className="whit flex gap-2">
@ -408,10 +381,7 @@ export default function FilteredPosts({ params }: propsType) {
</h2>
</div>
</div>
<Link
className="w-full text-start"
href={"/blog/posts/UI design"}
>
<Link className="w-full text-start" href={"/blog/posts/UI design"}>
<h3 className="text-[24px] font-[600] text-blog-text-default">
UI design
</h3>
@ -434,8 +404,8 @@ export default function FilteredPosts({ params }: propsType) {
<p className="text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default md:text-[16px]">
parsa aghayi
</h2>
</div>
<div className="whit flex gap-2">
@ -447,10 +417,7 @@ export default function FilteredPosts({ params }: propsType) {
</h2>
</div>
</div>
<Link
className="w-full text-start"
href={"/blog/posts/UI design"}
>
<Link className="w-full text-start" href={"/blog/posts/UI design"}>
<h3 className="text-[24px] font-[600] text-blog-text-default">
UI design
</h3>
@ -473,8 +440,8 @@ export default function FilteredPosts({ params }: propsType) {
<p className="text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default md:text-[16px]">
parsa aghayi
</h2>
</div>
<div className="whit flex gap-2">
@ -486,10 +453,7 @@ export default function FilteredPosts({ params }: propsType) {
</h2>
</div>
</div>
<Link
className="w-full text-start"
href={"/blog/posts/UI design"}
>
<Link className="w-full text-start" href={"/blog/posts/UI design"}>
<h3 className="text-[24px] font-[600] text-blog-text-default">
UI design
</h3>
@ -512,8 +476,8 @@ export default function FilteredPosts({ params }: propsType) {
<p className="text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default md:text-[16px]">
parsa aghayi
</h2>
</div>
<div className="whit flex gap-2">
@ -525,10 +489,7 @@ export default function FilteredPosts({ params }: propsType) {
</h2>
</div>
</div>
<Link
className="w-full text-start"
href={"/blog/posts/UI design"}
>
<Link className="w-full text-start" href={"/blog/posts/UI design"}>
<h3 className="text-[24px] font-[600] text-blog-text-default">
UI design
</h3>
@ -551,8 +512,8 @@ export default function FilteredPosts({ params }: propsType) {
<p className="text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default md:text-[16px]">
parsa aghayi
</h2>
</div>
<div className="whit flex gap-2">
@ -564,10 +525,7 @@ export default function FilteredPosts({ params }: propsType) {
</h2>
</div>
</div>
<Link
className="w-full text-start"
href={"/blog/posts/UI design"}
>
<Link className="w-full text-start" href={"/blog/posts/UI design"}>
<h3 className="text-[24px] font-[600] text-blog-text-default">
UI design
</h3>

80
src/app/(routes)/blog/posts/[postSlug]/page.tsx
View File

@ -8,7 +8,7 @@ type propsType = {
export default function SinglePost({ params }: propsType) {
return (
<div className="flex w-full max-w-[1280px] flex-wrap justify-center sm:my-10">
<div className="flex w-full max-w-[90%] flex-col gap-5">
<div className="mt-5 flex w-full max-w-[90%] flex-col gap-5">
<h1 className="text-[36px] font-[700] capitalize text-blog-text-default">
{params.postSlug.replaceAll(/%20|-|_/g, " ")}
</h1>
@ -23,8 +23,8 @@ export default function SinglePost({ params }: propsType) {
<p className="text-[14px] font-[600] text-blog-text-passive md:text-[16px]">
BY
</p>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default md:text-[16px]">
parsa aghayi
</h2>
</div>
<div className="whit flex gap-2">
@ -36,32 +36,40 @@ export default function SinglePost({ params }: propsType) {
</div>
</div>
<div className="my-10 flex w-full max-w-[90%] flex-wrap justify-center gap-5">
<ul className="my-10 flex w-full">
<li className="text-[12px] font-[400] capitalize text-blog-text-passive">
Home
<ul className="my-10 flex w-full flex-wrap gap-2">
<li className="flex items-center gap-2">
<p className="text-[12px] font-[400] capitalize text-blog-text-passive">
Home
</p>
<span className="mt-[-2px] -rotate-45 scale-[3] text-[12px] font-[400] text-blog-text-passive">
-
</span>
</li>
<span className="mx-4 mt-[-2px] scale-[3] text-[12px] font-[400] text-blog-text-passive">
-
</span>
<li className="text-[12px] font-[400] capitalize text-blog-text-passive">
Categories
<li className="flex items-center gap-2">
<p className="text-[12px] font-[400] capitalize text-blog-text-passive">
Categories
</p>
<span className="mt-[-2px] -rotate-45 scale-[3] text-[12px] font-[400] text-blog-text-passive">
-
</span>
</li>
<span className="mx-4 mt-[-2px] scale-[3] text-[12px] font-[400] text-blog-text-passive">
-
</span>
<li className="text-[12px] font-[400] capitalize text-blog-text-passive">
Category Name
<li className="flex items-center gap-2">
<p className="text-[12px] font-[400] capitalize text-blog-text-passive">
category name
</p>
<span className="mt-[-2px] -rotate-45 scale-[3] text-[12px] font-[400] text-blog-text-passive">
-
</span>
</li>
<span className="mx-4 mt-[-2px] scale-[3] text-[12px] font-[400] text-blog-text-passive">
-
</span>
<li className="text-[12px] font-[600] capitalize text-blog-text-default">
{params.postSlug.replaceAll(/%20|-|_/g, " ")}
<li className="flex items-center gap-2">
<p className="text-[12px] font-[400] capitalize text-blog-text-passive">
{params.postSlug.replaceAll(/%20|-|_/g, " ")}
</p>
</li>
</ul>
<div className="relative flex w-full items-start justify-center gap-10">
<div className="sticky top-[150px] flex w-[5%] flex-col items-start">
<div className="relative flex w-full items-start justify-center gap-5">
<div className="sticky top-[150px] flex flex-col items-start">
<Image
src={"/images/blog/icons/socials-vertical.svg"}
width={35}
@ -70,7 +78,7 @@ export default function SinglePost({ params }: propsType) {
/>
</div>
<div className="relative flex w-[90%] flex-wrap gap-5">
<div className="relative flex w-[95%] flex-wrap gap-5">
<img
className="w-full"
src={"/images/blog/posts/post/1.png"}
@ -187,7 +195,7 @@ export default function SinglePost({ params }: propsType) {
</div>
</div>
<div className="sticky top-[150px] flex w-[5%] flex-col items-end gap-5">
<div className="sticky top-[150px] flex flex-col items-end gap-5">
<div className="flex cursor-pointer flex-col gap-1">
<Image
src={"/images/blog/icons/like.svg"}
@ -195,7 +203,7 @@ export default function SinglePost({ params }: propsType) {
height={35}
alt="socials-vertical icons"
/>
<p className="text-[18px] font-[600] text-blog-text-default">
<p className="whitespace-nowrap text-[14px] font-[600] text-blog-text-default">
12 K
</p>
</div>
@ -206,7 +214,7 @@ export default function SinglePost({ params }: propsType) {
height={35}
alt="socials-vertical icons"
/>
<p className="text-[18px] font-[600] text-blog-text-default">
<p className="whitespace-nowrap text-[14px] font-[600] text-blog-text-default">
25 K
</p>
</div>
@ -215,18 +223,18 @@ export default function SinglePost({ params }: propsType) {
<div className="my-10 flex w-full flex-wrap gap-10">
<div className="flex w-full items-center justify-between">
<p className="text-[36px] font-[600] text-blog-text-default">
<p className="text-[22px] font-[600] text-blog-text-default">
You might also like...
</p>
<Link
href={"#"}
className="text-[36px] font-[600] capitalize text-blog-text-passive hover:underline"
className="text-[22px] font-[600] capitalize text-blog-text-passive hover:underline"
>
more
</Link>
</div>
<div className="flex w-full justify-between">
<div className="flex w-[45%] flex-col items-center justify-start gap-1 sm:w-[45%]">
<div className="flex w-full flex-wrap justify-between gap-5">
<div className="flex w-full flex-col items-center justify-start gap-1 sm:w-[45%]">
<Image
className="mb-3 rounded-md"
src={"/images/blog/posts/1.png"}
@ -241,8 +249,8 @@ export default function SinglePost({ params }: propsType) {
BY
</p>
<Link href={"#"}>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default hover:underline md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default hover:underline md:text-[16px]">
parsa aghayi
</h2>
</Link>
</div>
@ -269,7 +277,7 @@ export default function SinglePost({ params }: propsType) {
Every website is a user interface. Learn to build yours right.
</p>
</div>
<div className="flex w-[45%] flex-col items-center justify-start gap-1 sm:w-[45%]">
<div className="flex w-full flex-col items-center justify-start gap-1 sm:w-[45%]">
<Image
className="mb-3 rounded-md"
src={"/images/blog/posts/2.png"}
@ -284,8 +292,8 @@ export default function SinglePost({ params }: propsType) {
BY
</p>
<Link href={"#"}>
<h2 className="whitespace-nowrap text-[14px] font-[400] text-blog-text-default hover:underline md:text-[16px]">
TOMAS LAURINAVICIUS
<h2 className="whitespace-nowrap text-[14px] font-[400] capitalize text-blog-text-default hover:underline md:text-[16px]">
parsa aghayi
</h2>
</Link>
</div>

2
src/app/_constants/siteTexts.ts
View File

@ -3,7 +3,7 @@ const siteTexts = {
homePage: {
top: {
greating: "Hi I am",
name: "Parsa Aghayi",
name: "parsa aghayi",
profession: "Frontend & Backend",
roll: "Developer",
descriptionAboutMe: