главная
This commit is contained in:
Tamara
parent
e3e01a17f5
commit
d2ae6e3cfb
475
package-lock.json
generated
475
package-lock.json
generated
@ -20,20 +20,32 @@
|
|||||||
"@types/jest": "^27.0.1",
|
"@types/jest": "^27.0.1",
|
||||||
"@types/node": "^16.7.13",
|
"@types/node": "^16.7.13",
|
||||||
"@types/react": "^18.0.0",
|
"@types/react": "^18.0.0",
|
||||||
|
"@types/react-dnd": "^3.0.2",
|
||||||
"@types/react-dom": "^18.0.0",
|
"@types/react-dom": "^18.0.0",
|
||||||
|
"emoji-mart": "^5.5.2",
|
||||||
"file-saver": "^2.0.5",
|
"file-saver": "^2.0.5",
|
||||||
|
"html-to-image": "^1.11.11",
|
||||||
"jszip": "^3.10.1",
|
"jszip": "^3.10.1",
|
||||||
"notistack": "^3.0.1",
|
"notistack": "^3.0.1",
|
||||||
"react": "^18.2.0",
|
"react": "^18.2.0",
|
||||||
|
"react-beautiful-dnd": "^13.1.1",
|
||||||
|
"react-dnd": "^16.0.1",
|
||||||
|
"react-dnd-html5-backend": "^16.0.1",
|
||||||
"react-dom": "^18.2.0",
|
"react-dom": "^18.2.0",
|
||||||
|
"react-easy-crop": "^5.0.0",
|
||||||
|
"react-image-crop": "^10.1.5",
|
||||||
"react-image-file-resizer": "^0.4.8",
|
"react-image-file-resizer": "^0.4.8",
|
||||||
"react-router-dom": "^6.6.2",
|
"react-router-dom": "^6.6.2",
|
||||||
"react-scripts": "5.0.1",
|
"react-scripts": "5.0.1",
|
||||||
"typescript": "^4.4.2",
|
"typescript": "^4.4.2",
|
||||||
|
"use-debounce": "^9.0.4",
|
||||||
"web-vitals": "^2.1.0",
|
"web-vitals": "^2.1.0",
|
||||||
"zustand": "^4.3.8"
|
"zustand": "^4.3.8"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
"@emoji-mart/data": "^1.1.2",
|
||||||
|
"@emoji-mart/react": "^1.1.1",
|
||||||
|
"@types/react-beautiful-dnd": "^13.1.4",
|
||||||
"craco-alias": "^3.0.1"
|
"craco-alias": "^3.0.1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -2178,6 +2190,22 @@
|
|||||||
"postcss-selector-parser": "^6.0.10"
|
"postcss-selector-parser": "^6.0.10"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@emoji-mart/data": {
|
||||||
|
"version": "1.1.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/@emoji-mart/data/-/data-1.1.2.tgz",
|
||||||
|
"integrity": "sha512-1HP8BxD2azjqWJvxIaWAMyTySeZY0Osr83ukYjltPVkNXeJvTz7yDrPLBtnrD5uqJ3tg4CcLuuBW09wahqL/fg==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"node_modules/@emoji-mart/react": {
|
||||||
|
"version": "1.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/@emoji-mart/react/-/react-1.1.1.tgz",
|
||||||
|
"integrity": "sha512-NMlFNeWgv1//uPsvLxvGQoIerPuVdXwK/EUek8OOkJ6wVOWPUizRBJU0hDqWZCOROVpfBgCemaC3m6jDOXi03g==",
|
||||||
|
"dev": true,
|
||||||
|
"peerDependencies": {
|
||||||
|
"emoji-mart": "^5.2",
|
||||||
|
"react": "^16.8 || ^17 || ^18"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@emotion/babel-plugin": {
|
"node_modules/@emotion/babel-plugin": {
|
||||||
"version": "11.10.5",
|
"version": "11.10.5",
|
||||||
"resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.10.5.tgz",
|
"resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.10.5.tgz",
|
||||||
@ -3523,6 +3551,21 @@
|
|||||||
"url": "https://opencollective.com/popperjs"
|
"url": "https://opencollective.com/popperjs"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@react-dnd/asap": {
|
||||||
|
"version": "5.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/@react-dnd/asap/-/asap-5.0.2.tgz",
|
||||||
|
"integrity": "sha512-WLyfoHvxhs0V9U+GTsGilGgf2QsPl6ZZ44fnv0/b8T3nQyvzxidxsg/ZltbWssbsRDlYW8UKSQMTGotuTotZ6A=="
|
||||||
|
},
|
||||||
|
"node_modules/@react-dnd/invariant": {
|
||||||
|
"version": "4.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/@react-dnd/invariant/-/invariant-4.0.2.tgz",
|
||||||
|
"integrity": "sha512-xKCTqAK/FFauOM9Ta2pswIyT3D8AQlfrYdOi/toTPEhqCuAs1v5tcJ3Y08Izh1cJ5Jchwy9SeAXmMg6zrKs2iw=="
|
||||||
|
},
|
||||||
|
"node_modules/@react-dnd/shallowequal": {
|
||||||
|
"version": "4.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/@react-dnd/shallowequal/-/shallowequal-4.0.2.tgz",
|
||||||
|
"integrity": "sha512-/RVXdLvJxLg4QKvMoM5WlwNR9ViO9z8B/qPcc+C0Sa/teJY7QG7kJ441DwzOjMYEY7GmU4dj5EcGHIkKZiQZCA=="
|
||||||
|
},
|
||||||
"node_modules/@remix-run/router": {
|
"node_modules/@remix-run/router": {
|
||||||
"version": "1.3.1",
|
"version": "1.3.1",
|
||||||
"resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.3.1.tgz",
|
"resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.3.1.tgz",
|
||||||
@ -4214,6 +4257,15 @@
|
|||||||
"@types/node": "*"
|
"@types/node": "*"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@types/hoist-non-react-statics": {
|
||||||
|
"version": "3.3.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
|
||||||
|
"integrity": "sha512-YIQtIg4PKr7ZyqNPZObpxfHsHEmuB8dXCxd6qVcGuQVDK2bpsF7bYNnBJ4Nn7giuACZg+WewExgrtAJ3XnA4Xw==",
|
||||||
|
"dependencies": {
|
||||||
|
"@types/react": "*",
|
||||||
|
"hoist-non-react-statics": "^3.3.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@types/html-minifier-terser": {
|
"node_modules/@types/html-minifier-terser": {
|
||||||
"version": "6.1.0",
|
"version": "6.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
|
||||||
@ -4317,6 +4369,24 @@
|
|||||||
"csstype": "^3.0.2"
|
"csstype": "^3.0.2"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@types/react-beautiful-dnd": {
|
||||||
|
"version": "13.1.5",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/react-beautiful-dnd/-/react-beautiful-dnd-13.1.5.tgz",
|
||||||
|
"integrity": "sha512-mzohmMtV48b0bXF2dP8188LzUv9HAGHKucOORYsd5Sqq830pJ4gseFyDDAH0TR4TeD1ceG9DxTQ0FOFbtCSy4Q==",
|
||||||
|
"dev": true,
|
||||||
|
"dependencies": {
|
||||||
|
"@types/react": "*"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@types/react-dnd": {
|
||||||
|
"version": "3.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/react-dnd/-/react-dnd-3.0.2.tgz",
|
||||||
|
"integrity": "sha512-Z1BqHYGFtfSPfWs+kgX4b6wQmwwtqq4/pLo4zdO9xcDUB1ZQP8iWTAYNf3EJ2f0WiVQpSLN8UytP+ILzZHDLYw==",
|
||||||
|
"deprecated": "This is a stub types definition. react-dnd provides its own type definitions, so you don't need this installed.",
|
||||||
|
"dependencies": {
|
||||||
|
"react-dnd": "*"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@types/react-dom": {
|
"node_modules/@types/react-dom": {
|
||||||
"version": "18.0.9",
|
"version": "18.0.9",
|
||||||
"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.9.tgz",
|
"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.9.tgz",
|
||||||
@ -4333,6 +4403,17 @@
|
|||||||
"@types/react": "*"
|
"@types/react": "*"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@types/react-redux": {
|
||||||
|
"version": "7.1.27",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.27.tgz",
|
||||||
|
"integrity": "sha512-xj7d9z32p1K/eBmO+OEy+qfaWXtcPlN8f1Xk3Ne0p/ZRQ867RI5bQ/bpBtxbqU1AHNhKJSgGvld/P2myU2uYkg==",
|
||||||
|
"dependencies": {
|
||||||
|
"@types/hoist-non-react-statics": "^3.3.0",
|
||||||
|
"@types/react": "*",
|
||||||
|
"hoist-non-react-statics": "^3.3.0",
|
||||||
|
"redux": "^4.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@types/react-transition-group": {
|
"node_modules/@types/react-transition-group": {
|
||||||
"version": "4.4.5",
|
"version": "4.4.5",
|
||||||
"resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.5.tgz",
|
"resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.5.tgz",
|
||||||
@ -6319,6 +6400,14 @@
|
|||||||
"postcss": "^8.4"
|
"postcss": "^8.4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/css-box-model": {
|
||||||
|
"version": "1.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/css-box-model/-/css-box-model-1.2.1.tgz",
|
||||||
|
"integrity": "sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==",
|
||||||
|
"dependencies": {
|
||||||
|
"tiny-invariant": "^1.0.6"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/css-declaration-sorter": {
|
"node_modules/css-declaration-sorter": {
|
||||||
"version": "6.3.1",
|
"version": "6.3.1",
|
||||||
"resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.3.1.tgz",
|
"resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.3.1.tgz",
|
||||||
@ -6965,6 +7054,16 @@
|
|||||||
"resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
|
"resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
|
||||||
"integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
|
"integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
|
||||||
},
|
},
|
||||||
|
"node_modules/dnd-core": {
|
||||||
|
"version": "16.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/dnd-core/-/dnd-core-16.0.1.tgz",
|
||||||
|
"integrity": "sha512-HK294sl7tbw6F6IeuK16YSBUoorvHpY8RHO+9yFfaJyCDVb6n7PRcezrOEOa2SBCqiYpemh5Jx20ZcjKdFAVng==",
|
||||||
|
"dependencies": {
|
||||||
|
"@react-dnd/asap": "^5.0.1",
|
||||||
|
"@react-dnd/invariant": "^4.0.1",
|
||||||
|
"redux": "^4.2.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/dns-equal": {
|
"node_modules/dns-equal": {
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
|
||||||
@ -7146,6 +7245,11 @@
|
|||||||
"url": "https://github.com/sindresorhus/emittery?sponsor=1"
|
"url": "https://github.com/sindresorhus/emittery?sponsor=1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/emoji-mart": {
|
||||||
|
"version": "5.5.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/emoji-mart/-/emoji-mart-5.5.2.tgz",
|
||||||
|
"integrity": "sha512-Sqc/nso4cjxhOwWJsp9xkVm8OF5c+mJLZJFoFfzRuKO+yWiN7K8c96xmtughYb0d/fZ8UC6cLIQ/p4BR6Pv3/A=="
|
||||||
|
},
|
||||||
"node_modules/emoji-regex": {
|
"node_modules/emoji-regex": {
|
||||||
"version": "9.2.2",
|
"version": "9.2.2",
|
||||||
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
|
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
|
||||||
@ -9110,6 +9214,11 @@
|
|||||||
"node": ">=12"
|
"node": ">=12"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/html-to-image": {
|
||||||
|
"version": "1.11.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/html-to-image/-/html-to-image-1.11.11.tgz",
|
||||||
|
"integrity": "sha512-9gux8QhvjRO/erSnDPv28noDZcPZmYE7e1vFsBLKLlRlKDSqNJYebj6Qz1TGd5lsRV+X+xYyjCKjuZdABinWjA=="
|
||||||
|
},
|
||||||
"node_modules/html-webpack-plugin": {
|
"node_modules/html-webpack-plugin": {
|
||||||
"version": "5.5.0",
|
"version": "5.5.0",
|
||||||
"resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.5.0.tgz",
|
"resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.5.0.tgz",
|
||||||
@ -12291,6 +12400,11 @@
|
|||||||
"node": ">= 4.0.0"
|
"node": ">= 4.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/memoize-one": {
|
||||||
|
"version": "5.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz",
|
||||||
|
"integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q=="
|
||||||
|
},
|
||||||
"node_modules/merge-descriptors": {
|
"node_modules/merge-descriptors": {
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
|
||||||
@ -12582,6 +12696,11 @@
|
|||||||
"url": "https://github.com/sponsors/sindresorhus"
|
"url": "https://github.com/sponsors/sindresorhus"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/normalize-wheel": {
|
||||||
|
"version": "1.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
|
||||||
|
"integrity": "sha512-1OnlAPZ3zgrk8B91HyRj+eVv+kS5u+Z0SCsak6Xil/kmgEia50ga7zfkumayonZrImffAxPU/5WcyGhzetHNPA=="
|
||||||
|
},
|
||||||
"node_modules/notistack": {
|
"node_modules/notistack": {
|
||||||
"version": "3.0.1",
|
"version": "3.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/notistack/-/notistack-3.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/notistack/-/notistack-3.0.1.tgz",
|
||||||
@ -14553,6 +14672,11 @@
|
|||||||
"performance-now": "^2.1.0"
|
"performance-now": "^2.1.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/raf-schd": {
|
||||||
|
"version": "4.0.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/raf-schd/-/raf-schd-4.0.3.tgz",
|
||||||
|
"integrity": "sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ=="
|
||||||
|
},
|
||||||
"node_modules/randombytes": {
|
"node_modules/randombytes": {
|
||||||
"version": "2.1.0",
|
"version": "2.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
|
||||||
@ -14629,6 +14753,24 @@
|
|||||||
"node": ">=14"
|
"node": ">=14"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/react-beautiful-dnd": {
|
||||||
|
"version": "13.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-13.1.1.tgz",
|
||||||
|
"integrity": "sha512-0Lvs4tq2VcrEjEgDXHjT98r+63drkKEgqyxdA7qD3mvKwga6a5SscbdLPO2IExotU1jW8L0Ksdl0Cj2AF67nPQ==",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.9.2",
|
||||||
|
"css-box-model": "^1.2.0",
|
||||||
|
"memoize-one": "^5.1.1",
|
||||||
|
"raf-schd": "^4.0.2",
|
||||||
|
"react-redux": "^7.2.0",
|
||||||
|
"redux": "^4.0.4",
|
||||||
|
"use-memo-one": "^1.1.1"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": "^16.8.5 || ^17.0.0 || ^18.0.0",
|
||||||
|
"react-dom": "^16.8.5 || ^17.0.0 || ^18.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/react-dev-utils": {
|
"node_modules/react-dev-utils": {
|
||||||
"version": "12.0.1",
|
"version": "12.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz",
|
||||||
@ -14735,6 +14877,43 @@
|
|||||||
"node": ">=8"
|
"node": ">=8"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/react-dnd": {
|
||||||
|
"version": "16.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-dnd/-/react-dnd-16.0.1.tgz",
|
||||||
|
"integrity": "sha512-QeoM/i73HHu2XF9aKksIUuamHPDvRglEwdHL4jsp784BgUuWcg6mzfxT0QDdQz8Wj0qyRKx2eMg8iZtWvU4E2Q==",
|
||||||
|
"dependencies": {
|
||||||
|
"@react-dnd/invariant": "^4.0.1",
|
||||||
|
"@react-dnd/shallowequal": "^4.0.1",
|
||||||
|
"dnd-core": "^16.0.1",
|
||||||
|
"fast-deep-equal": "^3.1.3",
|
||||||
|
"hoist-non-react-statics": "^3.3.2"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"@types/hoist-non-react-statics": ">= 3.3.1",
|
||||||
|
"@types/node": ">= 12",
|
||||||
|
"@types/react": ">= 16",
|
||||||
|
"react": ">= 16.14"
|
||||||
|
},
|
||||||
|
"peerDependenciesMeta": {
|
||||||
|
"@types/hoist-non-react-statics": {
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
|
"@types/node": {
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
|
"@types/react": {
|
||||||
|
"optional": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/react-dnd-html5-backend": {
|
||||||
|
"version": "16.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-dnd-html5-backend/-/react-dnd-html5-backend-16.0.1.tgz",
|
||||||
|
"integrity": "sha512-Wu3dw5aDJmOGw8WjH1I1/yTH+vlXEL4vmjk5p+MHxP8HuHJS1lAGeIdG/hze1AvNeXWo/JgULV87LyQOr+r5jw==",
|
||||||
|
"dependencies": {
|
||||||
|
"dnd-core": "^16.0.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/react-dom": {
|
"node_modules/react-dom": {
|
||||||
"version": "18.2.0",
|
"version": "18.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
|
||||||
@ -14747,11 +14926,37 @@
|
|||||||
"react": "^18.2.0"
|
"react": "^18.2.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/react-easy-crop": {
|
||||||
|
"version": "5.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-easy-crop/-/react-easy-crop-5.0.2.tgz",
|
||||||
|
"integrity": "sha512-j4A/0s0v/Gx5YGXvw3SOFIMmRk5YCdob2ABL5cD00Q9HQPKIz6tkCYLdj0RMO0REPtCAOsZ2ZZLI6fUofiDP6w==",
|
||||||
|
"dependencies": {
|
||||||
|
"normalize-wheel": "^1.0.1",
|
||||||
|
"tslib": "2.0.1"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=16.4.0",
|
||||||
|
"react-dom": ">=16.4.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/react-easy-crop/node_modules/tslib": {
|
||||||
|
"version": "2.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.0.1.tgz",
|
||||||
|
"integrity": "sha512-SgIkNheinmEBgx1IUNirK0TUD4X9yjjBRTqqjggWCU3pUEqIk3/Uwl3yRixYKT6WjQuGiwDv4NomL3wqRCj+CQ=="
|
||||||
|
},
|
||||||
"node_modules/react-error-overlay": {
|
"node_modules/react-error-overlay": {
|
||||||
"version": "6.0.11",
|
"version": "6.0.11",
|
||||||
"resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz",
|
"resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz",
|
||||||
"integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg=="
|
"integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg=="
|
||||||
},
|
},
|
||||||
|
"node_modules/react-image-crop": {
|
||||||
|
"version": "10.1.8",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-image-crop/-/react-image-crop-10.1.8.tgz",
|
||||||
|
"integrity": "sha512-4rb8XtXNx7ZaOZarKKnckgz4xLMvds/YrU6mpJfGhGAsy2Mg4mIw1x+DCCGngVGq2soTBVVOxx2s/C6mTX9+pA==",
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=16.13.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/react-image-file-resizer": {
|
"node_modules/react-image-file-resizer": {
|
||||||
"version": "0.4.8",
|
"version": "0.4.8",
|
||||||
"resolved": "https://registry.npmjs.org/react-image-file-resizer/-/react-image-file-resizer-0.4.8.tgz",
|
"resolved": "https://registry.npmjs.org/react-image-file-resizer/-/react-image-file-resizer-0.4.8.tgz",
|
||||||
@ -14762,6 +14967,35 @@
|
|||||||
"resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
|
||||||
"integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
|
"integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
|
||||||
},
|
},
|
||||||
|
"node_modules/react-redux": {
|
||||||
|
"version": "7.2.9",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.9.tgz",
|
||||||
|
"integrity": "sha512-Gx4L3uM182jEEayZfRbI/G11ZpYdNAnBs70lFVMNdHJI76XYtR+7m0MN+eAs7UHBPhWXcnFPaS+9owSCJQHNpQ==",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.15.4",
|
||||||
|
"@types/react-redux": "^7.1.20",
|
||||||
|
"hoist-non-react-statics": "^3.3.2",
|
||||||
|
"loose-envify": "^1.4.0",
|
||||||
|
"prop-types": "^15.7.2",
|
||||||
|
"react-is": "^17.0.2"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": "^16.8.3 || ^17 || ^18"
|
||||||
|
},
|
||||||
|
"peerDependenciesMeta": {
|
||||||
|
"react-dom": {
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
|
"react-native": {
|
||||||
|
"optional": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/react-redux/node_modules/react-is": {
|
||||||
|
"version": "17.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
|
||||||
|
"integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
|
||||||
|
},
|
||||||
"node_modules/react-refresh": {
|
"node_modules/react-refresh": {
|
||||||
"version": "0.11.0",
|
"version": "0.11.0",
|
||||||
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
|
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
|
||||||
@ -14972,6 +15206,14 @@
|
|||||||
"node": ">=8"
|
"node": ">=8"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/redux": {
|
||||||
|
"version": "4.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",
|
||||||
|
"integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.9.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/regenerate": {
|
"node_modules/regenerate": {
|
||||||
"version": "1.4.2",
|
"version": "1.4.2",
|
||||||
"resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
|
"resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
|
||||||
@ -16366,6 +16608,11 @@
|
|||||||
"resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
|
||||||
"integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA=="
|
"integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA=="
|
||||||
},
|
},
|
||||||
|
"node_modules/tiny-invariant": {
|
||||||
|
"version": "1.3.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.1.tgz",
|
||||||
|
"integrity": "sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw=="
|
||||||
|
},
|
||||||
"node_modules/tmpl": {
|
"node_modules/tmpl": {
|
||||||
"version": "1.0.5",
|
"version": "1.0.5",
|
||||||
"resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
|
"resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
|
||||||
@ -16740,6 +16987,25 @@
|
|||||||
"requires-port": "^1.0.0"
|
"requires-port": "^1.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/use-debounce": {
|
||||||
|
"version": "9.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/use-debounce/-/use-debounce-9.0.4.tgz",
|
||||||
|
"integrity": "sha512-6X8H/mikbrt0XE8e+JXRtZ8yYVvKkdYRfmIhWZYsP8rcNs9hk3APV8Ua2mFkKRLcJKVdnX2/Vwrmg2GWKUQEaQ==",
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10.0.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=16.8.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/use-memo-one": {
|
||||||
|
"version": "1.1.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/use-memo-one/-/use-memo-one-1.1.3.tgz",
|
||||||
|
"integrity": "sha512-g66/K7ZQGYrI6dy8GLpVcMsBp4s17xNkYJVSMvTEevGy3nDxHOfE6z8BVE22+5G5x7t3+bhzrlTDB7ObrEE0cQ==",
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/use-sync-external-store": {
|
"node_modules/use-sync-external-store": {
|
||||||
"version": "1.2.0",
|
"version": "1.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",
|
||||||
@ -19209,6 +19475,19 @@
|
|||||||
"integrity": "sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==",
|
"integrity": "sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==",
|
||||||
"requires": {}
|
"requires": {}
|
||||||
},
|
},
|
||||||
|
"@emoji-mart/data": {
|
||||||
|
"version": "1.1.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/@emoji-mart/data/-/data-1.1.2.tgz",
|
||||||
|
"integrity": "sha512-1HP8BxD2azjqWJvxIaWAMyTySeZY0Osr83ukYjltPVkNXeJvTz7yDrPLBtnrD5uqJ3tg4CcLuuBW09wahqL/fg==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"@emoji-mart/react": {
|
||||||
|
"version": "1.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/@emoji-mart/react/-/react-1.1.1.tgz",
|
||||||
|
"integrity": "sha512-NMlFNeWgv1//uPsvLxvGQoIerPuVdXwK/EUek8OOkJ6wVOWPUizRBJU0hDqWZCOROVpfBgCemaC3m6jDOXi03g==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {}
|
||||||
|
},
|
||||||
"@emotion/babel-plugin": {
|
"@emotion/babel-plugin": {
|
||||||
"version": "11.10.5",
|
"version": "11.10.5",
|
||||||
"resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.10.5.tgz",
|
"resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.10.5.tgz",
|
||||||
@ -20115,6 +20394,21 @@
|
|||||||
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
|
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
|
||||||
"integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw=="
|
"integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw=="
|
||||||
},
|
},
|
||||||
|
"@react-dnd/asap": {
|
||||||
|
"version": "5.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/@react-dnd/asap/-/asap-5.0.2.tgz",
|
||||||
|
"integrity": "sha512-WLyfoHvxhs0V9U+GTsGilGgf2QsPl6ZZ44fnv0/b8T3nQyvzxidxsg/ZltbWssbsRDlYW8UKSQMTGotuTotZ6A=="
|
||||||
|
},
|
||||||
|
"@react-dnd/invariant": {
|
||||||
|
"version": "4.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/@react-dnd/invariant/-/invariant-4.0.2.tgz",
|
||||||
|
"integrity": "sha512-xKCTqAK/FFauOM9Ta2pswIyT3D8AQlfrYdOi/toTPEhqCuAs1v5tcJ3Y08Izh1cJ5Jchwy9SeAXmMg6zrKs2iw=="
|
||||||
|
},
|
||||||
|
"@react-dnd/shallowequal": {
|
||||||
|
"version": "4.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/@react-dnd/shallowequal/-/shallowequal-4.0.2.tgz",
|
||||||
|
"integrity": "sha512-/RVXdLvJxLg4QKvMoM5WlwNR9ViO9z8B/qPcc+C0Sa/teJY7QG7kJ441DwzOjMYEY7GmU4dj5EcGHIkKZiQZCA=="
|
||||||
|
},
|
||||||
"@remix-run/router": {
|
"@remix-run/router": {
|
||||||
"version": "1.3.1",
|
"version": "1.3.1",
|
||||||
"resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.3.1.tgz",
|
"resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.3.1.tgz",
|
||||||
@ -20616,6 +20910,15 @@
|
|||||||
"@types/node": "*"
|
"@types/node": "*"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"@types/hoist-non-react-statics": {
|
||||||
|
"version": "3.3.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
|
||||||
|
"integrity": "sha512-YIQtIg4PKr7ZyqNPZObpxfHsHEmuB8dXCxd6qVcGuQVDK2bpsF7bYNnBJ4Nn7giuACZg+WewExgrtAJ3XnA4Xw==",
|
||||||
|
"requires": {
|
||||||
|
"@types/react": "*",
|
||||||
|
"hoist-non-react-statics": "^3.3.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"@types/html-minifier-terser": {
|
"@types/html-minifier-terser": {
|
||||||
"version": "6.1.0",
|
"version": "6.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
|
||||||
@ -20719,6 +21022,23 @@
|
|||||||
"csstype": "^3.0.2"
|
"csstype": "^3.0.2"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"@types/react-beautiful-dnd": {
|
||||||
|
"version": "13.1.5",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/react-beautiful-dnd/-/react-beautiful-dnd-13.1.5.tgz",
|
||||||
|
"integrity": "sha512-mzohmMtV48b0bXF2dP8188LzUv9HAGHKucOORYsd5Sqq830pJ4gseFyDDAH0TR4TeD1ceG9DxTQ0FOFbtCSy4Q==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@types/react": "*"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"@types/react-dnd": {
|
||||||
|
"version": "3.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/react-dnd/-/react-dnd-3.0.2.tgz",
|
||||||
|
"integrity": "sha512-Z1BqHYGFtfSPfWs+kgX4b6wQmwwtqq4/pLo4zdO9xcDUB1ZQP8iWTAYNf3EJ2f0WiVQpSLN8UytP+ILzZHDLYw==",
|
||||||
|
"requires": {
|
||||||
|
"react-dnd": "*"
|
||||||
|
}
|
||||||
|
},
|
||||||
"@types/react-dom": {
|
"@types/react-dom": {
|
||||||
"version": "18.0.9",
|
"version": "18.0.9",
|
||||||
"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.9.tgz",
|
"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.9.tgz",
|
||||||
@ -20735,6 +21055,17 @@
|
|||||||
"@types/react": "*"
|
"@types/react": "*"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"@types/react-redux": {
|
||||||
|
"version": "7.1.27",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.27.tgz",
|
||||||
|
"integrity": "sha512-xj7d9z32p1K/eBmO+OEy+qfaWXtcPlN8f1Xk3Ne0p/ZRQ867RI5bQ/bpBtxbqU1AHNhKJSgGvld/P2myU2uYkg==",
|
||||||
|
"requires": {
|
||||||
|
"@types/hoist-non-react-statics": "^3.3.0",
|
||||||
|
"@types/react": "*",
|
||||||
|
"hoist-non-react-statics": "^3.3.0",
|
||||||
|
"redux": "^4.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"@types/react-transition-group": {
|
"@types/react-transition-group": {
|
||||||
"version": "4.4.5",
|
"version": "4.4.5",
|
||||||
"resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.5.tgz",
|
"resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.5.tgz",
|
||||||
@ -22218,6 +22549,14 @@
|
|||||||
"postcss-selector-parser": "^6.0.9"
|
"postcss-selector-parser": "^6.0.9"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"css-box-model": {
|
||||||
|
"version": "1.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/css-box-model/-/css-box-model-1.2.1.tgz",
|
||||||
|
"integrity": "sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==",
|
||||||
|
"requires": {
|
||||||
|
"tiny-invariant": "^1.0.6"
|
||||||
|
}
|
||||||
|
},
|
||||||
"css-declaration-sorter": {
|
"css-declaration-sorter": {
|
||||||
"version": "6.3.1",
|
"version": "6.3.1",
|
||||||
"resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.3.1.tgz",
|
"resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.3.1.tgz",
|
||||||
@ -22669,6 +23008,16 @@
|
|||||||
"resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
|
"resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
|
||||||
"integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
|
"integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
|
||||||
},
|
},
|
||||||
|
"dnd-core": {
|
||||||
|
"version": "16.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/dnd-core/-/dnd-core-16.0.1.tgz",
|
||||||
|
"integrity": "sha512-HK294sl7tbw6F6IeuK16YSBUoorvHpY8RHO+9yFfaJyCDVb6n7PRcezrOEOa2SBCqiYpemh5Jx20ZcjKdFAVng==",
|
||||||
|
"requires": {
|
||||||
|
"@react-dnd/asap": "^5.0.1",
|
||||||
|
"@react-dnd/invariant": "^4.0.1",
|
||||||
|
"redux": "^4.2.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"dns-equal": {
|
"dns-equal": {
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
|
||||||
@ -22807,6 +23156,11 @@
|
|||||||
"resolved": "https://registry.npmjs.org/emittery/-/emittery-0.8.1.tgz",
|
"resolved": "https://registry.npmjs.org/emittery/-/emittery-0.8.1.tgz",
|
||||||
"integrity": "sha512-uDfvUjVrfGJJhymx/kz6prltenw1u7WrCg1oa94zYY8xxVpLLUu045LAT0dhDZdXG58/EpPL/5kA180fQ/qudg=="
|
"integrity": "sha512-uDfvUjVrfGJJhymx/kz6prltenw1u7WrCg1oa94zYY8xxVpLLUu045LAT0dhDZdXG58/EpPL/5kA180fQ/qudg=="
|
||||||
},
|
},
|
||||||
|
"emoji-mart": {
|
||||||
|
"version": "5.5.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/emoji-mart/-/emoji-mart-5.5.2.tgz",
|
||||||
|
"integrity": "sha512-Sqc/nso4cjxhOwWJsp9xkVm8OF5c+mJLZJFoFfzRuKO+yWiN7K8c96xmtughYb0d/fZ8UC6cLIQ/p4BR6Pv3/A=="
|
||||||
|
},
|
||||||
"emoji-regex": {
|
"emoji-regex": {
|
||||||
"version": "9.2.2",
|
"version": "9.2.2",
|
||||||
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
|
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
|
||||||
@ -24261,6 +24615,11 @@
|
|||||||
"terser": "^5.10.0"
|
"terser": "^5.10.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"html-to-image": {
|
||||||
|
"version": "1.11.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/html-to-image/-/html-to-image-1.11.11.tgz",
|
||||||
|
"integrity": "sha512-9gux8QhvjRO/erSnDPv28noDZcPZmYE7e1vFsBLKLlRlKDSqNJYebj6Qz1TGd5lsRV+X+xYyjCKjuZdABinWjA=="
|
||||||
|
},
|
||||||
"html-webpack-plugin": {
|
"html-webpack-plugin": {
|
||||||
"version": "5.5.0",
|
"version": "5.5.0",
|
||||||
"resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.5.0.tgz",
|
"resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.5.0.tgz",
|
||||||
@ -26566,6 +26925,11 @@
|
|||||||
"fs-monkey": "^1.0.3"
|
"fs-monkey": "^1.0.3"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"memoize-one": {
|
||||||
|
"version": "5.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz",
|
||||||
|
"integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q=="
|
||||||
|
},
|
||||||
"merge-descriptors": {
|
"merge-descriptors": {
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
|
||||||
@ -26772,6 +27136,11 @@
|
|||||||
"resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz",
|
||||||
"integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A=="
|
"integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A=="
|
||||||
},
|
},
|
||||||
|
"normalize-wheel": {
|
||||||
|
"version": "1.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
|
||||||
|
"integrity": "sha512-1OnlAPZ3zgrk8B91HyRj+eVv+kS5u+Z0SCsak6Xil/kmgEia50ga7zfkumayonZrImffAxPU/5WcyGhzetHNPA=="
|
||||||
|
},
|
||||||
"notistack": {
|
"notistack": {
|
||||||
"version": "3.0.1",
|
"version": "3.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/notistack/-/notistack-3.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/notistack/-/notistack-3.0.1.tgz",
|
||||||
@ -27995,6 +28364,11 @@
|
|||||||
"performance-now": "^2.1.0"
|
"performance-now": "^2.1.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"raf-schd": {
|
||||||
|
"version": "4.0.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/raf-schd/-/raf-schd-4.0.3.tgz",
|
||||||
|
"integrity": "sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ=="
|
||||||
|
},
|
||||||
"randombytes": {
|
"randombytes": {
|
||||||
"version": "2.1.0",
|
"version": "2.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
|
||||||
@ -28055,6 +28429,20 @@
|
|||||||
"whatwg-fetch": "^3.6.2"
|
"whatwg-fetch": "^3.6.2"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"react-beautiful-dnd": {
|
||||||
|
"version": "13.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-13.1.1.tgz",
|
||||||
|
"integrity": "sha512-0Lvs4tq2VcrEjEgDXHjT98r+63drkKEgqyxdA7qD3mvKwga6a5SscbdLPO2IExotU1jW8L0Ksdl0Cj2AF67nPQ==",
|
||||||
|
"requires": {
|
||||||
|
"@babel/runtime": "^7.9.2",
|
||||||
|
"css-box-model": "^1.2.0",
|
||||||
|
"memoize-one": "^5.1.1",
|
||||||
|
"raf-schd": "^4.0.2",
|
||||||
|
"react-redux": "^7.2.0",
|
||||||
|
"redux": "^4.0.4",
|
||||||
|
"use-memo-one": "^1.1.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
"react-dev-utils": {
|
"react-dev-utils": {
|
||||||
"version": "12.0.1",
|
"version": "12.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz",
|
||||||
@ -28136,6 +28524,26 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"react-dnd": {
|
||||||
|
"version": "16.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-dnd/-/react-dnd-16.0.1.tgz",
|
||||||
|
"integrity": "sha512-QeoM/i73HHu2XF9aKksIUuamHPDvRglEwdHL4jsp784BgUuWcg6mzfxT0QDdQz8Wj0qyRKx2eMg8iZtWvU4E2Q==",
|
||||||
|
"requires": {
|
||||||
|
"@react-dnd/invariant": "^4.0.1",
|
||||||
|
"@react-dnd/shallowequal": "^4.0.1",
|
||||||
|
"dnd-core": "^16.0.1",
|
||||||
|
"fast-deep-equal": "^3.1.3",
|
||||||
|
"hoist-non-react-statics": "^3.3.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"react-dnd-html5-backend": {
|
||||||
|
"version": "16.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-dnd-html5-backend/-/react-dnd-html5-backend-16.0.1.tgz",
|
||||||
|
"integrity": "sha512-Wu3dw5aDJmOGw8WjH1I1/yTH+vlXEL4vmjk5p+MHxP8HuHJS1lAGeIdG/hze1AvNeXWo/JgULV87LyQOr+r5jw==",
|
||||||
|
"requires": {
|
||||||
|
"dnd-core": "^16.0.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
"react-dom": {
|
"react-dom": {
|
||||||
"version": "18.2.0",
|
"version": "18.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
|
||||||
@ -28145,11 +28553,33 @@
|
|||||||
"scheduler": "^0.23.0"
|
"scheduler": "^0.23.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"react-easy-crop": {
|
||||||
|
"version": "5.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-easy-crop/-/react-easy-crop-5.0.2.tgz",
|
||||||
|
"integrity": "sha512-j4A/0s0v/Gx5YGXvw3SOFIMmRk5YCdob2ABL5cD00Q9HQPKIz6tkCYLdj0RMO0REPtCAOsZ2ZZLI6fUofiDP6w==",
|
||||||
|
"requires": {
|
||||||
|
"normalize-wheel": "^1.0.1",
|
||||||
|
"tslib": "2.0.1"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"tslib": {
|
||||||
|
"version": "2.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.0.1.tgz",
|
||||||
|
"integrity": "sha512-SgIkNheinmEBgx1IUNirK0TUD4X9yjjBRTqqjggWCU3pUEqIk3/Uwl3yRixYKT6WjQuGiwDv4NomL3wqRCj+CQ=="
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"react-error-overlay": {
|
"react-error-overlay": {
|
||||||
"version": "6.0.11",
|
"version": "6.0.11",
|
||||||
"resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz",
|
"resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz",
|
||||||
"integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg=="
|
"integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg=="
|
||||||
},
|
},
|
||||||
|
"react-image-crop": {
|
||||||
|
"version": "10.1.8",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-image-crop/-/react-image-crop-10.1.8.tgz",
|
||||||
|
"integrity": "sha512-4rb8XtXNx7ZaOZarKKnckgz4xLMvds/YrU6mpJfGhGAsy2Mg4mIw1x+DCCGngVGq2soTBVVOxx2s/C6mTX9+pA==",
|
||||||
|
"requires": {}
|
||||||
|
},
|
||||||
"react-image-file-resizer": {
|
"react-image-file-resizer": {
|
||||||
"version": "0.4.8",
|
"version": "0.4.8",
|
||||||
"resolved": "https://registry.npmjs.org/react-image-file-resizer/-/react-image-file-resizer-0.4.8.tgz",
|
"resolved": "https://registry.npmjs.org/react-image-file-resizer/-/react-image-file-resizer-0.4.8.tgz",
|
||||||
@ -28160,6 +28590,26 @@
|
|||||||
"resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
|
||||||
"integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
|
"integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
|
||||||
},
|
},
|
||||||
|
"react-redux": {
|
||||||
|
"version": "7.2.9",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.9.tgz",
|
||||||
|
"integrity": "sha512-Gx4L3uM182jEEayZfRbI/G11ZpYdNAnBs70lFVMNdHJI76XYtR+7m0MN+eAs7UHBPhWXcnFPaS+9owSCJQHNpQ==",
|
||||||
|
"requires": {
|
||||||
|
"@babel/runtime": "^7.15.4",
|
||||||
|
"@types/react-redux": "^7.1.20",
|
||||||
|
"hoist-non-react-statics": "^3.3.2",
|
||||||
|
"loose-envify": "^1.4.0",
|
||||||
|
"prop-types": "^15.7.2",
|
||||||
|
"react-is": "^17.0.2"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"react-is": {
|
||||||
|
"version": "17.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
|
||||||
|
"integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"react-refresh": {
|
"react-refresh": {
|
||||||
"version": "0.11.0",
|
"version": "0.11.0",
|
||||||
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
|
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
|
||||||
@ -28314,6 +28764,14 @@
|
|||||||
"strip-indent": "^3.0.0"
|
"strip-indent": "^3.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"redux": {
|
||||||
|
"version": "4.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",
|
||||||
|
"integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==",
|
||||||
|
"requires": {
|
||||||
|
"@babel/runtime": "^7.9.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
"regenerate": {
|
"regenerate": {
|
||||||
"version": "1.4.2",
|
"version": "1.4.2",
|
||||||
"resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
|
"resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
|
||||||
@ -29339,6 +29797,11 @@
|
|||||||
"resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
|
||||||
"integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA=="
|
"integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA=="
|
||||||
},
|
},
|
||||||
|
"tiny-invariant": {
|
||||||
|
"version": "1.3.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.1.tgz",
|
||||||
|
"integrity": "sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw=="
|
||||||
|
},
|
||||||
"tmpl": {
|
"tmpl": {
|
||||||
"version": "1.0.5",
|
"version": "1.0.5",
|
||||||
"resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
|
"resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
|
||||||
@ -29600,6 +30063,18 @@
|
|||||||
"requires-port": "^1.0.0"
|
"requires-port": "^1.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"use-debounce": {
|
||||||
|
"version": "9.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/use-debounce/-/use-debounce-9.0.4.tgz",
|
||||||
|
"integrity": "sha512-6X8H/mikbrt0XE8e+JXRtZ8yYVvKkdYRfmIhWZYsP8rcNs9hk3APV8Ua2mFkKRLcJKVdnX2/Vwrmg2GWKUQEaQ==",
|
||||||
|
"requires": {}
|
||||||
|
},
|
||||||
|
"use-memo-one": {
|
||||||
|
"version": "1.1.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/use-memo-one/-/use-memo-one-1.1.3.tgz",
|
||||||
|
"integrity": "sha512-g66/K7ZQGYrI6dy8GLpVcMsBp4s17xNkYJVSMvTEevGy3nDxHOfE6z8BVE22+5G5x7t3+bhzrlTDB7ObrEE0cQ==",
|
||||||
|
"requires": {}
|
||||||
|
},
|
||||||
"use-sync-external-store": {
|
"use-sync-external-store": {
|
||||||
"version": "1.2.0",
|
"version": "1.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",
|
||||||
|
|||||||
BIN
src/assets/LandingPict/Desktop.png
Normal file
BIN
src/assets/LandingPict/Desktop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
35
src/assets/LandingPict/calendarIcon.tsx
Normal file
35
src/assets/LandingPict/calendarIcon.tsx
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
import { Box } from "@mui/material";
|
||||||
|
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
color?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function CalendarIcon({color}:Props) {
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
height: "36px",
|
||||||
|
width: "36px",
|
||||||
|
display: "flex",
|
||||||
|
alignItems: "center",
|
||||||
|
justifyContent: "center",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g id="Group 22">
|
||||||
|
<rect id="Border" width="36" height="36" rx="6" fill="#7E2AEA"/>
|
||||||
|
<g id="Group 21">
|
||||||
|
<path id="Vector" d="M25.5 9.75H10.5C10.0858 9.75 9.75 10.0858 9.75 10.5V25.5C9.75 25.9142 10.0858 26.25 10.5 26.25H25.5C25.9142 26.25 26.25 25.9142 26.25 25.5V10.5C26.25 10.0858 25.9142 9.75 25.5 9.75Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path id="Vector_2" d="M22.5 8.25V11.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path id="Vector_3" d="M13.5 8.25V11.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path id="Vector_4" d="M9.75 14.25H26.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path id="Vector_5" d="M14.625 18H17.25L15.75 19.875C15.9969 19.8746 16.24 19.9351 16.4579 20.0512C16.6757 20.1672 16.8616 20.3353 16.999 20.5404C17.1363 20.7455 17.2209 20.9814 17.2453 21.2271C17.2696 21.4727 17.2329 21.7206 17.1385 21.9487C17.0441 22.1768 16.8949 22.378 16.704 22.5346C16.5132 22.6912 16.2866 22.7983 16.0445 22.8463C15.8024 22.8944 15.5521 22.8819 15.3159 22.81C15.0798 22.7382 14.865 22.6091 14.6906 22.4344" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path id="Vector_6" d="M19.5 19.125L21 18V22.875" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</Box>
|
||||||
|
);
|
||||||
|
}
|
||||||
192
src/assets/LandingPict/notebook.tsx
Normal file
192
src/assets/LandingPict/notebook.tsx
Normal file
@ -0,0 +1,192 @@
|
|||||||
|
import { Box } from "@mui/material";
|
||||||
|
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
color?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function Notebook({color}:Props) {
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
height: "171px",
|
||||||
|
width: "279px",
|
||||||
|
display: "flex",
|
||||||
|
alignItems: "center",
|
||||||
|
justifyContent: "center",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<svg width="279" height="171" viewBox="0 0 279 171" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M123.717 1.39258V3.94582L126.959 3.94582C127.348 3.94582 127.663 4.26075 127.663 4.64924V6.96329C127.663 7.60426 128.182 8.12386 128.823 8.12386L150.642 8.12386C151.283 8.12386 151.802 7.60426 151.802 6.96329V4.64924C151.802 4.26075 152.117 3.94582 152.506 3.94582L155.284 3.94582V1.39258L123.717 1.39258Z" fill="black"/>
|
||||||
|
<circle cx="139.409" cy="4.55077" r="1.06935" transform="rotate(-180 139.409 4.55077)" fill="url(#paint0_linear_3_590)"/>
|
||||||
|
<circle cx="139.385" cy="4.52608" r="0.580283" fill="url(#paint1_radial_3_590)"/>
|
||||||
|
<g filter="url(#filter0_f_3_590)">
|
||||||
|
<path d="M139.383 4.17799C139.291 4.17799 139.202 4.2269 139.137 4.31396C139.072 4.40102 139.035 4.5191 139.035 4.64222C139.035 4.76534 139.072 4.88342 139.137 4.97048C139.202 5.05754 139.291 5.10645 139.383 5.10645L139.383 4.64222L139.383 4.17799Z" fill="url(#paint2_linear_3_590)"/>
|
||||||
|
</g>
|
||||||
|
<g filter="url(#filter1_f_3_590)">
|
||||||
|
<circle cx="139.384" cy="4.29403" r="0.116057" fill="#50326D"/>
|
||||||
|
</g>
|
||||||
|
<g filter="url(#filter2_f_3_590)">
|
||||||
|
<path d="M139.501 5.10643C139.624 5.10643 139.742 5.05752 139.829 4.97046C139.916 4.8834 139.965 4.76533 139.965 4.6422C139.965 4.51908 139.916 4.40101 139.829 4.31395C139.742 4.22689 139.624 4.17798 139.501 4.17798L139.501 4.6422L139.501 5.10643Z" fill="url(#paint3_linear_3_590)"/>
|
||||||
|
</g>
|
||||||
|
<g filter="url(#filter3_f_3_590)">
|
||||||
|
<ellipse cx="139.5" cy="4.75815" rx="0.232113" ry="0.116057" fill="url(#paint4_linear_3_590)"/>
|
||||||
|
</g>
|
||||||
|
<path d="M117.914 159.462H139.501V162.711H121.164C119.369 162.711 117.914 161.257 117.914 159.462Z" fill="url(#paint5_radial_3_590)"/>
|
||||||
|
<path d="M117.914 159.462H139.501V162.711H121.164C119.369 162.711 117.914 161.257 117.914 159.462Z" fill="url(#paint6_linear_3_590)"/>
|
||||||
|
<path d="M161.088 159.462H139.501V162.712H157.838C159.633 162.712 161.088 161.257 161.088 159.462Z" fill="url(#paint7_radial_3_590)"/>
|
||||||
|
<path d="M161.088 159.462H139.501V162.712H157.838C159.633 162.712 161.088 161.257 161.088 159.462Z" fill="url(#paint8_linear_3_590)"/>
|
||||||
|
<path d="M249.523 169.443L248.826 168.747H264.958L264.262 169.443H249.523Z" fill="url(#paint9_linear_3_590)"/>
|
||||||
|
<rect x="249.521" y="169.443" width="14.8552" height="0.232113" rx="0.116057" fill="#2A2A2A"/>
|
||||||
|
<path d="M249.754 169.675H264.145L263.813 170.165C263.725 170.294 263.58 170.371 263.424 170.371H250.474C250.319 170.371 250.173 170.294 250.086 170.165L249.754 169.675Z" fill="url(#paint10_linear_3_590)"/>
|
||||||
|
<path d="M14.6241 169.443L13.9277 168.747H30.0596L29.3633 169.443H14.6241Z" fill="url(#paint11_linear_3_590)"/>
|
||||||
|
<rect x="14.625" y="169.443" width="14.6231" height="0.232113" rx="0.116057" fill="#2A2A2A"/>
|
||||||
|
<path d="M14.8555 169.675H29.0144L28.6894 170.162C28.6024 170.293 28.456 170.371 28.2992 170.371H15.5707C15.4139 170.371 15.2675 170.293 15.1805 170.162L14.8555 169.675Z" fill="url(#paint12_linear_3_590)"/>
|
||||||
|
<path d="M21.9376 6.79972C21.9376 3.23858 24.8245 0.35171 28.3857 0.35171L250.613 0.35171C254.174 0.35171 257.061 3.23858 257.061 6.79973V159.11L21.9376 159.11L21.9376 6.79972Z" stroke="url(#paint13_linear_3_590)" stroke-width="0.70342"/>
|
||||||
|
<path d="M22.633 6.79261C22.633 3.61996 25.2049 1.048 28.3776 1.048L250.619 1.048C253.792 1.048 256.364 3.61994 256.364 6.7926V159.11L22.633 159.11L22.633 6.79261Z" fill="black" stroke="#2D2E31" stroke-width="0.70342"/>
|
||||||
|
<rect x="22.9805" y="153.891" width="233.042" height="5.57072" fill="url(#paint14_linear_3_590)"/>
|
||||||
|
<g filter="url(#filter4_iii_3_590)">
|
||||||
|
<path d="M0 159.462L279 159.462V164.057C279 166.647 276.9 168.746 274.311 168.746L4.68946 168.746C2.09954 168.746 0 166.647 0 164.057L0 159.462Z" fill="#D1D2D4"/>
|
||||||
|
<path d="M0 159.462L279 159.462V164.057C279 166.647 276.9 168.746 274.311 168.746L4.68946 168.746C2.09954 168.746 0 166.647 0 164.057L0 159.462Z" fill="url(#paint15_linear_3_590)"/>
|
||||||
|
</g>
|
||||||
|
<mask id="mask0_3_590"
|
||||||
|
// style="mask-type:alpha"
|
||||||
|
maskUnits="userSpaceOnUse" x="26" y="10" width="227" height="144">
|
||||||
|
<rect x="26.0039" y="10.0527" width="226.184" height="143.839" fill="#D9D9D9"/>
|
||||||
|
</mask>
|
||||||
|
<g mask="url(#mask0_3_590)">
|
||||||
|
<rect x="26.0039" y="10.0525" width="226.184" height="143.839" fill="#F0F1F6"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<filter id="filter0_f_3_590" x="138.709" y="3.85232" width="0.998971" height="1.57978" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.162829" result="effect1_foregroundBlur_3_590"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter1_f_3_590" x="138.125" y="3.0356" width="2.51719" height="2.51694" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.571191" result="effect1_foregroundBlur_3_590"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter2_f_3_590" x="139.174" y="3.85232" width="1.11616" height="1.57978" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.162829" result="effect1_foregroundBlur_3_590"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter3_f_3_590" x="138.887" y="4.2613" width="1.22643" height="0.993766" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.190397" result="effect1_foregroundBlur_3_590"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter4_iii_3_590" x="0" y="156.648" width="279" height="12.0981" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<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="-3.98605"/>
|
||||||
|
<feGaussianBlur stdDeviation="1.40684"/>
|
||||||
|
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0.502066 0 0 0 0 0.502766 0 0 0 0 0.504167 0 0 0 1 0"/>
|
||||||
|
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3_590"/>
|
||||||
|
<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="-1.40684"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.586183"/>
|
||||||
|
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0.900764 0 0 0 0 0.904549 0 0 0 0 0.908333 0 0 0 1 0"/>
|
||||||
|
<feBlend mode="normal" in2="effect1_innerShadow_3_590" result="effect2_innerShadow_3_590"/>
|
||||||
|
<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="-0.234473"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.35171"/>
|
||||||
|
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0.616667 0 0 0 0 0.616667 0 0 0 0 0.616667 0 0 0 1 0"/>
|
||||||
|
<feBlend mode="normal" in2="effect2_innerShadow_3_590" result="effect3_innerShadow_3_590"/>
|
||||||
|
</filter>
|
||||||
|
<linearGradient id="paint0_linear_3_590" x1="138.529" y1="3.98464" x2="140.227" y2="4.99109" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#222222"/>
|
||||||
|
<stop offset="1" stop-color="#0B0B0B"/>
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient id="paint1_radial_3_590" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(139.385 4.47333) rotate(37.875) scale(0.601477 0.605921)">
|
||||||
|
<stop stop-color="#152457"/>
|
||||||
|
<stop offset="1"/>
|
||||||
|
</radialGradient>
|
||||||
|
<linearGradient id="paint2_linear_3_590" x1="139.122" y1="4.28115" x2="139.417" y2="5.07777" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#20569B"/>
|
||||||
|
<stop offset="0.677083" stop-color="#061127"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint3_linear_3_590" x1="139.849" y1="5.00327" x2="139.615" y2="4.16228" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#3D6495"/>
|
||||||
|
<stop offset="0.71875" stop-color="#061127"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint4_linear_3_590" x1="139.809" y1="4.83552" x2="139.7" y2="4.56205" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#3291AF"/>
|
||||||
|
<stop offset="1" stop-color="#3291AF" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient id="paint5_radial_3_590" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(128.707 159.462) rotate(90) scale(4.52621 30.0669)">
|
||||||
|
<stop stop-color="white"/>
|
||||||
|
<stop offset="1" stop-color="#D9D9D9"/>
|
||||||
|
</radialGradient>
|
||||||
|
<linearGradient id="paint6_linear_3_590" x1="118.32" y1="161.551" x2="122.556" y2="159.462" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0.00209588" stop-color="#242424"/>
|
||||||
|
<stop offset="0.34936" stop-color="#EFEFEF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient id="paint7_radial_3_590" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(150.295 159.462) rotate(90) scale(4.52621 30.0669)">
|
||||||
|
<stop stop-color="white"/>
|
||||||
|
<stop offset="1" stop-color="#D9D9D9"/>
|
||||||
|
</radialGradient>
|
||||||
|
<linearGradient id="paint8_linear_3_590" x1="160.682" y1="161.551" x2="156.446" y2="159.462" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0.00209588" stop-color="#242424"/>
|
||||||
|
<stop offset="0.34936" stop-color="#EFEFEF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint9_linear_3_590" x1="248.826" y1="168.863" x2="264.842" y2="168.863" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#D1D2D4"/>
|
||||||
|
<stop offset="0.063237" stop-color="#818181"/>
|
||||||
|
<stop offset="0.507008" stop-color="#D0D0D0"/>
|
||||||
|
<stop offset="0.864583" stop-color="#818181"/>
|
||||||
|
<stop offset="1" stop-color="#D1D2D4"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint10_linear_3_590" x1="249.99" y1="169.907" x2="264.145" y2="169.907" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#4D4D4D"/>
|
||||||
|
<stop offset="0.156699" stop-color="#292929"/>
|
||||||
|
<stop offset="0.501829" stop-color="#6A6A6A"/>
|
||||||
|
<stop offset="0.884758" stop-color="#2E2D2D"/>
|
||||||
|
<stop offset="1" stop-color="#4D4D4D"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint11_linear_3_590" x1="13.9277" y1="168.863" x2="29.9435" y2="168.863" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#D1D2D4"/>
|
||||||
|
<stop offset="0.063237" stop-color="#818181"/>
|
||||||
|
<stop offset="0.507008" stop-color="#D0D0D0"/>
|
||||||
|
<stop offset="0.864583" stop-color="#818181"/>
|
||||||
|
<stop offset="1" stop-color="#D1D2D4"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint12_linear_3_590" x1="15.0876" y1="169.907" x2="29.0144" y2="169.907" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#4D4D4D"/>
|
||||||
|
<stop offset="0.156699" stop-color="#292929"/>
|
||||||
|
<stop offset="0.501829" stop-color="#6A6A6A"/>
|
||||||
|
<stop offset="0.884758" stop-color="#2E2D2D"/>
|
||||||
|
<stop offset="1" stop-color="#4D4D4D"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint13_linear_3_590" x1="16.9437" y1="-2.17555e-06" x2="77.177" y2="59.8852" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#A8A8A8"/>
|
||||||
|
<stop offset="1" stop-color="#737475"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint14_linear_3_590" x1="139.501" y1="153.891" x2="139.501" y2="159.462" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#2D2D2D"/>
|
||||||
|
<stop offset="1"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint15_linear_3_590" x1="0" y1="164.104" x2="279" y2="164.104" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#A9AAAC"/>
|
||||||
|
<stop offset="0.0205416" stop-color="#F2F2F2" stop-opacity="0.921875"/>
|
||||||
|
<stop offset="0.0339099" stop-color="#787879"/>
|
||||||
|
<stop offset="0.124814" stop-color="#D6D6D6" stop-opacity="0.606575"/>
|
||||||
|
<stop offset="0.515625" stop-color="#E4E4E4" stop-opacity="0"/>
|
||||||
|
<stop offset="0.864583" stop-color="#D7D7D7" stop-opacity="0.666378"/>
|
||||||
|
<stop offset="0.973923" stop-color="#848484"/>
|
||||||
|
<stop offset="0.992314" stop-color="#F4F4F4"/>
|
||||||
|
<stop offset="1" stop-color="#BFBFBF"/>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
</Box>
|
||||||
|
);
|
||||||
|
}
|
||||||
25
src/assets/LandingPict/titleIcon.tsx
Normal file
25
src/assets/LandingPict/titleIcon.tsx
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
import { Box } from "@mui/material";
|
||||||
|
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
color?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function TitleIcon({color}:Props) {
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
height: "30px",
|
||||||
|
width: "33px",
|
||||||
|
display: "flex",
|
||||||
|
alignItems: "center",
|
||||||
|
justifyContent: "center",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<svg width="33" height="30" viewBox="0 0 33 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path id="Title" d="M33 0V5.11111C31.3704 5.40741 30.037 6.14815 29 7.33334C28.037 8.44445 27.2963 9.85185 26.7778 11.5556C26.3333 13.2593 26.1111 15.1111 26.1111 17.1111H32V30H19.6667V18.3333C19.6667 14.037 20.2963 10.6296 21.5556 8.11111C22.8889 5.5926 24.5556 3.70371 26.5556 2.44445C28.6296 1.18518 30.7778 0.37037 33 0ZM13.3333 0V5.11111C11.7037 5.40741 10.3704 6.14815 9.33333 7.33334C8.37037 8.44445 7.62963 9.85185 7.11111 11.5556C6.66667 13.2593 6.44444 15.1111 6.44444 17.1111H12.3333V30H0V18.3333C0 14.037 0.629629 10.6296 1.88889 8.11111C3.22222 5.5926 4.88889 3.70371 6.88889 2.44445C8.96296 1.18518 11.1111 0.37037 13.3333 0Z" fill="#7E2AEA"/>
|
||||||
|
</svg>
|
||||||
|
</Box>
|
||||||
|
);
|
||||||
|
}
|
||||||
56
src/assets/LandingPict/youtobeIcon.tsx
Normal file
56
src/assets/LandingPict/youtobeIcon.tsx
Normal file
@ -0,0 +1,56 @@
|
|||||||
|
import { Box } from "@mui/material";
|
||||||
|
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
color?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function YoutobeIcon({color}:Props) {
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
height: "75px",
|
||||||
|
width: "120px",
|
||||||
|
display: "flex",
|
||||||
|
alignItems: "center",
|
||||||
|
justifyContent: "center",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<svg width="120" height="75" viewBox="0 0 120 75" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_105_15)">
|
||||||
|
<rect width="120" height="75" fill="none"/>
|
||||||
|
<g filter="url(#filter0_ddd_105_15)">
|
||||||
|
<rect width="120" height="75" rx="12" fill="#FB5607"/>
|
||||||
|
</g>
|
||||||
|
<path d="M84 37L48 16.2154V57.7846L84 37Z" fill="white"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<filter id="filter0_ddd_105_15" x="-17.869" y="0" width="155.738" height="115.205" 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="6.6501"/>
|
||||||
|
<feGaussianBlur stdDeviation="2.66004"/>
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0.494118 0 0 0 0 0.164706 0 0 0 0 0.917647 0 0 0 0.0282725 0"/>
|
||||||
|
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_105_15"/>
|
||||||
|
<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="12.5216"/>
|
||||||
|
<feGaussianBlur stdDeviation="5.00862"/>
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0.494118 0 0 0 0 0.164706 0 0 0 0 0.917647 0 0 0 0.035 0"/>
|
||||||
|
<feBlend mode="normal" in2="effect1_dropShadow_105_15" result="effect2_dropShadow_105_15"/>
|
||||||
|
<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="22.3363"/>
|
||||||
|
<feGaussianBlur stdDeviation="8.93452"/>
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0.494118 0 0 0 0 0.164706 0 0 0 0 0.917647 0 0 0 0.0417275 0"/>
|
||||||
|
<feBlend mode="normal" in2="effect2_dropShadow_105_15" result="effect3_dropShadow_105_15"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_105_15" result="shape"/>
|
||||||
|
</filter>
|
||||||
|
<clipPath id="clip0_105_15">
|
||||||
|
<rect width="120" height="75" fill="white"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
</Box>
|
||||||
|
);
|
||||||
|
}
|
||||||
BIN
src/assets/Quiz-main.png
Normal file
BIN
src/assets/Quiz-main.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 165 KiB |
@ -16,6 +16,7 @@ import { Result } from "./pages/Result/Result";
|
|||||||
import { Setting } from "./pages/Result/Setting";
|
import { Setting } from "./pages/Result/Setting";
|
||||||
import MyQuizzesFull from "./pages/createQuize/MyQuizzesFull";
|
import MyQuizzesFull from "./pages/createQuize/MyQuizzesFull";
|
||||||
import ImageCrop from "@ui_kit/Modal/ImageCrop";
|
import ImageCrop from "@ui_kit/Modal/ImageCrop";
|
||||||
|
import Landing from "./pages/Landing/Landing";
|
||||||
|
|
||||||
const routeslink: {
|
const routeslink: {
|
||||||
path: string;
|
path: string;
|
||||||
@ -23,13 +24,8 @@ const routeslink: {
|
|||||||
header: boolean;
|
header: boolean;
|
||||||
sidebar: boolean;
|
sidebar: boolean;
|
||||||
}[] = [
|
}[] = [
|
||||||
{ path: "/", page: <MyQuizzesFull />, header: false, sidebar: false },
|
{ path: "/list", page: <MyQuizzesFull />, header: false, sidebar: false },
|
||||||
{
|
{ path: "/questions/:quizId", page: <QuestionsPage />, header: true, sidebar: true,},
|
||||||
path: "/questions/:quizId",
|
|
||||||
page: <QuestionsPage />,
|
|
||||||
header: true,
|
|
||||||
sidebar: true,
|
|
||||||
},
|
|
||||||
{ path: "/contacts", page: <ContactFormPage />, header: true, sidebar: true },
|
{ path: "/contacts", page: <ContactFormPage />, header: true, sidebar: true },
|
||||||
{ path: "/result", page: <Result />, header: true, sidebar: true },
|
{ path: "/result", page: <Result />, header: true, sidebar: true },
|
||||||
{ path: "/settings", page: <Setting />, header: true, sidebar: true },
|
{ path: "/settings", page: <Setting />, header: true, sidebar: true },
|
||||||
@ -48,6 +44,7 @@ root.render(
|
|||||||
))}
|
))}
|
||||||
<Route path="quize-setting/:quizId" element={<StartPage />} />
|
<Route path="quize-setting/:quizId" element={<StartPage />} />
|
||||||
<Route path="crop" element={<ImageCrop />} />
|
<Route path="crop" element={<ImageCrop />} />
|
||||||
|
<Route path="/" element={<Landing/>}/>
|
||||||
</Routes>
|
</Routes>
|
||||||
</BrowserRouter>
|
</BrowserRouter>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
|
|||||||
105
src/pages/Landing/Blog.tsx
Normal file
105
src/pages/Landing/Blog.tsx
Normal file
@ -0,0 +1,105 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import Box from '@mui/material/Box';
|
||||||
|
import {Typography} from "@mui/material";
|
||||||
|
import SectionStyled from './SectionStyled';
|
||||||
|
import {styled} from "@mui/material/styles";
|
||||||
|
|
||||||
|
const BoxCardBlog = styled('div')(({ theme }) => ({
|
||||||
|
[theme.breakpoints.down('md')]: {
|
||||||
|
width: '100%',
|
||||||
|
maxWidth: 'none',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
function CardBlog () {
|
||||||
|
return(
|
||||||
|
<BoxCardBlog
|
||||||
|
sx={{
|
||||||
|
width: '360px',
|
||||||
|
height: '292px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
backgroundColor: '#ffffff',
|
||||||
|
borderRadius: '12px',
|
||||||
|
marginBottom: '10px',
|
||||||
|
|
||||||
|
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
width: '100%',
|
||||||
|
height: '62%',
|
||||||
|
backgroundColor: '#C8DADE',
|
||||||
|
borderTopLeftRadius: '12px',
|
||||||
|
borderTopRightRadius: '12px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
padding: '16px 20px',
|
||||||
|
maxWidth: '100%',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography color={"#4D4D4D"} fontSize={"16px"}>01.09.2022</Typography>
|
||||||
|
<Typography variant='h6' fontSize='18px' color={"#4D4D4D"} maxWidth={"300px"}>Как продвигать квиз за 10 000 ₽ в месяц</Typography>
|
||||||
|
</Box>
|
||||||
|
</BoxCardBlog>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function Component() {
|
||||||
|
return(
|
||||||
|
<SectionStyled tag={'section'} bg={'#f2f3f7'} mwidth={'1160px'}
|
||||||
|
sxsect={{
|
||||||
|
minHeight: '596px',
|
||||||
|
}}
|
||||||
|
sxcont={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
justifyContent: 'center',
|
||||||
|
alignItems: 'center',
|
||||||
|
padding: '10px',
|
||||||
|
}}>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'flex-start',
|
||||||
|
width: '100%',
|
||||||
|
flexDirection: 'column',
|
||||||
|
|
||||||
|
}}
|
||||||
|
|
||||||
|
>
|
||||||
|
<Typography variant='h4' fontWeight={'500'}>Блог</Typography>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
maxWidth: '361px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography
|
||||||
|
sx={{fontSize: '18px',}}
|
||||||
|
>
|
||||||
|
Кейсы, дайджесты и отборные рекомендации
|
||||||
|
</Typography>
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: "flex",
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'center',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
width: '100%',
|
||||||
|
marginTop: '40px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<CardBlog/>
|
||||||
|
<CardBlog/>
|
||||||
|
<CardBlog/>
|
||||||
|
</Box>
|
||||||
|
</SectionStyled>
|
||||||
|
)
|
||||||
|
}
|
||||||
107
src/pages/Landing/BusinessPluses.tsx
Normal file
107
src/pages/Landing/BusinessPluses.tsx
Normal file
@ -0,0 +1,107 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import Box from '@mui/material/Box';
|
||||||
|
import {Typography} from "@mui/material";
|
||||||
|
import SectionStyled from './SectionStyled';
|
||||||
|
import {styled} from "@mui/material/styles";
|
||||||
|
|
||||||
|
const BoxPluses = styled('div')(({ theme }) => ({
|
||||||
|
[theme.breakpoints.down('md')]: {
|
||||||
|
flexDirection: 'column',
|
||||||
|
alignItems: 'center',
|
||||||
|
textAlign: 'center',
|
||||||
|
width: '100%',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
const BoxCard = styled('div')(({ theme }) => ({
|
||||||
|
[theme.breakpoints.down('md')]: {
|
||||||
|
alignItems: 'center',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
const BoxText = styled('div')(({ theme }) => ({
|
||||||
|
[theme.breakpoints.down('md')]: {
|
||||||
|
textAlign: 'center',
|
||||||
|
marginBottom: '40px',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
function Square () {
|
||||||
|
return(
|
||||||
|
<Box sx={{
|
||||||
|
width: '59px',
|
||||||
|
height: '59px',
|
||||||
|
backgroundColor: '#CBDADE',
|
||||||
|
borderRadius: '6px',
|
||||||
|
}}
|
||||||
|
> </Box>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
export default function Component () {
|
||||||
|
return(
|
||||||
|
<SectionStyled tag={'section'} bg={'#7e2aea'} mwidth={'1160px'}
|
||||||
|
sxsect={{minHeight: '394px'}}
|
||||||
|
sxcont={{display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
justifyContent: 'space-around',
|
||||||
|
height: '100%',
|
||||||
|
color:'#ffffff',
|
||||||
|
padding: '55px 14px 63px 10px'
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<BoxText
|
||||||
|
// marginBottom={'40px'}
|
||||||
|
>
|
||||||
|
<Typography marginBottom={'40px'} variant={'h6'} fontSize={'36px'}>В чем плюсы для бизнеса</Typography>
|
||||||
|
</BoxText>
|
||||||
|
<BoxPluses
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<BoxCard
|
||||||
|
sx={{
|
||||||
|
maxWidth: '290px',
|
||||||
|
height: '151px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
marginBottom: '10px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Square/>
|
||||||
|
<Typography fontSize={'18px'} lineHeight={'22.33px'}>
|
||||||
|
Человек ощущает заботу и склоняется к выбору вашей компании</Typography>
|
||||||
|
</BoxCard>
|
||||||
|
<BoxCard
|
||||||
|
sx={{
|
||||||
|
maxWidth: '290px',
|
||||||
|
height: '151px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
marginBottom: '10px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Square/>
|
||||||
|
<Typography fontSize={'18px'} lineHeight={'22.33px'} paddingBottom={'18px'}>
|
||||||
|
Получаете заинтересованного, квалифицированного клиента</Typography>
|
||||||
|
</BoxCard>
|
||||||
|
<BoxCard
|
||||||
|
sx={{
|
||||||
|
maxWidth: '346px',
|
||||||
|
height: '151px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
marginBottom: '10px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Square/>
|
||||||
|
<Typography fontSize={'18px'} lineHeight={'22.33px'} paddingBottom={'18px'}>
|
||||||
|
Увеличиваете качество цифрового общения и конверсию в продажи</Typography>
|
||||||
|
</BoxCard>
|
||||||
|
</BoxPluses>
|
||||||
|
</SectionStyled>
|
||||||
|
)}
|
||||||
81
src/pages/Landing/Counter.tsx
Normal file
81
src/pages/Landing/Counter.tsx
Normal file
@ -0,0 +1,81 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import Box from '@mui/material/Box';
|
||||||
|
import {Typography} from "@mui/material";
|
||||||
|
import { styled } from '@mui/material/styles';
|
||||||
|
|
||||||
|
const Root = styled('section')(({ theme }) => ({
|
||||||
|
[theme.breakpoints.down('md')]: {
|
||||||
|
height: 'auto',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
export default function Counter() {
|
||||||
|
return(
|
||||||
|
<Root
|
||||||
|
sx={{
|
||||||
|
|
||||||
|
width: '100%',
|
||||||
|
fontFamily: 'Rubik',
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'center',
|
||||||
|
alignItems: 'center',
|
||||||
|
height: 0,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
maxWidth: '1160px',
|
||||||
|
height: '190px',
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'center',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
backgroundColor: '#7E2AEA',
|
||||||
|
color: '#ffffff',
|
||||||
|
borderRadius: '8px',
|
||||||
|
boxSizing: "border-box",
|
||||||
|
padding: '30px 60px 30px 20px',
|
||||||
|
width: '100%',
|
||||||
|
marginTop: "106px"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
width: '203px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant='h3' fontSize={'50px'} fontWeight={'500'}>14 дней</Typography>
|
||||||
|
<Typography> бесплатно, полный функционал</Typography>
|
||||||
|
</Box>
|
||||||
|
<Box>
|
||||||
|
<Typography variant='h3' fontSize={'50px'} fontWeight={'500'}>10 мин</Typography>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
width: '131px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography >для создания квиза</Typography>
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
<Box>
|
||||||
|
<Typography variant='h3' fontSize={'50px'} fontWeight={'500'}>482 800</Typography>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
width: '200px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography >квизов создано клиентами</Typography>
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
width: '177px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant='h3' fontWeight={'500'}>76</Typography>
|
||||||
|
<Typography>готовых шаблонов для разных ниш</Typography>
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
</Root>
|
||||||
|
)
|
||||||
|
}
|
||||||
98
src/pages/Landing/FooterLanding.tsx
Normal file
98
src/pages/Landing/FooterLanding.tsx
Normal file
@ -0,0 +1,98 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import Box from "@mui/material/Box";
|
||||||
|
import Typography from '@mui/material/Typography';
|
||||||
|
import Button from "@mui/material/Button";
|
||||||
|
import PenaLogo from "../../ui_kit/PenaLogo";
|
||||||
|
import SectionStyled from './SectionStyled';
|
||||||
|
import {styled} from "@mui/material/styles";
|
||||||
|
|
||||||
|
const RootBox = styled('div')(({ theme }) => ({
|
||||||
|
[theme.breakpoints.down('sm')]: {
|
||||||
|
justifyContent: 'center',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
const BoxServis = styled('div')(({ theme}) => ({
|
||||||
|
[theme.breakpoints.down('lg')]: {
|
||||||
|
width: '100%',
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'center',
|
||||||
|
textAlign: 'center',
|
||||||
|
alignItems: 'center',
|
||||||
|
}
|
||||||
|
}));
|
||||||
|
|
||||||
|
const BoxMenu = styled('div')(({ theme }) => ({
|
||||||
|
[theme.breakpoints.down('xs')]: {
|
||||||
|
width: '100%',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
export default function Component() {
|
||||||
|
return(
|
||||||
|
<SectionStyled tag={'footer'} bg={'#252734'} mwidth={'1160px'}
|
||||||
|
sxsect={{
|
||||||
|
justifyContent: 'space-around',
|
||||||
|
}}
|
||||||
|
sxcont={{
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'flex-start',
|
||||||
|
flexDirection: 'column',
|
||||||
|
minHeight: '236px',
|
||||||
|
padding: '56px 0px',
|
||||||
|
boxSizing: 'border-box',
|
||||||
|
}}>
|
||||||
|
<RootBox
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
height: '50%',
|
||||||
|
alignItems: "center",
|
||||||
|
width: "100%",
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
gap: "120px"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
width: '170px',
|
||||||
|
height: '48px',
|
||||||
|
backgroundSize: 'contain',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<svg width="124" height="48" viewBox="0 0 124 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9015 2.29269C12.8451 1.70698 9.35663 7.13845 6.11187 11.0646C3.26427 14.5102 1.144 18.402 0.897728 22.8672C0.635712 27.6177 1.49746 32.5651 4.73385 36.0493C8.06749 39.6381 13.0612 41.9057 17.9015 41.1726C22.3399 40.5003 24.3038 35.6263 27.6082 32.5846C31.1962 29.2819 37.8808 27.7458 37.7881 22.8672C37.6952 17.9811 30.6403 17.0247 27.2457 13.5127C23.7296 9.87488 22.9244 2.87452 17.9015 2.29269Z" fill="#7E2AEA"/>
|
||||||
|
<ellipse cx="30.4815" cy="39.3174" rx="2.79008" ry="2.79008" fill="#7E2AEA"/>
|
||||||
|
<circle cx="27.6918" cy="8.36074" r="1.06289" fill="#7E2AEA"/>
|
||||||
|
<path d="M44.6914 21.725C44.3815 18.712 42.964 15.9213 40.7136 13.894C38.4632 11.8666 35.5403 10.7469 32.5114 10.752C32.0814 10.7522 31.6516 10.7747 31.2239 10.8194C28.2122 11.1356 25.4243 12.5558 23.3979 14.8061C21.3715 17.0563 20.2501 19.9773 20.25 23.0055V23.0055V40.5105H25.5015V33.0709C27.5548 34.4993 29.997 35.2631 32.4983 35.259C32.9283 35.2589 33.3581 35.2364 33.7858 35.1916C35.3861 35.0234 36.9377 34.5417 38.3519 33.7738C39.7661 33.006 41.0152 31.9671 42.0279 30.7166C43.0405 29.466 43.797 28.0282 44.254 26.4852C44.711 24.9423 44.8596 23.3245 44.6914 21.7241V21.725ZM37.9467 27.4141C37.3698 28.1307 36.6565 28.7258 35.8481 29.1648C35.0397 29.6038 34.1522 29.878 33.237 29.9716C32.9916 29.9971 32.745 30.01 32.4983 30.0101C30.9101 30.0087 29.3696 29.4673 28.1296 28.475C26.8896 27.4826 26.0238 26.0982 25.6743 24.5489C25.3249 22.9996 25.5125 21.3776 26.2063 19.949C26.9002 18.5204 28.0591 17.3701 29.4929 16.687C30.9267 16.0038 32.5501 15.8284 34.0967 16.1895C35.6433 16.5506 37.0212 17.4267 38.0042 18.6741C38.9873 19.9215 39.517 21.466 39.5066 23.0542C39.4961 24.6424 38.9461 26.1798 37.9467 27.4141Z" fill="#F2F3F7"/>
|
||||||
|
<path d="M58.3944 10.7529C57.9643 10.7531 57.5346 10.7756 57.1069 10.8203C53.9863 11.149 51.1108 12.6622 49.0728 15.0482C47.0349 17.4341 45.99 20.511 46.1534 23.6445C46.3168 26.7781 47.676 29.7296 49.9511 31.8906C52.2261 34.0517 55.2434 35.2577 58.3813 35.26C58.8113 35.2598 59.241 35.2373 59.6688 35.1926C61.9187 34.9531 64.0589 34.0972 65.8536 32.7192C67.6482 31.3412 69.0277 29.4945 69.8401 27.3827H63.8542L63.8297 27.4133C63.063 28.3611 62.0621 29.0922 60.9261 29.5344C59.7901 29.9766 58.5583 30.1146 57.3527 29.9347C56.147 29.7547 55.0092 29.2632 54.0517 28.5086C53.0943 27.754 52.3505 26.7625 51.8939 25.6322H70.3617C70.7505 23.8431 70.7342 21.9897 70.3138 20.2078C69.8934 18.4259 69.0797 16.7606 67.9323 15.3339C66.7848 13.9073 65.3327 12.7554 63.6824 11.9628C62.032 11.1701 60.2252 10.7567 58.3944 10.7529V10.7529ZM51.8939 20.3807C52.3719 19.204 53.1603 18.1791 54.175 17.4152C55.1897 16.6512 56.3927 16.177 57.6557 16.043C57.9011 16.0175 58.1477 16.0046 58.3944 16.0044C59.7892 16.0021 61.1528 16.4178 62.3091 17.1978C63.4655 17.9779 64.3615 19.0865 64.8818 20.3807H51.8939Z" fill="#F2F3F7"/>
|
||||||
|
<path d="M83.3332 10.752C81.3261 10.7488 79.3571 11.3007 77.6441 12.3467V10.752H72.3926V35.259H77.6441V21.6926C77.6441 20.1838 78.2435 18.7367 79.3104 17.6698C80.3773 16.6029 81.8244 16.0035 83.3332 16.0035C84.8421 16.0035 86.2891 16.6029 87.3561 17.6698C88.423 18.7367 89.0224 20.1838 89.0224 21.6926V35.259H94.2739V21.6926C94.2739 18.791 93.1212 16.0082 91.0694 13.9564C89.0177 11.9046 86.2349 10.752 83.3332 10.752Z" fill="#F2F3F7"/>
|
||||||
|
<path d="M120.533 24.5723V10.753H115.282V12.9411C113.229 11.512 110.786 10.7482 108.285 10.753C107.855 10.7531 107.425 10.7756 106.998 10.8203C103.877 11.149 101.001 12.6622 98.9635 15.0482C96.9255 17.4341 95.8806 20.511 96.044 23.6446C96.2074 26.7781 97.5667 29.7296 99.8417 31.8907C102.117 34.0517 105.134 35.2577 108.272 35.26C108.702 35.2598 109.132 35.2373 109.559 35.1926C112.612 34.8802 115.433 33.4262 117.459 31.1218C119.032 33.2274 121.312 34.6963 123.879 35.26V29.7547C122.883 29.3034 122.037 28.5746 121.444 27.6556C120.851 26.7366 120.535 25.6662 120.533 24.5723ZM113.72 27.4134C113.143 28.1298 112.43 28.7247 111.622 29.1637C110.813 29.6027 109.926 29.8771 109.011 29.9709C108.765 29.9963 108.519 30.0092 108.272 30.0094C106.478 30.0093 104.752 29.3205 103.451 28.0851C102.15 26.8497 101.373 25.162 101.28 23.3702C101.187 21.5784 101.785 19.8193 102.951 18.4559C104.117 17.0925 105.763 16.2287 107.547 16.043C107.792 16.0175 108.039 16.0046 108.285 16.0045C109.607 16.0056 110.902 16.3809 112.019 17.0871C113.137 17.7933 114.032 18.8015 114.6 19.9949C115.169 21.1884 115.388 22.5185 115.232 23.8313C115.077 25.1441 114.552 26.386 113.72 27.4134Z" fill="#F2F3F7"/>
|
||||||
|
<path d="M101.904 37.9189V40.8434C102.395 40.2683 102.983 39.9807 103.667 39.9807C104.018 39.9807 104.334 40.0459 104.616 40.1761C104.899 40.3063 105.11 40.4727 105.251 40.6752C105.396 40.8778 105.494 41.1021 105.544 41.348C105.599 41.594 105.626 41.9756 105.626 42.4929V45.8731H104.101V42.8293C104.101 42.2252 104.072 41.8418 104.014 41.679C103.956 41.5162 103.853 41.3878 103.705 41.2938C103.56 41.1961 103.378 41.1473 103.157 41.1473C102.904 41.1473 102.678 41.2088 102.479 41.3318C102.28 41.4547 102.133 41.641 102.039 41.8906C101.949 42.1366 101.904 42.5019 101.904 42.9866V45.8731H100.379V37.9189H101.904Z" fill="#F2F3F7"/>
|
||||||
|
<path d="M110.97 45.8731V45.0104C110.76 45.3179 110.484 45.5603 110.14 45.7375C109.8 45.9147 109.44 46.0034 109.06 46.0034C108.673 46.0034 108.326 45.9184 108.018 45.7484C107.711 45.5783 107.488 45.3396 107.351 45.0321C107.214 44.7247 107.145 44.2997 107.145 43.7571V40.111H108.67V42.7587C108.67 43.569 108.697 44.0664 108.751 44.2508C108.809 44.4317 108.912 44.5764 109.06 44.6849C109.208 44.7898 109.397 44.8422 109.624 44.8422C109.885 44.8422 110.118 44.7717 110.324 44.6306C110.531 44.486 110.672 44.3087 110.748 44.0989C110.824 43.8855 110.862 43.3664 110.862 42.5417V40.111H112.386V45.8731H110.97Z" fill="#F2F3F7"/>
|
||||||
|
<path d="M113.905 45.8731V37.9189H115.43V40.7838C115.9 40.2484 116.457 39.9807 117.101 39.9807C117.803 39.9807 118.383 40.2358 118.843 40.7458C119.302 41.2522 119.532 41.981 119.532 42.9324C119.532 43.9162 119.297 44.674 118.827 45.2058C118.36 45.7375 117.792 46.0034 117.123 46.0034C116.794 46.0034 116.468 45.922 116.146 45.7592C115.828 45.5928 115.553 45.3487 115.322 45.0267V45.8731H113.905ZM115.419 42.8673C115.419 43.4641 115.513 43.9054 115.701 44.1912C115.965 44.5963 116.316 44.7988 116.754 44.7988C117.09 44.7988 117.376 44.656 117.611 44.3702C117.85 44.0808 117.969 43.6269 117.969 43.0083C117.969 42.35 117.85 41.8762 117.611 41.5868C117.372 41.2938 117.067 41.1473 116.694 41.1473C116.329 41.1473 116.025 41.2902 115.783 41.5759C115.54 41.8581 115.419 42.2885 115.419 42.8673Z" fill="#F2F3F7"/>
|
||||||
|
</svg>
|
||||||
|
<Typography color={"#727074"} fontSize={"14px"}>(с) 2023 Examplelink.com</Typography>
|
||||||
|
</Box>
|
||||||
|
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
width: '457px',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<BoxMenu
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
'button':{color: '#F2F3F7', textTransform: 'none'},
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Button variant="text" sx={{fontSize: "16px", fontWeight: 500}}>Место под документ 1</Button>
|
||||||
|
<Button variant="text" sx={{fontSize: "16px", fontWeight: 500}}>Место под документ 2</Button>
|
||||||
|
</BoxMenu>
|
||||||
|
</Box>
|
||||||
|
</RootBox>
|
||||||
|
</SectionStyled>
|
||||||
|
)
|
||||||
|
}
|
||||||
65
src/pages/Landing/HeaderLanding.tsx
Normal file
65
src/pages/Landing/HeaderLanding.tsx
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import Box from '@mui/material/Box';
|
||||||
|
import Button from '@mui/material/Button';
|
||||||
|
import SectionStyled from './SectionStyled';
|
||||||
|
import PenaLogo from "../../ui_kit/PenaLogo";
|
||||||
|
import NavMenuItem from "@ui_kit/Header/NavMenuItem";
|
||||||
|
|
||||||
|
const buttonMenu = ['Меню 1', 'Меню 2', 'Меню 3', 'Меню 4', 'Меню 5', 'Меню 1', 'Меню 2']
|
||||||
|
|
||||||
|
export default function Component() {
|
||||||
|
const [select, setSelect] = React.useState(0)
|
||||||
|
return (
|
||||||
|
<SectionStyled tag={'header'} bg={'#F2F3F7'} mwidth={'1160px'}
|
||||||
|
sxsect={{
|
||||||
|
minHeight: '80px',
|
||||||
|
borderBottom: '1px solid #E3E3E3',
|
||||||
|
position: "relative",
|
||||||
|
zIndex: 3
|
||||||
|
}}
|
||||||
|
sxcont={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'center',
|
||||||
|
padding: '0 10px'
|
||||||
|
}}>
|
||||||
|
<PenaLogo width={150} />
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
maxWidth: '595px',
|
||||||
|
width: '100%',
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
marginRight: "138px",
|
||||||
|
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{buttonMenu.map( (element, index) => (
|
||||||
|
<NavMenuItem
|
||||||
|
text={element}
|
||||||
|
// component={Link}
|
||||||
|
// to={url}
|
||||||
|
key={index}
|
||||||
|
onClick={() => {
|
||||||
|
setSelect(index);
|
||||||
|
}}
|
||||||
|
isActive={select === index}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</Box>
|
||||||
|
<Button variant="outlined"
|
||||||
|
sx={{
|
||||||
|
color: 'black',
|
||||||
|
border: '1px solid black',
|
||||||
|
textTransform: 'none',
|
||||||
|
fontWeight: '400',
|
||||||
|
fontSize: '18px',
|
||||||
|
lineHeight: '24px',
|
||||||
|
borderRadius: '8px',
|
||||||
|
padding: '8px 17px',
|
||||||
|
}}
|
||||||
|
>Личный кабинет</Button>
|
||||||
|
</SectionStyled>
|
||||||
|
)
|
||||||
|
}
|
||||||
66
src/pages/Landing/Hero.tsx
Normal file
66
src/pages/Landing/Hero.tsx
Normal file
@ -0,0 +1,66 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import Box from '@mui/material/Box';
|
||||||
|
import Button from '@mui/material/Button';
|
||||||
|
// import logotip from "./image/black_logo_PenaHab.svg";
|
||||||
|
import {Typography} from "@mui/material";
|
||||||
|
import abstraction from '../../assets/Quiz-main.png'
|
||||||
|
import SectionStyled from './SectionStyled';
|
||||||
|
import {styled} from "@mui/material/styles";
|
||||||
|
|
||||||
|
|
||||||
|
export default function Component() {
|
||||||
|
return(
|
||||||
|
<SectionStyled tag={'section'} bg={'#f2f3f7'} mwidth={'1160px'}
|
||||||
|
sxsect={{
|
||||||
|
height: '660px',
|
||||||
|
}}
|
||||||
|
sxcont={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'center',
|
||||||
|
padding: 0,
|
||||||
|
|
||||||
|
marginBottom: "55px",
|
||||||
|
}}>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
gap: '30px',
|
||||||
|
height: '100%',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: "flex-start",
|
||||||
|
position: 'relative'
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant='h2'>
|
||||||
|
Опросник
|
||||||
|
</Typography>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
maxWidth: '420px',
|
||||||
|
minHeight: '64px',
|
||||||
|
}}>
|
||||||
|
<Typography variant='body1'>
|
||||||
|
Помогаем посетителю оставить заявку. Готовые шаблоны квизов с легкой установкой на любой сайт и социальные сети.
|
||||||
|
</Typography>
|
||||||
|
</Box>
|
||||||
|
<Button variant="contained"
|
||||||
|
>
|
||||||
|
Попробуйте бесплатно
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
<Box
|
||||||
|
component={"img"}
|
||||||
|
src={abstraction}
|
||||||
|
sx={{
|
||||||
|
position: "absolute",
|
||||||
|
bottom: "-291px",
|
||||||
|
width: "810px",
|
||||||
|
left: "401px"
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</Box>
|
||||||
|
</SectionStyled>
|
||||||
|
)
|
||||||
|
}
|
||||||
443
src/pages/Landing/HowItWorks.tsx
Normal file
443
src/pages/Landing/HowItWorks.tsx
Normal file
@ -0,0 +1,443 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import Box from '@mui/material/Box';
|
||||||
|
import {Typography} from "@mui/material";
|
||||||
|
import SectionStyled from './SectionStyled';
|
||||||
|
import {styled} from "@mui/material/styles";
|
||||||
|
import YoutobeIcon from "../../assets/LandingPict/youtobeIcon";
|
||||||
|
import OneIconBorder from "@icons/OneIconBorder";
|
||||||
|
import CalendarIcon from "../../assets/LandingPict/calendarIcon";
|
||||||
|
|
||||||
|
|
||||||
|
function OnSite() {
|
||||||
|
return(
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
width: '126px',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'center',
|
||||||
|
padding: '0',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<CalendarIcon/>
|
||||||
|
<Typography fontSize='18px'> на сайте</Typography>
|
||||||
|
</Box>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function HowItWorks () {
|
||||||
|
return(
|
||||||
|
<SectionStyled tag={'section'} bg={'#333647'} sxsect={{minHeight: '2375px'}} mwidth={'1160px'}
|
||||||
|
sxcont={{
|
||||||
|
padding: '232px 10px 0 10px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box color='#ffffff'
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
marginBottom: '65px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant='h6' fontSize='36px' >Как это работает</Typography>
|
||||||
|
<Typography fontSize='18px'>Квиз как диалог</Typography>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: "flex",
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'center',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box width='140px' marginRight='17px'>
|
||||||
|
<Typography fontSize='18px'>Видео о квизах 2 мин</Typography>
|
||||||
|
</Box>
|
||||||
|
<YoutobeIcon />
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
minHeight: '400px',
|
||||||
|
backgroundColor: '#ffffff',
|
||||||
|
width: '100%',
|
||||||
|
display: 'flex',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
alignItems: 'center',
|
||||||
|
borderRadius: '8px',
|
||||||
|
marginBottom: '107px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
width: '50%',
|
||||||
|
padding: '20px',
|
||||||
|
minHeight: '401px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
boxSizing: "border-box"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
height: "36px",
|
||||||
|
width: "36px",
|
||||||
|
justifyContent: "center",
|
||||||
|
alignItems: "center",
|
||||||
|
display: "flex",
|
||||||
|
borderRadius: "6px",
|
||||||
|
background: "#EEE4FC"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<OneIconBorder color={"#7E2AEA"}/>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
minHeight: '162px',
|
||||||
|
justifyContent: 'flex-start',
|
||||||
|
display: "flex",
|
||||||
|
flexDirection: 'column',
|
||||||
|
width: "453px",
|
||||||
|
gap: "20px"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant='h6' fontSize='36px'>Начало диалога</Typography>
|
||||||
|
<Typography fontSize='18px'>Квиз, как любезный дворецкий, в нужный момент предлагает свою помощь и начинает диалог</Typography>
|
||||||
|
</Box>
|
||||||
|
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
maxWidth: '427px',
|
||||||
|
height: '50%',
|
||||||
|
justifyContent: 'end',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant='h6' fontSize='20px'>квиз можно использовать</Typography>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
padding: '20px 20px 0 0',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<OnSite/>
|
||||||
|
<OnSite/>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
padding: '20px 20px 0 0',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<OnSite/>
|
||||||
|
<OnSite/>
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
backgroundColor: '#C8DADE',
|
||||||
|
width: '564px',
|
||||||
|
height: '360px',
|
||||||
|
borderRadius: '12px',
|
||||||
|
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
minHeight: '400px',
|
||||||
|
backgroundColor: '#ffffff',
|
||||||
|
width: '100%',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
borderRadius: '8px',
|
||||||
|
marginBottom: '107px',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
boxSizing: "border-box"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
width: '50%',
|
||||||
|
minHeight: '401px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
padding: '20px',
|
||||||
|
boxSizing: "border-box"
|
||||||
|
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
height: "36px",
|
||||||
|
width: "36px",
|
||||||
|
justifyContent: "center",
|
||||||
|
alignItems: "center",
|
||||||
|
display: "flex",
|
||||||
|
borderRadius: "6px",
|
||||||
|
background: "#EEE4FC"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<OneIconBorder color={"#7E2AEA"}/>
|
||||||
|
</Box>
|
||||||
|
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
minHeight: '40%',
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-around',
|
||||||
|
flexDirection: 'column',
|
||||||
|
marginBottom: '90px',
|
||||||
|
gap: "20px"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant='h6' fontSize='calc(27px + 6 * (100vw / 1160))'>
|
||||||
|
Задаем вопросы
|
||||||
|
</Typography>
|
||||||
|
<Typography fontSize='18px' maxWidth='444px'>
|
||||||
|
Забота заключается в том, чтобы интересоваться желаниями посетителя, задавать уточняющие вопросы и помогать делать правильный выбор
|
||||||
|
</Typography>
|
||||||
|
</Box>
|
||||||
|
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
maxWidth: '427px',
|
||||||
|
height: '50%',
|
||||||
|
justifyContent: 'end',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant='h6' fontSize='20px'>10 форматов вопроса</Typography>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: "flex",
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
width: '74%',
|
||||||
|
marginTop: '15px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<CalendarIcon/>
|
||||||
|
<CalendarIcon/>
|
||||||
|
<CalendarIcon/>
|
||||||
|
<CalendarIcon/>
|
||||||
|
<CalendarIcon/>
|
||||||
|
<CalendarIcon/>
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
backgroundColor: '#C8DADE',
|
||||||
|
width: '564px',
|
||||||
|
height: '360px',
|
||||||
|
borderRadius: '12px',
|
||||||
|
}}
|
||||||
|
> </Box>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
minHeight: '400px',
|
||||||
|
backgroundColor: '#ffffff',
|
||||||
|
width: '100%',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
borderRadius: '8px',
|
||||||
|
marginBottom: '107px',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
boxSizing: "border-box"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
width: '50%',
|
||||||
|
height: '100%',
|
||||||
|
padding: '20px',
|
||||||
|
gap: "10px",
|
||||||
|
display: "flex",
|
||||||
|
flexDirection: "column",
|
||||||
|
boxSizing: "border-box"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
height: "36px",
|
||||||
|
width: "36px",
|
||||||
|
justifyContent: "center",
|
||||||
|
alignItems: "center",
|
||||||
|
display: "flex",
|
||||||
|
borderRadius: "6px",
|
||||||
|
background: "#EEE4FC"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<OneIconBorder color={"#7E2AEA"}/>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
minHeight: '40%',
|
||||||
|
justifyContent: 'space-around',
|
||||||
|
display: "flex",
|
||||||
|
flexDirection: 'column',
|
||||||
|
maxWidth: '388px',
|
||||||
|
gap: "20px"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant='h6' fontSize='36px' lineHeight='normal'>Показываем рекомендацию</Typography>
|
||||||
|
<Typography fontSize='18px'>На основе ответов мы подбираем наиболее подходящие товары или услуги</Typography>
|
||||||
|
</Box>
|
||||||
|
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
maxWidth: '427px',
|
||||||
|
minHeight: '50%',
|
||||||
|
justifyContent: 'end',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant='h6' fontSize='20px'>точный показ результатов</Typography>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
padding: '20px 20px 0 0',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<OnSite/>
|
||||||
|
<OnSite/>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
padding: '20px 20px 0 0',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<OnSite/>
|
||||||
|
<OnSite/>
|
||||||
|
</Box>
|
||||||
|
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
backgroundColor: '#C8DADE',
|
||||||
|
width: '564px',
|
||||||
|
height: '360px',
|
||||||
|
boxSizing: "border-box",
|
||||||
|
borderRadius: '12px',
|
||||||
|
}}
|
||||||
|
> </Box>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
minHeight: '400px',
|
||||||
|
backgroundColor: '#ffffff',
|
||||||
|
width: '100%',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
borderRadius: '8px',
|
||||||
|
marginBottom: '126px',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
boxSizing: "border-box"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
width: '50%',
|
||||||
|
height: '100%',
|
||||||
|
padding: '20px',
|
||||||
|
boxSizing: "border-box"
|
||||||
|
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
height: "36px",
|
||||||
|
width: "36px",
|
||||||
|
justifyContent: "center",
|
||||||
|
alignItems: "center",
|
||||||
|
display: "flex",
|
||||||
|
borderRadius: "6px",
|
||||||
|
background: "#EEE4FC",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<OneIconBorder color={"#7E2AEA"}/>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
minHeight: '40%',
|
||||||
|
justifyContent: 'space-around',
|
||||||
|
display: "flex",
|
||||||
|
flexDirection: 'column',
|
||||||
|
maxWidth: '457px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant='h6' fontSize='calc(27px + 6 * (100vw / 1160))'>Узнаем контакт</Typography>
|
||||||
|
<Typography fontSize='18px'>Только в конце диалога спрашиваем контакты. Здесь посетитель уже знает, что вы позаботились предложить ему то, что надо и с большей вероятностью оставит заявку</Typography>
|
||||||
|
</Box>
|
||||||
|
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
maxWidth: '427px',
|
||||||
|
height: '50%',
|
||||||
|
justifyContent: 'end',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant='h6' fontSize='20px'>что можно делать на последнем шаге</Typography>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
padding: '20px 20px 0 0',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<OnSite/>
|
||||||
|
<OnSite/>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
padding: '20px 20px 0 0',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<OnSite/>
|
||||||
|
<OnSite/>
|
||||||
|
</Box>
|
||||||
|
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
backgroundColor: '#C8DADE',
|
||||||
|
width: '564px',
|
||||||
|
height: '360px',
|
||||||
|
|
||||||
|
borderRadius: '12px',
|
||||||
|
}}
|
||||||
|
> </Box>
|
||||||
|
</Box>
|
||||||
|
</SectionStyled>
|
||||||
|
)
|
||||||
|
|
||||||
|
}
|
||||||
381
src/pages/Landing/HowToUse.tsx
Normal file
381
src/pages/Landing/HowToUse.tsx
Normal file
@ -0,0 +1,381 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import Box from '@mui/material/Box';
|
||||||
|
import {Typography} from "@mui/material";
|
||||||
|
import SectionStyled from './SectionStyled';
|
||||||
|
import Button from "@mui/material/Button";
|
||||||
|
// import Note from './image/note.png'
|
||||||
|
import ArrowBackIcon from '@mui/icons-material/ArrowBack';
|
||||||
|
import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
|
||||||
|
import Link from '@mui/material/Link';
|
||||||
|
// import CalendarW from './image/calendar-W.svg'
|
||||||
|
// import CalendarP from './image/calendar-P.svg'
|
||||||
|
import {styled} from "@mui/material/styles";
|
||||||
|
import Notebook from "../../assets/LandingPict/notebook";
|
||||||
|
import CalendarIcon from "../../assets/LandingPict/calendarIcon";
|
||||||
|
|
||||||
|
const BoxUse = styled('div')(({ theme }) => ({
|
||||||
|
[theme.breakpoints.down('md')]: {
|
||||||
|
justifyContent: 'center',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
const BoxButtons = styled('div')(({ theme }) => ({
|
||||||
|
[theme.breakpoints.down('md')]: {
|
||||||
|
flexDirection: 'column',
|
||||||
|
alignItems: 'center',
|
||||||
|
height: '100px',
|
||||||
|
width: '260px'
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
const BoxQuiz = styled('div')(({ theme }) => ({
|
||||||
|
[theme.breakpoints.down('md')]: {
|
||||||
|
maxWidth: '530px',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
function Quiz () {
|
||||||
|
return(
|
||||||
|
<BoxQuiz
|
||||||
|
sx={{
|
||||||
|
maxWidth: '360px',
|
||||||
|
height: '462px',
|
||||||
|
backgroundColor: '#ffffff',
|
||||||
|
borderRadius: '12px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
// justifyContent: 'space-around',
|
||||||
|
alignItems: 'center',
|
||||||
|
padding: '20px 20px 10px 20px',
|
||||||
|
marginTop: '36px',
|
||||||
|
gap: "25px",
|
||||||
|
boxSizing: "border-box"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box>
|
||||||
|
<Notebook/>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
minHeight: '86px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
justifyContent: 'space-between',}}
|
||||||
|
>
|
||||||
|
<Typography variant='h6'>Обучение английскому</Typography>
|
||||||
|
<Typography color={"#4D4D4D"} >Квиз в сторис для блогера преподавателя английского языка.</Typography>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
width: '100%',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography fontWeight={600}>период:</Typography>
|
||||||
|
<Typography fontWeight={600}>трафик:</Typography>
|
||||||
|
<Typography fontWeight={600}>результат:</Typography>
|
||||||
|
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
alignItems: 'end',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography>24 часа</Typography>
|
||||||
|
<Typography>Сторисы</Typography>
|
||||||
|
<Typography>386 заявок</Typography>
|
||||||
|
</Box>
|
||||||
|
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
width: '100%',
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'start',}}
|
||||||
|
>
|
||||||
|
<Link href="#"
|
||||||
|
sx={{
|
||||||
|
color: "#7E2AEA",
|
||||||
|
textUnderlineOffset: "7px",
|
||||||
|
fontSize: '16px',
|
||||||
|
fontWeight: '500',
|
||||||
|
lineHeight: '20px',
|
||||||
|
textAlign: 'center'
|
||||||
|
}} >
|
||||||
|
Подробнее →
|
||||||
|
</Link>
|
||||||
|
</Box>
|
||||||
|
</BoxQuiz>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function Component () {
|
||||||
|
return (
|
||||||
|
<SectionStyled tag={'section'} bg={'#f2f3f7'} mwidth={'1160px'}
|
||||||
|
sxsect={{minHeight: '1620px', alignItems: 'flex-start'}}
|
||||||
|
sxcont={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
height: '100%',
|
||||||
|
padding: '16px 10px 50px 10px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
height: '50%',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
justifyContent: 'space-around',
|
||||||
|
marginTop: '34px',
|
||||||
|
width:'100%',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<BoxUse
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
marginTop: '20px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
gap: '20px'
|
||||||
|
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant='h6' fontSize={'36px'}>Как используют квиз</Typography>
|
||||||
|
<Typography marginBottom={'10px'} fontSize={'18px'}>В крупном и малом бизнесе</Typography>
|
||||||
|
</Box>
|
||||||
|
<BoxButtons
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'center',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
marginBottom: '40px',
|
||||||
|
maxWidth: '357px',
|
||||||
|
width: '100%',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Button variant='outlined'
|
||||||
|
sx={{
|
||||||
|
color: '#000000',
|
||||||
|
borderColor: '#000000',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Посмотреть все кейсы
|
||||||
|
</Button>
|
||||||
|
<Box>
|
||||||
|
<Button variant='contained'
|
||||||
|
sx={{
|
||||||
|
height: '44px',
|
||||||
|
width: '44px',
|
||||||
|
borderRadius: '50%',
|
||||||
|
minWidth: '44px',
|
||||||
|
marginRight: '10px',
|
||||||
|
}}
|
||||||
|
><ArrowBackIcon/></Button>
|
||||||
|
<Button variant='contained'
|
||||||
|
sx={{
|
||||||
|
height: '44px',
|
||||||
|
width: '44px',
|
||||||
|
borderRadius: '50%',
|
||||||
|
minWidth: '44px',
|
||||||
|
}}
|
||||||
|
><ArrowForwardIcon/></Button>
|
||||||
|
</Box>
|
||||||
|
</BoxButtons>
|
||||||
|
</BoxUse>
|
||||||
|
<BoxUse
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
minHeight: '530px',
|
||||||
|
marginTop: '6px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Quiz/>
|
||||||
|
<Quiz/>
|
||||||
|
<Quiz/>
|
||||||
|
</BoxUse>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
height: '50%',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
justifyContent: 'space-around',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: "flex",
|
||||||
|
flexDirection: "column",
|
||||||
|
gap: "16px",
|
||||||
|
marginTop:'52px'
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant='h6' fontSize={'36px'} maxWidth={'420px'} lineHeight={'42.66px'}>
|
||||||
|
Что еще можно делать
|
||||||
|
с Опросником
|
||||||
|
</Typography>
|
||||||
|
<Typography fontSize={'18px'}>
|
||||||
|
Изящное решение исследовательских и бизнес-задач
|
||||||
|
</Typography>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
width: '100%',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
marginTop: '60px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Button
|
||||||
|
sx={{
|
||||||
|
width: '275px',
|
||||||
|
height: '66px',
|
||||||
|
borderRadius: '12px',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: 'space-around',
|
||||||
|
paddingRight: '77px',
|
||||||
|
textTransform: 'none',
|
||||||
|
backgroundColor: '#7e2aea',
|
||||||
|
color: '#ffffff',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<CalendarIcon/>
|
||||||
|
<Typography>Исследования</Typography>
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
sx={{
|
||||||
|
width: '275px',
|
||||||
|
height: '66px',
|
||||||
|
backgroundColor: '#ffffff',
|
||||||
|
borderRadius: '12px',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: 'space-around',
|
||||||
|
paddingRight: '77px',
|
||||||
|
textTransform: 'none',
|
||||||
|
color: '#4D4D4D',
|
||||||
|
}}
|
||||||
|
//variant='template'
|
||||||
|
>
|
||||||
|
<CalendarIcon/>
|
||||||
|
<Typography>Сегментация</Typography>
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
sx={{
|
||||||
|
width: '275px',
|
||||||
|
height: '66px',
|
||||||
|
backgroundColor: '#ffffff',
|
||||||
|
borderRadius: '12px',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: 'space-around',
|
||||||
|
paddingRight: '77px',
|
||||||
|
textTransform: 'none',
|
||||||
|
color: '#4D4D4D',
|
||||||
|
}}
|
||||||
|
//variant='template'
|
||||||
|
>
|
||||||
|
<CalendarIcon/>
|
||||||
|
<Typography>Тестирование</Typography>
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
//variant='template'
|
||||||
|
sx={{
|
||||||
|
width: '275px',
|
||||||
|
height: '66px',
|
||||||
|
backgroundColor: '#ffffff',
|
||||||
|
borderRadius: '12px',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: 'space-around',
|
||||||
|
paddingRight: '77px',
|
||||||
|
textTransform: 'none',
|
||||||
|
color: '#4D4D4D',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<CalendarIcon/>
|
||||||
|
<Typography>E-commerce</Typography>
|
||||||
|
</Button>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
width: '100%',
|
||||||
|
minHeight: '462px',
|
||||||
|
backgroundColor: '#ffffff',
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
padding: '22px 22px 22px 50px',
|
||||||
|
borderRadius: '12px',
|
||||||
|
marginTop: '60px',
|
||||||
|
boxSizing: "border-box"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
height: '70%',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
justifyContent: 'space-around',
|
||||||
|
paddingTop: '26px',
|
||||||
|
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant='h6' fontSize={'36px'} lineHeight={'42.66px'} maxWidth={'455px'}>
|
||||||
|
Исследуйте аудиторию и проверяйте гипотезы
|
||||||
|
</Typography>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
maxWidth: '416px',
|
||||||
|
marginTop: '19px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography fontSize={'18px'} lineHeight={'21px'} color={'#4D4D4D'}>Марквиз помогает проверять гипотезы
|
||||||
|
и принимать грамотные решения основанные
|
||||||
|
на данных. Создавайте опросы, собирайте обратную связь и анализируйте ответы
|
||||||
|
в удобной аналитике в личном кабинете.
|
||||||
|
</Typography>
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
width: '100%',
|
||||||
|
maxWidth: '550px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
width: '100%',
|
||||||
|
height: '418px',
|
||||||
|
backgroundColor: '#c8dade',
|
||||||
|
borderRadius: '12px',
|
||||||
|
}}
|
||||||
|
> </Box>
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
</SectionStyled>
|
||||||
|
)
|
||||||
|
}
|
||||||
35
src/pages/Landing/Landing.tsx
Normal file
35
src/pages/Landing/Landing.tsx
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import Header from './HeaderLanding';
|
||||||
|
import Footer from './FooterLanding';
|
||||||
|
import Hero from './Hero';
|
||||||
|
import Questions from './Questions';
|
||||||
|
import Counter from './Counter';
|
||||||
|
import Blog from './Blog';
|
||||||
|
import HowItWorks from './HowItWorks';
|
||||||
|
import BusinessPluses from './BusinessPluses';
|
||||||
|
import HowToUse from './HowToUse';
|
||||||
|
import WhatTheySay from './WhatTheySay';
|
||||||
|
import StartWithTemplates from './StartWithTemplates';
|
||||||
|
import WhatTheFeatures from './WhatTheFeatures';
|
||||||
|
|
||||||
|
export default function Landing() {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Header/>
|
||||||
|
<Hero/>
|
||||||
|
<Counter/>
|
||||||
|
<HowItWorks/>
|
||||||
|
<BusinessPluses/>
|
||||||
|
<HowToUse/>
|
||||||
|
<WhatTheySay/>
|
||||||
|
<StartWithTemplates/>
|
||||||
|
<WhatTheFeatures/>
|
||||||
|
<Blog/>
|
||||||
|
<Questions/>
|
||||||
|
<Footer />
|
||||||
|
</>
|
||||||
|
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
122
src/pages/Landing/Questions.tsx
Normal file
122
src/pages/Landing/Questions.tsx
Normal file
@ -0,0 +1,122 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import Box from "@mui/material/Box";
|
||||||
|
import Typography from '@mui/material/Typography';
|
||||||
|
import Button from "@mui/material/Button";
|
||||||
|
import SectionStyled from './SectionStyled';
|
||||||
|
import {styled} from "@mui/material/styles";
|
||||||
|
|
||||||
|
const BoxQuestions = styled('div')(({ theme }) => ({
|
||||||
|
[theme.breakpoints.down('lg')]: {
|
||||||
|
alignItems: 'center',
|
||||||
|
width: '100%',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
const BoxSpan = styled('div')(({ theme }) => ({
|
||||||
|
[theme.breakpoints.down('lg')]: {
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: 'center',
|
||||||
|
textAlign: 'center',
|
||||||
|
paddingTop: '20px',
|
||||||
|
width: '100%',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
const BoxButtons = styled('div')(({ theme }) => ({
|
||||||
|
[theme.breakpoints.down('xs')]: {
|
||||||
|
justifyContent: 'center',
|
||||||
|
}
|
||||||
|
}));
|
||||||
|
|
||||||
|
export default function Component() {
|
||||||
|
return(
|
||||||
|
<SectionStyled tag={'section'} bg={'#7E2AEA'} mwidth={'1160px'}
|
||||||
|
sxsect={{
|
||||||
|
minHeight: '350px',
|
||||||
|
}}
|
||||||
|
sxcont={{
|
||||||
|
display: 'flex',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'center',
|
||||||
|
padding: '0 10px',
|
||||||
|
}}>
|
||||||
|
<BoxQuestions
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant='h1' color={'#FFFFFF'}
|
||||||
|
sx={{
|
||||||
|
fontSize: '36px',
|
||||||
|
fontWeight: '500',
|
||||||
|
lineHeight: '43px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Остались вопросы?
|
||||||
|
</Typography>
|
||||||
|
<BoxButtons
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
paddingTop: '25px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Button variant="outlined"
|
||||||
|
sx={{
|
||||||
|
width: '180px',
|
||||||
|
marginTop: '40px',
|
||||||
|
border: '1px solid #ffffff',
|
||||||
|
color: '#ffffff',
|
||||||
|
backgroundColor: "transparent",
|
||||||
|
textTransform: 'none',
|
||||||
|
fontWeight: '400',
|
||||||
|
fontSize: '18px',
|
||||||
|
lineHeight: '24px',
|
||||||
|
padding: '10px 40px',
|
||||||
|
borderRadius: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Подробнее
|
||||||
|
</Button>
|
||||||
|
<Button variant="contained"
|
||||||
|
sx={{
|
||||||
|
width: '180px',
|
||||||
|
marginTop: '40px',
|
||||||
|
marginLeft: '22px',
|
||||||
|
backgroundColor: '#FFFFFF',
|
||||||
|
color: '#252734',
|
||||||
|
textTransform: 'none',
|
||||||
|
fontWeight: '400',
|
||||||
|
fontSize: '18px',
|
||||||
|
lineHeight: '24px',
|
||||||
|
padding: '10px 40px',
|
||||||
|
borderRadius: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Подробнее
|
||||||
|
</Button>
|
||||||
|
</BoxButtons>
|
||||||
|
</BoxQuestions>
|
||||||
|
<BoxSpan
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'end',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
minHeight: '139px',
|
||||||
|
maxWidth: '460px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography color={'#FFFFFF'} fontSize={'18px'}>
|
||||||
|
Сервисы помогают предпринимателям, маркетологам и агентствам сделать интернет-маркетинг прозрачным и эффективным. С нами не придется тратить рекламный бюджет впустую и терять клиентов на сайте.
|
||||||
|
</Typography>
|
||||||
|
</Box>
|
||||||
|
</BoxSpan>
|
||||||
|
</SectionStyled>
|
||||||
|
)
|
||||||
|
}
|
||||||
41
src/pages/Landing/SectionStyled.tsx
Normal file
41
src/pages/Landing/SectionStyled.tsx
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import Box from '@mui/material/Box';
|
||||||
|
import { SxProps, Theme, useMediaQuery } from "@mui/material";
|
||||||
|
import { useTheme } from "@mui/material/styles";
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
sxsect?: SxProps<Theme>;
|
||||||
|
mwidth: string;
|
||||||
|
padding?: string;
|
||||||
|
tag: React.ElementType;
|
||||||
|
bg: string;
|
||||||
|
children: React.ReactNode;
|
||||||
|
sxcont?: SxProps<Theme>;
|
||||||
|
}
|
||||||
|
export default function Section (props: Props) {
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Box
|
||||||
|
component={props.tag}
|
||||||
|
backgroundColor={props.bg}
|
||||||
|
sx={{
|
||||||
|
width: '100%',
|
||||||
|
fontFamily: 'Rubik',
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'center',
|
||||||
|
alignItems: 'center',
|
||||||
|
...props.sxsect
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
maxWidth={props.mwidth}
|
||||||
|
sx={{
|
||||||
|
width: '100%',
|
||||||
|
...props.sxcont
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{props.children}
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
);
|
||||||
|
}
|
||||||
105
src/pages/Landing/StartWithTemplates.tsx
Normal file
105
src/pages/Landing/StartWithTemplates.tsx
Normal file
@ -0,0 +1,105 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import Box from '@mui/material/Box';
|
||||||
|
import {Typography} from "@mui/material";
|
||||||
|
import Button from "@mui/material/Button";
|
||||||
|
import SectionStyled from './SectionStyled';
|
||||||
|
import {styled} from "@mui/material/styles";
|
||||||
|
|
||||||
|
const BoxServies = styled('div')(({ theme }) => ({
|
||||||
|
[theme.breakpoints.down('md')]: {
|
||||||
|
textAlign: 'center',
|
||||||
|
width: '100%',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
const buttonTemplates = ['Услуги', 'Развлечения', 'Строительство и ремонт', 'E-commerce']
|
||||||
|
|
||||||
|
function Servises () {
|
||||||
|
return (
|
||||||
|
<BoxServies
|
||||||
|
sx={{
|
||||||
|
width: '360px',
|
||||||
|
height: '262px',
|
||||||
|
backgroundColor: '#ffffff',
|
||||||
|
borderRadius: '12px',
|
||||||
|
marginBottom: '10px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
width: '360',
|
||||||
|
height: '180px',
|
||||||
|
backgroundColor: '#c8dade',
|
||||||
|
borderRadius: '12px 12px 0 0',
|
||||||
|
}}
|
||||||
|
> </Box>
|
||||||
|
<Box padding={'20px 54px 20px 20px'}>
|
||||||
|
<Typography fontSize={'18px'} lineHeight={'21.33px'} fontWeight={'500'}>Вдохновляющие фото и видео для свадьбы</Typography>
|
||||||
|
</Box>
|
||||||
|
</BoxServies>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function Component () {
|
||||||
|
const [select, setSelect] = React.useState(0)
|
||||||
|
return (
|
||||||
|
<SectionStyled tag={'section'} bg={'#f2f3f7'} mwidth={'1160px'}
|
||||||
|
sxsect={{height: '630px'}}
|
||||||
|
sxcont={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
padding: '50px 10px 60px 10px',
|
||||||
|
gap: "30px"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
minHeight: '109px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant='h6' fontSize={'36px'} lineHeight={'42.66px'} fontWeight={'500'}>Начните с готового шаблона</Typography>
|
||||||
|
<Typography maxWidth={'354px'} fontSize={'18px'} lineHeight={'21.33px'} fontWeight={'500'}>73 готовых шаблонов разных ниш, постоянно пополняем</Typography>
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
width: '53%',
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{buttonTemplates.map( (element, index) => (
|
||||||
|
<Button key={index}
|
||||||
|
// to={element[0]}
|
||||||
|
onClick={() => {
|
||||||
|
setSelect(index)
|
||||||
|
}}
|
||||||
|
variant="text"
|
||||||
|
sx={{
|
||||||
|
fontSize: "16px",
|
||||||
|
fontWeight: 500,
|
||||||
|
textDecoration: select === index ? "underline" : "none",
|
||||||
|
textUnderlineOffset: select === index ? "7px" : "",
|
||||||
|
color: select === index ? '#7E2AEA' : 'black',
|
||||||
|
textTransform: 'none',
|
||||||
|
}}>{element} </Button>
|
||||||
|
))}
|
||||||
|
</Box>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Servises/>
|
||||||
|
<Servises/>
|
||||||
|
<Servises/>
|
||||||
|
</Box>
|
||||||
|
</SectionStyled>
|
||||||
|
)
|
||||||
|
}
|
||||||
388
src/pages/Landing/WhatTheFeatures.tsx
Normal file
388
src/pages/Landing/WhatTheFeatures.tsx
Normal file
@ -0,0 +1,388 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import Box from '@mui/material/Box';
|
||||||
|
import {Typography} from "@mui/material";
|
||||||
|
import SectionStyled from './SectionStyled';
|
||||||
|
import Button from "@mui/material/Button";
|
||||||
|
import Desktop from '../../assets/LandingPict/Desktop.png';
|
||||||
|
import {styled} from "@mui/material/styles";
|
||||||
|
//
|
||||||
|
// const BoxCard = styled('div')(({ theme }) => ({
|
||||||
|
// [theme.breakpoints.down('xl')]: {
|
||||||
|
// alignItems: 'center',
|
||||||
|
// width: '100%',
|
||||||
|
// },
|
||||||
|
// }));
|
||||||
|
const BoxCardHead = styled('div')(({ theme }) => ({
|
||||||
|
[theme.breakpoints.down('xs')]: {
|
||||||
|
flexDirection: 'column',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
interface Props {
|
||||||
|
children: React.ReactNode;
|
||||||
|
}
|
||||||
|
|
||||||
|
function BoxFich(props: Props) {
|
||||||
|
return(
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
maxWidth: '500px',
|
||||||
|
minHeight: '350px',
|
||||||
|
backgroundColor: '#252734',
|
||||||
|
borderRadius: '12px',
|
||||||
|
overflow: 'hidden',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<BoxCardHead
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
width: '100%',
|
||||||
|
minHeight: '50%',
|
||||||
|
padding: '20px',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
boxSizing: "border-box"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{props.children}
|
||||||
|
</BoxCardHead>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'end',
|
||||||
|
alignItems: 'end',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<img src={Desktop} width={'96%'}/>
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function Component () {
|
||||||
|
return (
|
||||||
|
<SectionStyled tag={'section'} bg={'#333647'} mwidth={'1160px'}
|
||||||
|
sxsect={{minHeight: '2074px',}}
|
||||||
|
sxcont={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
minHeight: '2074px',
|
||||||
|
padding: '20px 10px 20px 10px',
|
||||||
|
color: '#ffffff',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{/*левая колонка*/}
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
gap: "120px",
|
||||||
|
paddingTop: "46px"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
maxWidth: '400px',
|
||||||
|
minHeight: '84px',
|
||||||
|
marginBottom: "-55px"
|
||||||
|
}}>
|
||||||
|
<Typography variant='h1'
|
||||||
|
sx={{
|
||||||
|
fontSize:'36px',
|
||||||
|
fontWeight:'500',
|
||||||
|
lineHeight:'43px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Что по фичам?
|
||||||
|
</Typography>
|
||||||
|
<Typography
|
||||||
|
sx={{
|
||||||
|
fontSize:'18px',
|
||||||
|
fontWeight: '400',
|
||||||
|
lineHeight: '21px',
|
||||||
|
margin: '20px 0 10px 0',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Самый функциональный конструктор квизов
|
||||||
|
</Typography>
|
||||||
|
</Box>
|
||||||
|
<BoxFich>
|
||||||
|
<Box maxWidth={'174px'}>
|
||||||
|
<Typography
|
||||||
|
sx={{
|
||||||
|
color: '#7e2aea',
|
||||||
|
fontSize: '24px',
|
||||||
|
fontWeight: '500',
|
||||||
|
lineHeight: '28.44px'
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
01
|
||||||
|
</Typography>
|
||||||
|
<Typography variant={'h6'}
|
||||||
|
sx={{
|
||||||
|
fontSize: '24px',
|
||||||
|
fontWeight: '500',
|
||||||
|
lineHeight: '28.44px'
|
||||||
|
}}
|
||||||
|
>Landing Page с привязкой домена</Typography>
|
||||||
|
</Box>
|
||||||
|
<Box maxWidth={'230px'}>
|
||||||
|
<Typography
|
||||||
|
sx={{
|
||||||
|
fontSize: '18px',
|
||||||
|
fontWeight: '400',
|
||||||
|
lineHeight: '21px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Создайте простой Landing Page на Marquiz и привяжите к собственному домену.
|
||||||
|
Отдельный сайт для квиза больше не нужен —
|
||||||
|
</Typography>
|
||||||
|
</Box>
|
||||||
|
</BoxFich>
|
||||||
|
<BoxFich>
|
||||||
|
<Box maxWidth={'227px'}>
|
||||||
|
<Typography
|
||||||
|
sx={{
|
||||||
|
color: '#7e2aea',
|
||||||
|
fontSize: '24px',
|
||||||
|
fontWeight: '500',
|
||||||
|
lineHeight: '28.44px'
|
||||||
|
}}
|
||||||
|
>03</Typography>
|
||||||
|
<Typography variant={'h6'}
|
||||||
|
sx={{
|
||||||
|
fontSize: '24px',
|
||||||
|
fontWeight: '500',
|
||||||
|
lineHeight: '28.44px'
|
||||||
|
}}
|
||||||
|
>Аналитика</Typography>
|
||||||
|
</Box>
|
||||||
|
<Box maxWidth={'230px'}>
|
||||||
|
<Typography
|
||||||
|
sx={{
|
||||||
|
fontSize: '18px',
|
||||||
|
fontWeight: '400',
|
||||||
|
lineHeight: '21px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Создайте простой Landing Page на Marquiz и привяжите к собственному домену.
|
||||||
|
Отдельный сайт для квиза больше не нужен —
|
||||||
|
</Typography>
|
||||||
|
</Box>
|
||||||
|
</BoxFich>
|
||||||
|
<BoxFich>
|
||||||
|
<Box maxWidth={'227px'}>
|
||||||
|
<Typography
|
||||||
|
sx={{
|
||||||
|
color: '#7e2aea',
|
||||||
|
fontSize: '24px',
|
||||||
|
fontWeight: '500',
|
||||||
|
lineHeight: '28.44px'
|
||||||
|
}}
|
||||||
|
>05</Typography>
|
||||||
|
<Typography variant={'h6'}
|
||||||
|
sx={{
|
||||||
|
fontSize: '24px',
|
||||||
|
fontWeight: '500',
|
||||||
|
lineHeight: '28.44px'
|
||||||
|
}}
|
||||||
|
>Режим анкетирования</Typography>
|
||||||
|
</Box>
|
||||||
|
<Box maxWidth={'230px'}>
|
||||||
|
<Typography
|
||||||
|
sx={{
|
||||||
|
fontSize: '18px',
|
||||||
|
fontWeight: '400',
|
||||||
|
lineHeight: '21px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Создайте простой Landing Page на Marquiz и привяжите к собственному домену.
|
||||||
|
Отдельный сайт для квиза больше не нужен —
|
||||||
|
</Typography>
|
||||||
|
</Box>
|
||||||
|
</BoxFich>
|
||||||
|
<BoxFich>
|
||||||
|
<Box maxWidth={'226px'}>
|
||||||
|
<Typography
|
||||||
|
sx={{
|
||||||
|
color: '#7e2aea',
|
||||||
|
fontSize: '24px',
|
||||||
|
fontWeight: '500',
|
||||||
|
lineHeight: '28.44px'
|
||||||
|
}}
|
||||||
|
>07</Typography>
|
||||||
|
<Typography variant={'h6'}
|
||||||
|
sx={{
|
||||||
|
fontSize: '24px',
|
||||||
|
fontWeight: '500',
|
||||||
|
lineHeight: '28.44px'
|
||||||
|
}}
|
||||||
|
>Интерактивные тесты</Typography>
|
||||||
|
</Box>
|
||||||
|
<Box maxWidth={'234px'}>
|
||||||
|
<Typography
|
||||||
|
sx={{
|
||||||
|
fontSize: '18px',
|
||||||
|
fontWeight: '400',
|
||||||
|
lineHeight: '21px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Создайте простой Landing Page на Marquiz и привяжите к собственному домену.
|
||||||
|
Отдельный сайт для квиза больше не нужен —
|
||||||
|
</Typography>
|
||||||
|
</Box>
|
||||||
|
</BoxFich>
|
||||||
|
</Box>
|
||||||
|
{/*правая колонка*/}
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
paddingTop: "106px",
|
||||||
|
gap: "113px",
|
||||||
|
alignItems: "end"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<BoxFich>
|
||||||
|
<Box maxWidth={'227px'}>
|
||||||
|
<Typography
|
||||||
|
sx={{
|
||||||
|
color: '#7e2aea',
|
||||||
|
fontSize: '24px',
|
||||||
|
fontWeight: '500',
|
||||||
|
lineHeight: '28.44px'
|
||||||
|
}}
|
||||||
|
>02</Typography>
|
||||||
|
<Typography variant={'h6'}
|
||||||
|
sx={{
|
||||||
|
fontSize: '24px',
|
||||||
|
fontWeight: '500',
|
||||||
|
lineHeight: '28.44px'
|
||||||
|
}}
|
||||||
|
>Повышение конверсии</Typography>
|
||||||
|
</Box>
|
||||||
|
<Box maxWidth={'233px'}>
|
||||||
|
<Typography
|
||||||
|
sx={{
|
||||||
|
fontSize: '18px',
|
||||||
|
fontWeight: '400',
|
||||||
|
lineHeight: '21px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Конверсию можно увеличить, добавив тающую скидку,
|
||||||
|
консультанта с подсказками или бонус, который пользователь получит в конце квиза
|
||||||
|
</Typography>
|
||||||
|
</Box>
|
||||||
|
</BoxFich>
|
||||||
|
<BoxFich>
|
||||||
|
<Box maxWidth={'227px'}>
|
||||||
|
<Typography
|
||||||
|
sx={{
|
||||||
|
color: '#7e2aea',
|
||||||
|
fontSize: '24px',
|
||||||
|
fontWeight: '500',
|
||||||
|
lineHeight: '28.44px'
|
||||||
|
}}>04</Typography>
|
||||||
|
<Typography variant={'h6'}
|
||||||
|
sx={{
|
||||||
|
fontSize: '24px',
|
||||||
|
fontWeight: '500',
|
||||||
|
lineHeight: '28.44px'
|
||||||
|
}}
|
||||||
|
>Расширенеие настройки дизайна</Typography>
|
||||||
|
</Box>
|
||||||
|
<Box maxWidth={'230px'}>
|
||||||
|
<Typography
|
||||||
|
sx={{
|
||||||
|
fontSize: '18px',
|
||||||
|
fontWeight: '400',
|
||||||
|
lineHeight: '21px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Конверсию можно увеличить, добавив тающую скидку,
|
||||||
|
консультанта с подсказками или бонус, который пользователь получит в конце квиза
|
||||||
|
</Typography>
|
||||||
|
</Box>
|
||||||
|
</BoxFich>
|
||||||
|
<BoxFich>
|
||||||
|
<Box maxWidth={'220px'}>
|
||||||
|
<Typography
|
||||||
|
sx={{
|
||||||
|
color: '#7e2aea',
|
||||||
|
fontSize: '24px',
|
||||||
|
fontWeight: '500',
|
||||||
|
lineHeight: '28.44px'
|
||||||
|
}}
|
||||||
|
>06</Typography>
|
||||||
|
<Typography variant={'h6'}
|
||||||
|
sx={{
|
||||||
|
fontSize: '24px',
|
||||||
|
fontWeight: '500',
|
||||||
|
lineHeight: '28.44px'
|
||||||
|
}}
|
||||||
|
>А/Б тестирование</Typography>
|
||||||
|
</Box>
|
||||||
|
<Box maxWidth={'230px'}>
|
||||||
|
<Typography
|
||||||
|
sx={{
|
||||||
|
fontSize: '18px',
|
||||||
|
fontWeight: '400',
|
||||||
|
lineHeight: '21px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Конверсию можно увеличить, добавив тающую скидку,
|
||||||
|
консультанта с подсказками или бонус, который пользователь получит в конце квиза
|
||||||
|
</Typography>
|
||||||
|
</Box>
|
||||||
|
</BoxFich>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
maxWidth: '458px',
|
||||||
|
minHeight: '390px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
alignItems: 'flex-start',
|
||||||
|
padding: '87px 22px 0 42px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant={'h6'}
|
||||||
|
sx={{
|
||||||
|
fontSize: '24px',
|
||||||
|
fontWeight: '500',
|
||||||
|
lineHeight: '28px',
|
||||||
|
width: '60%',
|
||||||
|
}}
|
||||||
|
>70 бесплатных заявок на баланс</Typography>
|
||||||
|
<Typography
|
||||||
|
sx={{
|
||||||
|
fontSize: '18px',
|
||||||
|
fontWeight: '400',
|
||||||
|
lineHeight: '21.33px',
|
||||||
|
marginTop: '32px',
|
||||||
|
}}
|
||||||
|
>Создайте простой Landing Page на Marquiz и привяжите к собственному домену. Отдельный сайт для квиза больше не нужен — </Typography>
|
||||||
|
<Button variant="outlined"
|
||||||
|
sx={{
|
||||||
|
textTransform: 'none',
|
||||||
|
color: '#ffffff',
|
||||||
|
backgroundColor: 'transparent',
|
||||||
|
fontSize: '18px',
|
||||||
|
borderRadius: '8px',
|
||||||
|
borderColor: '#ffffff',
|
||||||
|
marginTop: '72px',
|
||||||
|
}}
|
||||||
|
>Все возможности сервиса</Button>
|
||||||
|
<Button variant="contained"
|
||||||
|
sx={{
|
||||||
|
textTransform: 'none',
|
||||||
|
fontSize: '18px',
|
||||||
|
|
||||||
|
borderRadius: '8px',
|
||||||
|
padding: '10px 32px',
|
||||||
|
marginTop: '27px',
|
||||||
|
}}
|
||||||
|
>Создать квиз</Button>
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
</SectionStyled>
|
||||||
|
)
|
||||||
|
}
|
||||||
149
src/pages/Landing/WhatTheySay.tsx
Normal file
149
src/pages/Landing/WhatTheySay.tsx
Normal file
@ -0,0 +1,149 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import Box from '@mui/material/Box';
|
||||||
|
import {Typography} from "@mui/material";
|
||||||
|
import Button from "@mui/material/Button";
|
||||||
|
import SectionStyled from './SectionStyled';
|
||||||
|
import ArrowBackIcon from "@mui/icons-material/ArrowBack";
|
||||||
|
import ArrowForwardIcon from "@mui/icons-material/ArrowForward";
|
||||||
|
// import Quotes from './image/quotes.svg';
|
||||||
|
import {styled} from "@mui/material/styles";
|
||||||
|
import TitleIcon from "../../assets/LandingPict/titleIcon";
|
||||||
|
|
||||||
|
const BoxCard = styled('div')(({ theme }) => ({
|
||||||
|
[theme.breakpoints.down('md')]: {
|
||||||
|
justifyContent: 'center',
|
||||||
|
width: '100%',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
const BoxText = styled('div')(({ theme }) => ({
|
||||||
|
[theme.breakpoints.down('md')]: {
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
alignItems: 'center',
|
||||||
|
width: '100%',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
const BoxButtons = styled('div')(({ theme }) => ({
|
||||||
|
[theme.breakpoints.down('md')]: {
|
||||||
|
justifyContent: 'space-evenly',
|
||||||
|
width: '100%',
|
||||||
|
marginTop: '20px',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
export default function Component () {
|
||||||
|
return(
|
||||||
|
<SectionStyled tag={'section'} bg={'#ffffff'} mwidth={'1160px'}
|
||||||
|
sxsect={{minHeight: '708px'}}
|
||||||
|
sxcont={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
justifyContent: 'space-around',
|
||||||
|
height: '100%',
|
||||||
|
padding: '77px 10px 50px 10px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box
|
||||||
|
sx={{
|
||||||
|
display: 'flex',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
width: '100%',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<BoxText
|
||||||
|
sx={{
|
||||||
|
width: '50%',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
gap: "10px"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Typography variant='h6' fontSize={'36px'}>Что говорят</Typography>
|
||||||
|
<Typography maxWidth={'310px'} fontSize={'18px'}>Более 80 000 предпринимателей, маркетологов и команд с нами</Typography>
|
||||||
|
</BoxText>
|
||||||
|
<BoxButtons
|
||||||
|
sx={{
|
||||||
|
width: '50%',
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'end',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Button variant='contained'
|
||||||
|
sx={{
|
||||||
|
height: '44px',
|
||||||
|
width: '44px',
|
||||||
|
borderRadius: '50%',
|
||||||
|
minWidth: '44px',
|
||||||
|
marginRight: '10px',
|
||||||
|
}}
|
||||||
|
><ArrowBackIcon/></Button>
|
||||||
|
<Button variant='contained'
|
||||||
|
sx={{
|
||||||
|
height: '44px',
|
||||||
|
width: '44px',
|
||||||
|
borderRadius: '50%',
|
||||||
|
minWidth: '44px',
|
||||||
|
}}
|
||||||
|
><ArrowForwardIcon/></Button>
|
||||||
|
</BoxButtons>
|
||||||
|
</Box>
|
||||||
|
<BoxCard
|
||||||
|
sx={{
|
||||||
|
minHeight: '400px',
|
||||||
|
display: 'flex',
|
||||||
|
flexWrap: 'wrap',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
padding: '0 37px 0 18px',
|
||||||
|
marginTop: '80px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Box width={'305px'} height={"383px"}>
|
||||||
|
<TitleIcon/>
|
||||||
|
<Typography marginTop={'20px'} fontSize={'14px'} lineHeight={'16.59px'} fontWeight={'600'}>Пожалуй самый комфортный и удобный.</Typography>
|
||||||
|
<Typography fontSize={'14px'} lineHeight={'16.59px'}
|
||||||
|
>
|
||||||
|
Пользуюсь марквизом более 2 лет в разных направлениях.
|
||||||
|
Тестировал моклиентс и енвибокс.
|
||||||
|
Но на этапе тестирования примуществом овладел марквиз.
|
||||||
|
Удобное расположение кнопок, класный редактор, интуитивно понятный интерфейс.
|
||||||
|
Море удобных функций, до которых схожим сервисам еще расти и расти! А главное, это супер тех.
|
||||||
|
поддержка!!! Отвечают в течении минуты, решают любой вопрос очень быстро и как никто лояльны.
|
||||||
|
Всем рекомендую!!!
|
||||||
|
</Typography>
|
||||||
|
<Typography marginTop={'30px'} fontSize={'14px'} lineHeight={'16.59px'} fontWeight={'600'}>Полина К.</Typography>
|
||||||
|
<Typography marginTop={'8px'} color={'#4d4d4d'} fontSize={'14px'}>03.06.2022</Typography>
|
||||||
|
</Box>
|
||||||
|
<Box width={'321px'} height={"383px"}>
|
||||||
|
<TitleIcon/>
|
||||||
|
<Typography marginTop={'20px'} fontSize={'14px'} lineHeight={'16.59px'} fontWeight={'600'}>Marquiz – отличный инструмент для привлечения реальных клиентов</Typography>
|
||||||
|
<Typography fontSize={'14px'} lineHeight={'16.59px'}>
|
||||||
|
До Marquiz использовал другой онлайн-конструктор,
|
||||||
|
в сравнении с которым Marquiz набирает 100 баллов из 100!
|
||||||
|
Нравится тут расположение кнопок, простой интерфейс, широкие возможности кастомизации,
|
||||||
|
отзывчивость техподдержки. И самое главное, что работает все четко и без сбоев!
|
||||||
|
С задачей своей сервис справляется на ура - позволяет найти потенциального клиента и превратить
|
||||||
|
его в покупателя!</Typography>
|
||||||
|
<Typography marginTop={'48px'} fontSize={'14px'} lineHeight={'16.59px'} fontWeight={'600'}>Полина К.</Typography>
|
||||||
|
<Typography marginTop={'8px'} color={'#4d4d4d'} fontSize={'14px'}>03.06.2022</Typography>
|
||||||
|
</Box>
|
||||||
|
<Box width={'305px'} height={"383px"}>
|
||||||
|
<TitleIcon/>
|
||||||
|
<Typography marginTop={'20px'} fontSize={'14px'} lineHeight={'16.59px'} fontWeight={'600'}>Пожалуй самый комфортный и удобный.</Typography>
|
||||||
|
<Typography fontSize={'14px'} lineHeight={'16.59px'}>
|
||||||
|
Пользуюсь марквизом более 2 лет в разных направлениях.
|
||||||
|
Тестировал моклиентс и енвибокс.
|
||||||
|
Но на этапе тестирования примуществом овладел марквиз.
|
||||||
|
Удобное расположение кнопок, класный редактор, интуитивно понятный интерфейс.
|
||||||
|
Море удобных функций, до которых схожим сервисам еще расти и расти! А главное, это супер тех.
|
||||||
|
поддержка!!! Отвечают в течении минуты, решают любой вопрос очень быстро и как никто лояльны.
|
||||||
|
Всем рекомендую!!!
|
||||||
|
</Typography>
|
||||||
|
<Typography marginTop={'30px'} fontSize={'14px'} lineHeight={'16.59px'} fontWeight={'600'}>Полина К.</Typography>
|
||||||
|
<Typography marginTop={'8px'} color={'#4d4d4d'} fontSize={'14px'}>03.06.2022</Typography>
|
||||||
|
</Box>
|
||||||
|
</BoxCard>
|
||||||
|
</SectionStyled>
|
||||||
|
)
|
||||||
|
}
|
||||||
@ -4,15 +4,18 @@ import { Link, Typography, useTheme } from "@mui/material";
|
|||||||
interface Props {
|
interface Props {
|
||||||
text: string;
|
text: string;
|
||||||
isActive?: boolean;
|
isActive?: boolean;
|
||||||
|
onClick?: () => void;
|
||||||
|
href?: string
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function NavMenuItem({ text, isActive = false }: Props) {
|
export default function NavMenuItem({ href, onClick, text, isActive = false }: Props) {
|
||||||
const theme = useTheme();
|
const theme = useTheme();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Link
|
<Link
|
||||||
href="#"
|
href={href}
|
||||||
underline="none"
|
underline="none"
|
||||||
|
onClick={onClick}
|
||||||
>
|
>
|
||||||
<Typography
|
<Typography
|
||||||
color={isActive ? theme.palette.brightPurple.main : undefined}
|
color={isActive ? theme.palette.brightPurple.main : undefined}
|
||||||
|
|||||||
91
yarn.lock
91
yarn.lock
@ -1034,20 +1034,13 @@
|
|||||||
core-js-pure "^3.25.1"
|
core-js-pure "^3.25.1"
|
||||||
regenerator-runtime "^0.13.11"
|
regenerator-runtime "^0.13.11"
|
||||||
|
|
||||||
"@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.16.3", "@babel/runtime@^7.18.3", "@babel/runtime@^7.18.9", "@babel/runtime@^7.20.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
|
"@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.15.4", "@babel/runtime@^7.16.3", "@babel/runtime@^7.18.3", "@babel/runtime@^7.18.9", "@babel/runtime@^7.20.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
|
||||||
version "7.20.6"
|
version "7.20.6"
|
||||||
resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.20.6.tgz"
|
resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.20.6.tgz"
|
||||||
integrity sha512-Q+8MqP7TiHMWzSfwiJwXCjyf4GYA4Dgw3emg/7xmwsdLJOZUp+nMqcOwOzzYheuM1rhDu8FSj2l0aoMygEuXuA==
|
integrity sha512-Q+8MqP7TiHMWzSfwiJwXCjyf4GYA4Dgw3emg/7xmwsdLJOZUp+nMqcOwOzzYheuM1rhDu8FSj2l0aoMygEuXuA==
|
||||||
dependencies:
|
dependencies:
|
||||||
regenerator-runtime "^0.13.11"
|
regenerator-runtime "^0.13.11"
|
||||||
|
|
||||||
"@babel/runtime@^7.15.4":
|
|
||||||
version "7.22.6"
|
|
||||||
resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.6.tgz#57d64b9ae3cff1d67eb067ae117dac087f5bd438"
|
|
||||||
integrity sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==
|
|
||||||
dependencies:
|
|
||||||
regenerator-runtime "^0.13.11"
|
|
||||||
|
|
||||||
"@babel/template@^7.18.10", "@babel/template@^7.20.7", "@babel/template@^7.3.3":
|
"@babel/template@^7.18.10", "@babel/template@^7.20.7", "@babel/template@^7.3.3":
|
||||||
version "7.20.7"
|
version "7.20.7"
|
||||||
resolved "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz"
|
resolved "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz"
|
||||||
@ -1220,12 +1213,12 @@
|
|||||||
|
|
||||||
"@emoji-mart/data@^1.1.2":
|
"@emoji-mart/data@^1.1.2":
|
||||||
version "1.1.2"
|
version "1.1.2"
|
||||||
resolved "https://registry.yarnpkg.com/@emoji-mart/data/-/data-1.1.2.tgz#777c976f8f143df47cbb23a7077c9ca9fe5fc513"
|
resolved "https://registry.npmjs.org/@emoji-mart/data/-/data-1.1.2.tgz"
|
||||||
integrity sha512-1HP8BxD2azjqWJvxIaWAMyTySeZY0Osr83ukYjltPVkNXeJvTz7yDrPLBtnrD5uqJ3tg4CcLuuBW09wahqL/fg==
|
integrity sha512-1HP8BxD2azjqWJvxIaWAMyTySeZY0Osr83ukYjltPVkNXeJvTz7yDrPLBtnrD5uqJ3tg4CcLuuBW09wahqL/fg==
|
||||||
|
|
||||||
"@emoji-mart/react@^1.1.1":
|
"@emoji-mart/react@^1.1.1":
|
||||||
version "1.1.1"
|
version "1.1.1"
|
||||||
resolved "https://registry.yarnpkg.com/@emoji-mart/react/-/react-1.1.1.tgz#ddad52f93a25baf31c5383c3e7e4c6e05554312a"
|
resolved "https://registry.npmjs.org/@emoji-mart/react/-/react-1.1.1.tgz"
|
||||||
integrity sha512-NMlFNeWgv1//uPsvLxvGQoIerPuVdXwK/EUek8OOkJ6wVOWPUizRBJU0hDqWZCOROVpfBgCemaC3m6jDOXi03g==
|
integrity sha512-NMlFNeWgv1//uPsvLxvGQoIerPuVdXwK/EUek8OOkJ6wVOWPUizRBJU0hDqWZCOROVpfBgCemaC3m6jDOXi03g==
|
||||||
|
|
||||||
"@emotion/babel-plugin@^11.10.5":
|
"@emotion/babel-plugin@^11.10.5":
|
||||||
@ -1800,17 +1793,17 @@
|
|||||||
|
|
||||||
"@react-dnd/asap@^5.0.1":
|
"@react-dnd/asap@^5.0.1":
|
||||||
version "5.0.2"
|
version "5.0.2"
|
||||||
resolved "https://registry.yarnpkg.com/@react-dnd/asap/-/asap-5.0.2.tgz#1f81f124c1cd6f39511c11a881cfb0f715343488"
|
resolved "https://registry.npmjs.org/@react-dnd/asap/-/asap-5.0.2.tgz"
|
||||||
integrity sha512-WLyfoHvxhs0V9U+GTsGilGgf2QsPl6ZZ44fnv0/b8T3nQyvzxidxsg/ZltbWssbsRDlYW8UKSQMTGotuTotZ6A==
|
integrity sha512-WLyfoHvxhs0V9U+GTsGilGgf2QsPl6ZZ44fnv0/b8T3nQyvzxidxsg/ZltbWssbsRDlYW8UKSQMTGotuTotZ6A==
|
||||||
|
|
||||||
"@react-dnd/invariant@^4.0.1":
|
"@react-dnd/invariant@^4.0.1":
|
||||||
version "4.0.2"
|
version "4.0.2"
|
||||||
resolved "https://registry.yarnpkg.com/@react-dnd/invariant/-/invariant-4.0.2.tgz#b92edffca10a26466643349fac7cdfb8799769df"
|
resolved "https://registry.npmjs.org/@react-dnd/invariant/-/invariant-4.0.2.tgz"
|
||||||
integrity sha512-xKCTqAK/FFauOM9Ta2pswIyT3D8AQlfrYdOi/toTPEhqCuAs1v5tcJ3Y08Izh1cJ5Jchwy9SeAXmMg6zrKs2iw==
|
integrity sha512-xKCTqAK/FFauOM9Ta2pswIyT3D8AQlfrYdOi/toTPEhqCuAs1v5tcJ3Y08Izh1cJ5Jchwy9SeAXmMg6zrKs2iw==
|
||||||
|
|
||||||
"@react-dnd/shallowequal@^4.0.1":
|
"@react-dnd/shallowequal@^4.0.1":
|
||||||
version "4.0.2"
|
version "4.0.2"
|
||||||
resolved "https://registry.yarnpkg.com/@react-dnd/shallowequal/-/shallowequal-4.0.2.tgz#d1b4befa423f692fa4abf1c79209702e7d8ae4b4"
|
resolved "https://registry.npmjs.org/@react-dnd/shallowequal/-/shallowequal-4.0.2.tgz"
|
||||||
integrity sha512-/RVXdLvJxLg4QKvMoM5WlwNR9ViO9z8B/qPcc+C0Sa/teJY7QG7kJ441DwzOjMYEY7GmU4dj5EcGHIkKZiQZCA==
|
integrity sha512-/RVXdLvJxLg4QKvMoM5WlwNR9ViO9z8B/qPcc+C0Sa/teJY7QG7kJ441DwzOjMYEY7GmU4dj5EcGHIkKZiQZCA==
|
||||||
|
|
||||||
"@remix-run/router@1.3.1":
|
"@remix-run/router@1.3.1":
|
||||||
@ -2198,9 +2191,9 @@
|
|||||||
"@types/node" "*"
|
"@types/node" "*"
|
||||||
|
|
||||||
"@types/hoist-non-react-statics@^3.3.0":
|
"@types/hoist-non-react-statics@^3.3.0":
|
||||||
version "3.3.1"
|
version "3.3.2"
|
||||||
resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz#1124aafe5118cb591977aeb1ceaaed1070eb039f"
|
resolved "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz"
|
||||||
integrity sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==
|
integrity sha512-YIQtIg4PKr7ZyqNPZObpxfHsHEmuB8dXCxd6qVcGuQVDK2bpsF7bYNnBJ4Nn7giuACZg+WewExgrtAJ3XnA4Xw==
|
||||||
dependencies:
|
dependencies:
|
||||||
"@types/react" "*"
|
"@types/react" "*"
|
||||||
hoist-non-react-statics "^3.3.0"
|
hoist-non-react-statics "^3.3.0"
|
||||||
@ -2295,15 +2288,15 @@
|
|||||||
integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
|
integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
|
||||||
|
|
||||||
"@types/react-beautiful-dnd@^13.1.4":
|
"@types/react-beautiful-dnd@^13.1.4":
|
||||||
version "13.1.4"
|
version "13.1.5"
|
||||||
resolved "https://registry.yarnpkg.com/@types/react-beautiful-dnd/-/react-beautiful-dnd-13.1.4.tgz#bcec72da719c18c0d8b4a7cb00e7fb443211d6d7"
|
resolved "https://registry.npmjs.org/@types/react-beautiful-dnd/-/react-beautiful-dnd-13.1.5.tgz"
|
||||||
integrity sha512-4bIBdzOr0aavN+88q3C7Pgz+xkb7tz3whORYrmSj77wfVEMfiWiooIwVWFR7KM2e+uGTe5BVrXqSfb0aHeflJA==
|
integrity sha512-mzohmMtV48b0bXF2dP8188LzUv9HAGHKucOORYsd5Sqq830pJ4gseFyDDAH0TR4TeD1ceG9DxTQ0FOFbtCSy4Q==
|
||||||
dependencies:
|
dependencies:
|
||||||
"@types/react" "*"
|
"@types/react" "*"
|
||||||
|
|
||||||
"@types/react-dnd@^3.0.2":
|
"@types/react-dnd@^3.0.2":
|
||||||
version "3.0.2"
|
version "3.0.2"
|
||||||
resolved "https://registry.yarnpkg.com/@types/react-dnd/-/react-dnd-3.0.2.tgz#939e5a8ca5b83f847c3f64dabbe2f49a9fefb192"
|
resolved "https://registry.npmjs.org/@types/react-dnd/-/react-dnd-3.0.2.tgz"
|
||||||
integrity sha512-Z1BqHYGFtfSPfWs+kgX4b6wQmwwtqq4/pLo4zdO9xcDUB1ZQP8iWTAYNf3EJ2f0WiVQpSLN8UytP+ILzZHDLYw==
|
integrity sha512-Z1BqHYGFtfSPfWs+kgX4b6wQmwwtqq4/pLo4zdO9xcDUB1ZQP8iWTAYNf3EJ2f0WiVQpSLN8UytP+ILzZHDLYw==
|
||||||
dependencies:
|
dependencies:
|
||||||
react-dnd "*"
|
react-dnd "*"
|
||||||
@ -2323,9 +2316,9 @@
|
|||||||
"@types/react" "*"
|
"@types/react" "*"
|
||||||
|
|
||||||
"@types/react-redux@^7.1.20":
|
"@types/react-redux@^7.1.20":
|
||||||
version "7.1.25"
|
version "7.1.27"
|
||||||
resolved "https://registry.yarnpkg.com/@types/react-redux/-/react-redux-7.1.25.tgz#de841631205b24f9dfb4967dd4a7901e048f9a88"
|
resolved "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.27.tgz"
|
||||||
integrity sha512-bAGh4e+w5D8dajd6InASVIyCo4pZLJ66oLb80F9OBLO1gKESbZcRCJpTT6uLXX+HAB57zw1WTdwJdAsewuTweg==
|
integrity sha512-xj7d9z32p1K/eBmO+OEy+qfaWXtcPlN8f1Xk3Ne0p/ZRQ867RI5bQ/bpBtxbqU1AHNhKJSgGvld/P2myU2uYkg==
|
||||||
dependencies:
|
dependencies:
|
||||||
"@types/hoist-non-react-statics" "^3.3.0"
|
"@types/hoist-non-react-statics" "^3.3.0"
|
||||||
"@types/react" "*"
|
"@types/react" "*"
|
||||||
@ -3642,7 +3635,7 @@ css-blank-pseudo@^3.0.3:
|
|||||||
|
|
||||||
css-box-model@^1.2.0:
|
css-box-model@^1.2.0:
|
||||||
version "1.2.1"
|
version "1.2.1"
|
||||||
resolved "https://registry.yarnpkg.com/css-box-model/-/css-box-model-1.2.1.tgz#59951d3b81fd6b2074a62d49444415b0d2b4d7c1"
|
resolved "https://registry.npmjs.org/css-box-model/-/css-box-model-1.2.1.tgz"
|
||||||
integrity sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==
|
integrity sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==
|
||||||
dependencies:
|
dependencies:
|
||||||
tiny-invariant "^1.0.6"
|
tiny-invariant "^1.0.6"
|
||||||
@ -4012,7 +4005,7 @@ dlv@^1.1.3:
|
|||||||
|
|
||||||
dnd-core@^16.0.1:
|
dnd-core@^16.0.1:
|
||||||
version "16.0.1"
|
version "16.0.1"
|
||||||
resolved "https://registry.yarnpkg.com/dnd-core/-/dnd-core-16.0.1.tgz#a1c213ed08961f6bd1959a28bb76f1a868360d19"
|
resolved "https://registry.npmjs.org/dnd-core/-/dnd-core-16.0.1.tgz"
|
||||||
integrity sha512-HK294sl7tbw6F6IeuK16YSBUoorvHpY8RHO+9yFfaJyCDVb6n7PRcezrOEOa2SBCqiYpemh5Jx20ZcjKdFAVng==
|
integrity sha512-HK294sl7tbw6F6IeuK16YSBUoorvHpY8RHO+9yFfaJyCDVb6n7PRcezrOEOa2SBCqiYpemh5Jx20ZcjKdFAVng==
|
||||||
dependencies:
|
dependencies:
|
||||||
"@react-dnd/asap" "^5.0.1"
|
"@react-dnd/asap" "^5.0.1"
|
||||||
@ -4175,7 +4168,7 @@ emittery@^0.8.1:
|
|||||||
|
|
||||||
emoji-mart@^5.5.2:
|
emoji-mart@^5.5.2:
|
||||||
version "5.5.2"
|
version "5.5.2"
|
||||||
resolved "https://registry.yarnpkg.com/emoji-mart/-/emoji-mart-5.5.2.tgz#3ddbaf053139cf4aa217650078bc1c50ca8381af"
|
resolved "https://registry.npmjs.org/emoji-mart/-/emoji-mart-5.5.2.tgz"
|
||||||
integrity sha512-Sqc/nso4cjxhOwWJsp9xkVm8OF5c+mJLZJFoFfzRuKO+yWiN7K8c96xmtughYb0d/fZ8UC6cLIQ/p4BR6Pv3/A==
|
integrity sha512-Sqc/nso4cjxhOwWJsp9xkVm8OF5c+mJLZJFoFfzRuKO+yWiN7K8c96xmtughYb0d/fZ8UC6cLIQ/p4BR6Pv3/A==
|
||||||
|
|
||||||
emoji-regex@^8.0.0:
|
emoji-regex@^8.0.0:
|
||||||
@ -4906,9 +4899,9 @@ fs.realpath@^1.0.0:
|
|||||||
integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
|
integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
|
||||||
|
|
||||||
fsevents@^2.3.2, fsevents@~2.3.2:
|
fsevents@^2.3.2, fsevents@~2.3.2:
|
||||||
version "2.3.2"
|
version "2.3.3"
|
||||||
resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
|
resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
|
||||||
integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
|
integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
|
||||||
|
|
||||||
function-bind@^1.1.1:
|
function-bind@^1.1.1:
|
||||||
version "1.1.1"
|
version "1.1.1"
|
||||||
@ -5182,7 +5175,7 @@ html-minifier-terser@^6.0.2:
|
|||||||
|
|
||||||
html-to-image@^1.11.11:
|
html-to-image@^1.11.11:
|
||||||
version "1.11.11"
|
version "1.11.11"
|
||||||
resolved "https://registry.yarnpkg.com/html-to-image/-/html-to-image-1.11.11.tgz#c0f8a34dc9e4b97b93ff7ea286eb8562642ebbea"
|
resolved "https://registry.npmjs.org/html-to-image/-/html-to-image-1.11.11.tgz"
|
||||||
integrity sha512-9gux8QhvjRO/erSnDPv28noDZcPZmYE7e1vFsBLKLlRlKDSqNJYebj6Qz1TGd5lsRV+X+xYyjCKjuZdABinWjA==
|
integrity sha512-9gux8QhvjRO/erSnDPv28noDZcPZmYE7e1vFsBLKLlRlKDSqNJYebj6Qz1TGd5lsRV+X+xYyjCKjuZdABinWjA==
|
||||||
|
|
||||||
html-webpack-plugin@^5.5.0:
|
html-webpack-plugin@^5.5.0:
|
||||||
@ -6530,7 +6523,7 @@ memfs@^3.1.2, memfs@^3.4.3:
|
|||||||
|
|
||||||
memoize-one@^5.1.1:
|
memoize-one@^5.1.1:
|
||||||
version "5.2.1"
|
version "5.2.1"
|
||||||
resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.2.1.tgz#8337aa3c4335581839ec01c3d594090cebe8f00e"
|
resolved "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz"
|
||||||
integrity sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==
|
integrity sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==
|
||||||
|
|
||||||
merge-descriptors@1.0.1:
|
merge-descriptors@1.0.1:
|
||||||
@ -6714,7 +6707,7 @@ normalize-url@^6.0.1:
|
|||||||
|
|
||||||
normalize-wheel@^1.0.1:
|
normalize-wheel@^1.0.1:
|
||||||
version "1.0.1"
|
version "1.0.1"
|
||||||
resolved "https://registry.yarnpkg.com/normalize-wheel/-/normalize-wheel-1.0.1.tgz#aec886affdb045070d856447df62ecf86146ec45"
|
resolved "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz"
|
||||||
integrity sha512-1OnlAPZ3zgrk8B91HyRj+eVv+kS5u+Z0SCsak6Xil/kmgEia50ga7zfkumayonZrImffAxPU/5WcyGhzetHNPA==
|
integrity sha512-1OnlAPZ3zgrk8B91HyRj+eVv+kS5u+Z0SCsak6Xil/kmgEia50ga7zfkumayonZrImffAxPU/5WcyGhzetHNPA==
|
||||||
|
|
||||||
notistack@^3.0.1:
|
notistack@^3.0.1:
|
||||||
@ -7743,7 +7736,7 @@ quick-lru@^5.1.1:
|
|||||||
|
|
||||||
raf-schd@^4.0.2:
|
raf-schd@^4.0.2:
|
||||||
version "4.0.3"
|
version "4.0.3"
|
||||||
resolved "https://registry.yarnpkg.com/raf-schd/-/raf-schd-4.0.3.tgz#5d6c34ef46f8b2a0e880a8fcdb743efc5bfdbc1a"
|
resolved "https://registry.npmjs.org/raf-schd/-/raf-schd-4.0.3.tgz"
|
||||||
integrity sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ==
|
integrity sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ==
|
||||||
|
|
||||||
raf@^3.4.1:
|
raf@^3.4.1:
|
||||||
@ -7789,7 +7782,7 @@ react-app-polyfill@^3.0.0:
|
|||||||
|
|
||||||
react-beautiful-dnd@^13.1.1:
|
react-beautiful-dnd@^13.1.1:
|
||||||
version "13.1.1"
|
version "13.1.1"
|
||||||
resolved "https://registry.yarnpkg.com/react-beautiful-dnd/-/react-beautiful-dnd-13.1.1.tgz#b0f3087a5840920abf8bb2325f1ffa46d8c4d0a2"
|
resolved "https://registry.npmjs.org/react-beautiful-dnd/-/react-beautiful-dnd-13.1.1.tgz"
|
||||||
integrity sha512-0Lvs4tq2VcrEjEgDXHjT98r+63drkKEgqyxdA7qD3mvKwga6a5SscbdLPO2IExotU1jW8L0Ksdl0Cj2AF67nPQ==
|
integrity sha512-0Lvs4tq2VcrEjEgDXHjT98r+63drkKEgqyxdA7qD3mvKwga6a5SscbdLPO2IExotU1jW8L0Ksdl0Cj2AF67nPQ==
|
||||||
dependencies:
|
dependencies:
|
||||||
"@babel/runtime" "^7.9.2"
|
"@babel/runtime" "^7.9.2"
|
||||||
@ -7832,14 +7825,14 @@ react-dev-utils@^12.0.1:
|
|||||||
|
|
||||||
react-dnd-html5-backend@^16.0.1:
|
react-dnd-html5-backend@^16.0.1:
|
||||||
version "16.0.1"
|
version "16.0.1"
|
||||||
resolved "https://registry.yarnpkg.com/react-dnd-html5-backend/-/react-dnd-html5-backend-16.0.1.tgz#87faef15845d512a23b3c08d29ecfd34871688b6"
|
resolved "https://registry.npmjs.org/react-dnd-html5-backend/-/react-dnd-html5-backend-16.0.1.tgz"
|
||||||
integrity sha512-Wu3dw5aDJmOGw8WjH1I1/yTH+vlXEL4vmjk5p+MHxP8HuHJS1lAGeIdG/hze1AvNeXWo/JgULV87LyQOr+r5jw==
|
integrity sha512-Wu3dw5aDJmOGw8WjH1I1/yTH+vlXEL4vmjk5p+MHxP8HuHJS1lAGeIdG/hze1AvNeXWo/JgULV87LyQOr+r5jw==
|
||||||
dependencies:
|
dependencies:
|
||||||
dnd-core "^16.0.1"
|
dnd-core "^16.0.1"
|
||||||
|
|
||||||
react-dnd@*, react-dnd@^16.0.1:
|
react-dnd@*, react-dnd@^16.0.1:
|
||||||
version "16.0.1"
|
version "16.0.1"
|
||||||
resolved "https://registry.yarnpkg.com/react-dnd/-/react-dnd-16.0.1.tgz#2442a3ec67892c60d40a1559eef45498ba26fa37"
|
resolved "https://registry.npmjs.org/react-dnd/-/react-dnd-16.0.1.tgz"
|
||||||
integrity sha512-QeoM/i73HHu2XF9aKksIUuamHPDvRglEwdHL4jsp784BgUuWcg6mzfxT0QDdQz8Wj0qyRKx2eMg8iZtWvU4E2Q==
|
integrity sha512-QeoM/i73HHu2XF9aKksIUuamHPDvRglEwdHL4jsp784BgUuWcg6mzfxT0QDdQz8Wj0qyRKx2eMg8iZtWvU4E2Q==
|
||||||
dependencies:
|
dependencies:
|
||||||
"@react-dnd/invariant" "^4.0.1"
|
"@react-dnd/invariant" "^4.0.1"
|
||||||
@ -7857,9 +7850,9 @@ react-dom@^18.2.0:
|
|||||||
scheduler "^0.23.0"
|
scheduler "^0.23.0"
|
||||||
|
|
||||||
react-easy-crop@^5.0.0:
|
react-easy-crop@^5.0.0:
|
||||||
version "5.0.0"
|
version "5.0.2"
|
||||||
resolved "https://registry.yarnpkg.com/react-easy-crop/-/react-easy-crop-5.0.0.tgz#8945dccf4d9f578e7d8d06ed71229e93f46d4a43"
|
resolved "https://registry.npmjs.org/react-easy-crop/-/react-easy-crop-5.0.2.tgz"
|
||||||
integrity sha512-ppYg3E0jxpDW+HdgLa65lCykZSsGMuusBuKD3HeTMs/Aod4xiWyAH5jZn5iHlllLUV2c0PPT6FznvdNeLhO2wA==
|
integrity sha512-j4A/0s0v/Gx5YGXvw3SOFIMmRk5YCdob2ABL5cD00Q9HQPKIz6tkCYLdj0RMO0REPtCAOsZ2ZZLI6fUofiDP6w==
|
||||||
dependencies:
|
dependencies:
|
||||||
normalize-wheel "^1.0.1"
|
normalize-wheel "^1.0.1"
|
||||||
tslib "2.0.1"
|
tslib "2.0.1"
|
||||||
@ -7870,11 +7863,9 @@ react-error-overlay@^6.0.11:
|
|||||||
integrity sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==
|
integrity sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==
|
||||||
|
|
||||||
react-image-crop@^10.1.5:
|
react-image-crop@^10.1.5:
|
||||||
version "10.1.5"
|
version "10.1.8"
|
||||||
resolved "https://registry.yarnpkg.com/react-image-crop/-/react-image-crop-10.1.5.tgz#60f9d81405b01b6925629cae235e8406616fc0e5"
|
resolved "https://registry.npmjs.org/react-image-crop/-/react-image-crop-10.1.8.tgz"
|
||||||
integrity sha512-BL8Rd/UHCE4O5GcYQiWDKVh5JOJb0Ic/Gde2W171v5nY7RyQzFLM1cxIzlYfESLO/lNgBVhDHuEV9RHnqALMkA==
|
integrity sha512-4rb8XtXNx7ZaOZarKKnckgz4xLMvds/YrU6mpJfGhGAsy2Mg4mIw1x+DCCGngVGq2soTBVVOxx2s/C6mTX9+pA==
|
||||||
dependencies:
|
|
||||||
clsx "^1.2.1"
|
|
||||||
|
|
||||||
react-image-file-resizer@^0.4.8:
|
react-image-file-resizer@^0.4.8:
|
||||||
version "0.4.8"
|
version "0.4.8"
|
||||||
@ -7898,7 +7889,7 @@ react-is@^18.0.0, react-is@^18.2.0:
|
|||||||
|
|
||||||
react-redux@^7.2.0:
|
react-redux@^7.2.0:
|
||||||
version "7.2.9"
|
version "7.2.9"
|
||||||
resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-7.2.9.tgz#09488fbb9416a4efe3735b7235055442b042481d"
|
resolved "https://registry.npmjs.org/react-redux/-/react-redux-7.2.9.tgz"
|
||||||
integrity sha512-Gx4L3uM182jEEayZfRbI/G11ZpYdNAnBs70lFVMNdHJI76XYtR+7m0MN+eAs7UHBPhWXcnFPaS+9owSCJQHNpQ==
|
integrity sha512-Gx4L3uM182jEEayZfRbI/G11ZpYdNAnBs70lFVMNdHJI76XYtR+7m0MN+eAs7UHBPhWXcnFPaS+9owSCJQHNpQ==
|
||||||
dependencies:
|
dependencies:
|
||||||
"@babel/runtime" "^7.15.4"
|
"@babel/runtime" "^7.15.4"
|
||||||
@ -8066,7 +8057,7 @@ redent@^3.0.0:
|
|||||||
|
|
||||||
redux@^4.0.0, redux@^4.0.4, redux@^4.2.0:
|
redux@^4.0.0, redux@^4.0.4, redux@^4.2.0:
|
||||||
version "4.2.1"
|
version "4.2.1"
|
||||||
resolved "https://registry.yarnpkg.com/redux/-/redux-4.2.1.tgz#c08f4306826c49b5e9dc901dee0452ea8fce6197"
|
resolved "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz"
|
||||||
integrity sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==
|
integrity sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==
|
||||||
dependencies:
|
dependencies:
|
||||||
"@babel/runtime" "^7.9.2"
|
"@babel/runtime" "^7.9.2"
|
||||||
@ -8954,7 +8945,7 @@ thunky@^1.0.2:
|
|||||||
|
|
||||||
tiny-invariant@^1.0.6:
|
tiny-invariant@^1.0.6:
|
||||||
version "1.3.1"
|
version "1.3.1"
|
||||||
resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.3.1.tgz#8560808c916ef02ecfd55e66090df23a4b7aa642"
|
resolved "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.1.tgz"
|
||||||
integrity sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw==
|
integrity sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw==
|
||||||
|
|
||||||
tmpl@1.0.5:
|
tmpl@1.0.5:
|
||||||
@ -9039,7 +9030,7 @@ tsconfig-paths@^3.14.1:
|
|||||||
|
|
||||||
tslib@2.0.1:
|
tslib@2.0.1:
|
||||||
version "2.0.1"
|
version "2.0.1"
|
||||||
resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.0.1.tgz#410eb0d113e5b6356490eec749603725b021b43e"
|
resolved "https://registry.npmjs.org/tslib/-/tslib-2.0.1.tgz"
|
||||||
integrity sha512-SgIkNheinmEBgx1IUNirK0TUD4X9yjjBRTqqjggWCU3pUEqIk3/Uwl3yRixYKT6WjQuGiwDv4NomL3wqRCj+CQ==
|
integrity sha512-SgIkNheinmEBgx1IUNirK0TUD4X9yjjBRTqqjggWCU3pUEqIk3/Uwl3yRixYKT6WjQuGiwDv4NomL3wqRCj+CQ==
|
||||||
|
|
||||||
tslib@^1.8.1:
|
tslib@^1.8.1:
|
||||||
@ -9203,12 +9194,12 @@ url-parse@^1.5.3:
|
|||||||
|
|
||||||
use-debounce@^9.0.4:
|
use-debounce@^9.0.4:
|
||||||
version "9.0.4"
|
version "9.0.4"
|
||||||
resolved "https://registry.yarnpkg.com/use-debounce/-/use-debounce-9.0.4.tgz#51d25d856fbdfeb537553972ce3943b897f1ac85"
|
resolved "https://registry.npmjs.org/use-debounce/-/use-debounce-9.0.4.tgz"
|
||||||
integrity sha512-6X8H/mikbrt0XE8e+JXRtZ8yYVvKkdYRfmIhWZYsP8rcNs9hk3APV8Ua2mFkKRLcJKVdnX2/Vwrmg2GWKUQEaQ==
|
integrity sha512-6X8H/mikbrt0XE8e+JXRtZ8yYVvKkdYRfmIhWZYsP8rcNs9hk3APV8Ua2mFkKRLcJKVdnX2/Vwrmg2GWKUQEaQ==
|
||||||
|
|
||||||
use-memo-one@^1.1.1:
|
use-memo-one@^1.1.1:
|
||||||
version "1.1.3"
|
version "1.1.3"
|
||||||
resolved "https://registry.yarnpkg.com/use-memo-one/-/use-memo-one-1.1.3.tgz#2fd2e43a2169eabc7496960ace8c79efef975e99"
|
resolved "https://registry.npmjs.org/use-memo-one/-/use-memo-one-1.1.3.tgz"
|
||||||
integrity sha512-g66/K7ZQGYrI6dy8GLpVcMsBp4s17xNkYJVSMvTEevGy3nDxHOfE6z8BVE22+5G5x7t3+bhzrlTDB7ObrEE0cQ==
|
integrity sha512-g66/K7ZQGYrI6dy8GLpVcMsBp4s17xNkYJVSMvTEevGy3nDxHOfE6z8BVE22+5G5x7t3+bhzrlTDB7ObrEE0cQ==
|
||||||
|
|
||||||
use-sync-external-store@1.2.0:
|
use-sync-external-store@1.2.0:
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user