diff --git a/jsconfig.json b/jsconfig.json new file mode 100644 index 0000000..95535f3 --- /dev/null +++ b/jsconfig.json @@ -0,0 +1,16 @@ +{ + "compilerOptions": { + "baseUrl": "./src", + "paths": { + "assets/*": ["assets/*"], + "@components/*": ["components/*"], + "@utils/*": ["utils/*"], + "@pages/*": ["pages/*"], + "@redux/*": ["redux/*"], + "@store/*": ["store/*"], + "@api/*": ["api/*"], + "@hooks/*": ["hooks/*"] + } + }, + "include": ["src"] +} diff --git a/package-lock.json b/package-lock.json index 6844d80..7f4fad2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,10 +11,18 @@ "@testing-library/jest-dom": "^5.17.0", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", + "bootstrap": "^5.3.3", "react": "^18.3.1", + "react-bootstrap": "^2.10.5", "react-dom": "^18.3.1", + "react-inlinesvg": "^4.1.5", + "react-router-dom": "^6.28.0", "react-scripts": "5.0.1", + "swiper": "^11.1.15", "web-vitals": "^2.1.4" + }, + "devDependencies": { + "sass": "^1.81.0" } }, "node_modules/@adobe/css-tools": { @@ -2876,6 +2884,302 @@ "node": ">= 8" } }, + "node_modules/@parcel/watcher": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.0.tgz", + "integrity": "sha512-i0GV1yJnm2n3Yq1qw6QrUrd/LI9bE8WEBOTtOkpCXHHdyN3TAGgqAK/DAT05z4fq2x04cARXt2pDmjWjL92iTQ==", + "dev": true, + "hasInstallScript": true, + "optional": true, + "dependencies": { + "detect-libc": "^1.0.3", + "is-glob": "^4.0.3", + "micromatch": "^4.0.5", + "node-addon-api": "^7.0.0" + }, + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "@parcel/watcher-android-arm64": "2.5.0", + "@parcel/watcher-darwin-arm64": "2.5.0", + "@parcel/watcher-darwin-x64": "2.5.0", + "@parcel/watcher-freebsd-x64": "2.5.0", + "@parcel/watcher-linux-arm-glibc": "2.5.0", + "@parcel/watcher-linux-arm-musl": "2.5.0", + "@parcel/watcher-linux-arm64-glibc": "2.5.0", + "@parcel/watcher-linux-arm64-musl": "2.5.0", + "@parcel/watcher-linux-x64-glibc": "2.5.0", + "@parcel/watcher-linux-x64-musl": "2.5.0", + "@parcel/watcher-win32-arm64": "2.5.0", + "@parcel/watcher-win32-ia32": "2.5.0", + "@parcel/watcher-win32-x64": "2.5.0" + } + }, + "node_modules/@parcel/watcher-android-arm64": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.0.tgz", + "integrity": "sha512-qlX4eS28bUcQCdribHkg/herLe+0A9RyYC+mm2PXpncit8z5b3nSqGVzMNR3CmtAOgRutiZ02eIJJgP/b1iEFQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-arm64": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.0.tgz", + "integrity": "sha512-hyZ3TANnzGfLpRA2s/4U1kbw2ZI4qGxaRJbBH2DCSREFfubMswheh8TeiC1sGZ3z2jUf3s37P0BBlrD3sjVTUw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-x64": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.0.tgz", + "integrity": "sha512-9rhlwd78saKf18fT869/poydQK8YqlU26TMiNg7AIu7eBp9adqbJZqmdFOsbZ5cnLp5XvRo9wcFmNHgHdWaGYA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-freebsd-x64": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.0.tgz", + "integrity": "sha512-syvfhZzyM8kErg3VF0xpV8dixJ+RzbUaaGaeb7uDuz0D3FK97/mZ5AJQ3XNnDsXX7KkFNtyQyFrXZzQIcN49Tw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-glibc": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.0.tgz", + "integrity": "sha512-0VQY1K35DQET3dVYWpOaPFecqOT9dbuCfzjxoQyif1Wc574t3kOSkKevULddcR9znz1TcklCE7Ht6NIxjvTqLA==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-musl": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.0.tgz", + "integrity": "sha512-6uHywSIzz8+vi2lAzFeltnYbdHsDm3iIB57d4g5oaB9vKwjb6N6dRIgZMujw4nm5r6v9/BQH0noq6DzHrqr2pA==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-glibc": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.0.tgz", + "integrity": "sha512-BfNjXwZKxBy4WibDb/LDCriWSKLz+jJRL3cM/DllnHH5QUyoiUNEp3GmL80ZqxeumoADfCCP19+qiYiC8gUBjA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-musl": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.0.tgz", + "integrity": "sha512-S1qARKOphxfiBEkwLUbHjCY9BWPdWnW9j7f7Hb2jPplu8UZ3nes7zpPOW9bkLbHRvWM0WDTsjdOTUgW0xLBN1Q==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-glibc": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.0.tgz", + "integrity": "sha512-d9AOkusyXARkFD66S6zlGXyzx5RvY+chTP9Jp0ypSTC9d4lzyRs9ovGf/80VCxjKddcUvnsGwCHWuF2EoPgWjw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-musl": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.0.tgz", + "integrity": "sha512-iqOC+GoTDoFyk/VYSFHwjHhYrk8bljW6zOhPuhi5t9ulqiYq1togGJB5e3PwYVFFfeVgc6pbz3JdQyDoBszVaA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-arm64": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.0.tgz", + "integrity": "sha512-twtft1d+JRNkM5YbmexfcH/N4znDtjgysFaV9zvZmmJezQsKpkfLYJ+JFV3uygugK6AtIM2oADPkB2AdhBrNig==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-ia32": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.0.tgz", + "integrity": "sha512-+rgpsNRKwo8A53elqbbHXdOMtY/tAtTzManTWShB5Kk54N8Q9mzNWV7tV+IbGueCbcj826MfWGU3mprWtuf1TA==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-x64": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.0.tgz", + "integrity": "sha512-lPrxve92zEHdgeff3aiu4gDOIt4u7sJYha6wbdEZDCDUhtjTsOMiaJzG5lMY4GkWH8p0fMmO2Ppq5G5XXG+DQw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, "node_modules/@pkgjs/parseargs": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", @@ -2932,6 +3236,76 @@ } } }, + "node_modules/@popperjs/core": { + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, + "node_modules/@react-aria/ssr": { + "version": "3.9.6", + "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.6.tgz", + "integrity": "sha512-iLo82l82ilMiVGy342SELjshuWottlb5+VefO3jOQqQRNYnJBFpUSadswDPbRimSgJUZuFwIEYs6AabkP038fA==", + "dependencies": { + "@swc/helpers": "^0.5.0" + }, + "engines": { + "node": ">= 12" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0" + } + }, + "node_modules/@remix-run/router": { + "version": "1.21.0", + "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.21.0.tgz", + "integrity": "sha512-xfSkCAchbdG5PnbrKqFWwia4Bi61nH+wm8wLEqfHDyp7Y3dZzgqS2itV8i4gAq9pC2HsTpwyBC6Ds8VHZ96JlA==", + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/@restart/hooks": { + "version": "0.4.16", + "resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.4.16.tgz", + "integrity": "sha512-f7aCv7c+nU/3mF7NWLtVVr0Ra80RqsO89hO72r+Y/nvQr5+q0UFGkocElTH6MJApvReVh6JHUFYn2cw1WdHF3w==", + "dependencies": { + "dequal": "^2.0.3" + }, + "peerDependencies": { + "react": ">=16.8.0" + } + }, + "node_modules/@restart/ui": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/@restart/ui/-/ui-1.9.0.tgz", + "integrity": "sha512-M/k/ILBXbEIFn0wSGuJYqscih7gwMcnVwv44kgHZ344sjLoO2vFK8AtkMGXx2sEANDwxEPoDhjhfIDDvrvCBCA==", + "dependencies": { + "@babel/runtime": "^7.21.0", + "@popperjs/core": "^2.11.6", + "@react-aria/ssr": "^3.5.0", + "@restart/hooks": "^0.4.9", + "@types/warning": "^3.0.0", + "dequal": "^2.0.3", + "dom-helpers": "^5.2.0", + "uncontrollable": "^8.0.1", + "warning": "^4.0.3" + }, + "peerDependencies": { + "react": ">=16.14.0", + "react-dom": ">=16.14.0" + } + }, + "node_modules/@restart/ui/node_modules/uncontrollable": { + "version": "8.0.4", + "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-8.0.4.tgz", + "integrity": "sha512-ulRWYWHvscPFc0QQXvyJjY6LIXU56f0h8pQFvhxiKk5V1fcI8gp9Ht9leVAhrVjzqMw0BgjspBINx9r6oyJUvQ==", + "peerDependencies": { + "react": ">=16.14.0" + } + }, "node_modules/@rollup/plugin-babel": { "version": "5.3.1", "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz", @@ -3255,32 +3629,38 @@ "url": "https://github.com/sponsors/gregberge" } }, + "node_modules/@swc/helpers": { + "version": "0.5.15", + "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz", + "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==", + "dependencies": { + "tslib": "^2.8.0" + } + }, "node_modules/@testing-library/dom": { - "version": "10.4.0", - "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.0.tgz", - "integrity": "sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==", - "peer": true, + "version": "8.20.1", + "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-8.20.1.tgz", + "integrity": "sha512-/DiOQ5xBxgdYRC8LNk7U+RWat0S3qRLeIw3ZIkMQ9kkVlRmwD/Eg8k8CqIpD6GW7u20JIUOfMKbxtiLutpjQ4g==", "dependencies": { "@babel/code-frame": "^7.10.4", "@babel/runtime": "^7.12.5", "@types/aria-query": "^5.0.1", - "aria-query": "5.3.0", + "aria-query": "5.1.3", "chalk": "^4.1.0", "dom-accessibility-api": "^0.5.9", "lz-string": "^1.5.0", "pretty-format": "^27.0.2" }, "engines": { - "node": ">=18" + "node": ">=12" } }, "node_modules/@testing-library/dom/node_modules/aria-query": { - "version": "5.3.0", - "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz", - "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==", - "peer": true, + "version": "5.1.3", + "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz", + "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==", "dependencies": { - "dequal": "^2.0.3" + "deep-equal": "^2.0.5" } }, "node_modules/@testing-library/jest-dom": { @@ -3333,32 +3713,6 @@ "react-dom": "^18.0.0" } }, - "node_modules/@testing-library/react/node_modules/@testing-library/dom": { - "version": "8.20.1", - "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-8.20.1.tgz", - "integrity": "sha512-/DiOQ5xBxgdYRC8LNk7U+RWat0S3qRLeIw3ZIkMQ9kkVlRmwD/Eg8k8CqIpD6GW7u20JIUOfMKbxtiLutpjQ4g==", - "dependencies": { - "@babel/code-frame": "^7.10.4", - "@babel/runtime": "^7.12.5", - "@types/aria-query": "^5.0.1", - "aria-query": "5.1.3", - "chalk": "^4.1.0", - "dom-accessibility-api": "^0.5.9", - "lz-string": "^1.5.0", - "pretty-format": "^27.0.2" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/@testing-library/react/node_modules/aria-query": { - "version": "5.1.3", - "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz", - "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==", - "dependencies": { - "deep-equal": "^2.0.5" - } - }, "node_modules/@testing-library/user-event": { "version": "13.5.0", "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-13.5.0.tgz", @@ -3501,17 +3855,6 @@ } }, "node_modules/@types/express-serve-static-core": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-5.0.1.tgz", - "integrity": "sha512-CRICJIl0N5cXDONAdlTv5ShATZ4HEwk6kDDIW2/w9qOWKg+NU/5F8wYRWCrONad0/UKkloNSmmyN/wX4rtpbVA==", - "dependencies": { - "@types/node": "*", - "@types/qs": "*", - "@types/range-parser": "*", - "@types/send": "*" - } - }, - "node_modules/@types/express/node_modules/@types/express-serve-static-core": { "version": "4.19.6", "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.6.tgz", "integrity": "sha512-N4LZ2xG7DatVqhCZzOGb1Yi5lMbXSZcmdLDe9EzSndPV2HpWYWzRbaerl2n27irrm94EPpprqa8KpskPT085+A==", @@ -3819,6 +4162,14 @@ "@types/react": "*" } }, + "node_modules/@types/react-transition-group": { + "version": "4.4.11", + "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.11.tgz", + "integrity": "sha512-RM05tAniPZ5DZPzzNFP+DmrcOdD0efDUxMy3145oljWSl3x9ZV5vhme98gTxFrj2lhXvmGNnUiuDyJgY9IKkNA==", + "dependencies": { + "@types/react": "*" + } + }, "node_modules/@types/resolve": { "version": "1.17.1", "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz", @@ -3890,6 +4241,11 @@ "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz", "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==" }, + "node_modules/@types/warning": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.3.tgz", + "integrity": "sha512-D1XC7WK8K+zZEveUPY+cf4+kgauk8N4eHr/XIHXGlGYkHLud6hK9lYfZk1ry1TNh798cZUCgb6MqGEG8DkJt6Q==" + }, "node_modules/@types/ws": { "version": "8.5.13", "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.13.tgz", @@ -5132,6 +5488,24 @@ "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==" }, + "node_modules/bootstrap": { + "version": "5.3.3", + "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.3.tgz", + "integrity": "sha512-8HLCdWgyoMguSO9o+aH+iuZ+aht+mzW0u3HIMzVu7Srrpv7EBBxTnrFlSCskwdY1+EOFQSm7uMJhNQHkdPcmjg==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/twbs" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/bootstrap" + } + ], + "peerDependencies": { + "@popperjs/core": "^2.11.8" + } + }, "node_modules/brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", @@ -5401,6 +5775,11 @@ "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.4.1.tgz", "integrity": "sha512-cuSVIHi9/9E/+821Qjdvngor+xpnlwnuwIyZOaLmHBVdXL+gP+I6QQB9VkO7RI77YIcTV+S1W9AreJ5eN63JBA==" }, + "node_modules/classnames": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz", + "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==" + }, "node_modules/clean-css": { "version": "5.3.3", "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.3.tgz", @@ -6310,7 +6689,6 @@ "version": "2.0.3", "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz", "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==", - "peer": true, "engines": { "node": ">=6" } @@ -6324,6 +6702,19 @@ "npm": "1.2.8000 || >= 1.4.16" } }, + "node_modules/detect-libc": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", + "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==", + "dev": true, + "optional": true, + "bin": { + "detect-libc": "bin/detect-libc.js" + }, + "engines": { + "node": ">=0.10" + } + }, "node_modules/detect-newline": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz", @@ -6430,6 +6821,15 @@ "utila": "~0.4" } }, + "node_modules/dom-helpers": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz", + "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==", + "dependencies": { + "@babel/runtime": "^7.8.7", + "csstype": "^3.0.2" + } + }, "node_modules/dom-serializer": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz", @@ -8419,14 +8819,6 @@ "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" }, - "node_modules/hpack.js/node_modules/string_decoder": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", - "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", - "dependencies": { - "safe-buffer": "~5.1.0" - } - }, "node_modules/html-encoding-sniffer": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz", @@ -8676,6 +9068,12 @@ "url": "https://opencollective.com/immer" } }, + "node_modules/immutable": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.0.3.tgz", + "integrity": "sha512-P8IdPQHq3lA1xVeBRi5VPqUm5HDgKnx0Ru51wZz5mjxHr5n3RWhjIpOFU7ybkUxfB+5IToy+OLaHYDBIWsv+uw==", + "devOptional": true + }, "node_modules/import-fresh": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", @@ -8766,6 +9164,14 @@ "node": ">= 0.4" } }, + "node_modules/invariant": { + "version": "2.2.4", + "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", + "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", + "dependencies": { + "loose-envify": "^1.0.0" + } + }, "node_modules/ipaddr.js": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.2.0.tgz", @@ -10146,9 +10552,9 @@ } }, "node_modules/jest-watch-typeahead/node_modules/string-length/node_modules/char-regex": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-2.0.1.tgz", - "integrity": "sha512-oSvEeo6ZUD7NepqAat3RqoucZ5SeqLJgOvVIwkafu6IP3V0pO38s/ypdVUmDDK6qIIHNlYHJAKX9E7R7HoKElw==", + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-2.0.2.tgz", + "integrity": "sha512-cbGOjAptfM2LVmWhwRFHEKTPkLwNddVmuqYZQt895yXwAsWsXObCG+YN4DGQ/JBtT4GP1a1lPPdio2z413LmTg==", "engines": { "node": ">=12.20" } @@ -10868,6 +11274,13 @@ "tslib": "^2.0.3" } }, + "node_modules/node-addon-api": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz", + "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==", + "dev": true, + "optional": true + }, "node_modules/node-forge": { "version": "1.3.1", "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz", @@ -12760,6 +13173,23 @@ "react-is": "^16.13.1" } }, + "node_modules/prop-types-extra": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/prop-types-extra/-/prop-types-extra-1.1.1.tgz", + "integrity": "sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==", + "dependencies": { + "react-is": "^16.3.2", + "warning": "^4.0.0" + }, + "peerDependencies": { + "react": ">=0.14.0" + } + }, + "node_modules/prop-types-extra/node_modules/react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" + }, "node_modules/prop-types/node_modules/react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", @@ -12930,6 +13360,35 @@ "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==" }, + "node_modules/react-bootstrap": { + "version": "2.10.5", + "resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.10.5.tgz", + "integrity": "sha512-XueAOEn64RRkZ0s6yzUTdpFtdUXs5L5491QU//8ZcODKJNDLt/r01tNyriZccjgRImH1REynUc9pqjiRMpDLWQ==", + "dependencies": { + "@babel/runtime": "^7.24.7", + "@restart/hooks": "^0.4.9", + "@restart/ui": "^1.6.9", + "@types/react-transition-group": "^4.4.6", + "classnames": "^2.3.2", + "dom-helpers": "^5.2.1", + "invariant": "^2.2.4", + "prop-types": "^15.8.1", + "prop-types-extra": "^1.1.0", + "react-transition-group": "^4.4.5", + "uncontrollable": "^7.2.1", + "warning": "^4.0.3" + }, + "peerDependencies": { + "@types/react": ">=16.14.8", + "react": ">=16.14.0", + "react-dom": ">=16.14.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, "node_modules/react-dev-utils": { "version": "12.0.1", "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz", @@ -13046,11 +13505,35 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz", "integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==" }, + "node_modules/react-from-dom": { + "version": "0.7.3", + "resolved": "https://registry.npmjs.org/react-from-dom/-/react-from-dom-0.7.3.tgz", + "integrity": "sha512-9IK6R7+eD1wOAMC2ZCrENev0eK1625cb7vX+cnnOR9LBRNbjKiaJk4ij2zQbcefEXTWjXFhA7CTO1cd8wMONnw==", + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0" + } + }, + "node_modules/react-inlinesvg": { + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/react-inlinesvg/-/react-inlinesvg-4.1.5.tgz", + "integrity": "sha512-DcCnmHhpKAUNp6iLPEEB2HJP3simDlyiy8JPZ1DwGCynrQQGQD04GJTFtai8JK8vRhCmoiBV6hSgj31D42Z3Lg==", + "dependencies": { + "react-from-dom": "^0.7.3" + }, + "peerDependencies": { + "react": "16.8 - 19" + } + }, "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-lifecycles-compat": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz", + "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==" + }, "node_modules/react-refresh": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz", @@ -13059,6 +13542,36 @@ "node": ">=0.10.0" } }, + "node_modules/react-router": { + "version": "6.28.0", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.28.0.tgz", + "integrity": "sha512-HrYdIFqdrnhDw0PqG/AKjAqEqM7AvxCz0DQ4h2W8k6nqmc5uRBYDag0SBxx9iYz5G8gnuNVLzUe13wl9eAsXXg==", + "dependencies": { + "@remix-run/router": "1.21.0" + }, + "engines": { + "node": ">=14.0.0" + }, + "peerDependencies": { + "react": ">=16.8" + } + }, + "node_modules/react-router-dom": { + "version": "6.28.0", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.28.0.tgz", + "integrity": "sha512-kQ7Unsl5YdyOltsPGl31zOjLrDv+m2VcIEcIHqYYD3Lp0UppLjrzcfJqDJwXxFw3TH/yvapbnUvPlAj7Kx5nbg==", + "dependencies": { + "@remix-run/router": "1.21.0", + "react-router": "6.28.0" + }, + "engines": { + "node": ">=14.0.0" + }, + "peerDependencies": { + "react": ">=16.8", + "react-dom": ">=16.8" + } + }, "node_modules/react-scripts": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.1.tgz", @@ -13131,6 +13644,58 @@ } } }, + "node_modules/react-scripts/node_modules/sass-loader": { + "version": "12.6.0", + "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-12.6.0.tgz", + "integrity": "sha512-oLTaH0YCtX4cfnJZxKSLAyglED0naiYfNG1iXfU5w1LNZ+ukoA5DtyDIN5zmKVZwYNJP4KRc5Y3hkWga+7tYfA==", + "dependencies": { + "klona": "^2.0.4", + "neo-async": "^2.6.2" + }, + "engines": { + "node": ">= 12.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "fibers": ">= 3.1.0", + "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0", + "sass": "^1.3.0", + "sass-embedded": "*", + "webpack": "^5.0.0" + }, + "peerDependenciesMeta": { + "fibers": { + "optional": true + }, + "node-sass": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + } + } + }, + "node_modules/react-transition-group": { + "version": "4.4.5", + "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz", + "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==", + "dependencies": { + "@babel/runtime": "^7.5.5", + "dom-helpers": "^5.0.1", + "loose-envify": "^1.4.0", + "prop-types": "^15.6.2" + }, + "peerDependencies": { + "react": ">=16.6.0", + "react-dom": ">=16.6.0" + } + }, "node_modules/read-cache": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", @@ -13600,41 +14165,52 @@ "resolved": "https://registry.npmjs.org/sanitize.css/-/sanitize.css-13.0.0.tgz", "integrity": "sha512-ZRwKbh/eQ6w9vmTjkuG0Ioi3HBwPFce0O+v//ve+aOq1oeCy7jMV2qzzAlpsNuqpqCBjjriM1lbtZbF/Q8jVyA==" }, - "node_modules/sass-loader": { - "version": "12.6.0", - "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-12.6.0.tgz", - "integrity": "sha512-oLTaH0YCtX4cfnJZxKSLAyglED0naiYfNG1iXfU5w1LNZ+ukoA5DtyDIN5zmKVZwYNJP4KRc5Y3hkWga+7tYfA==", + "node_modules/sass": { + "version": "1.81.0", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.81.0.tgz", + "integrity": "sha512-Q4fOxRfhmv3sqCLoGfvrC9pRV8btc0UtqL9mN6Yrv6Qi9ScL55CVH1vlPP863ISLEEMNLLuu9P+enCeGHlnzhA==", + "devOptional": true, "dependencies": { - "klona": "^2.0.4", - "neo-async": "^2.6.2" + "chokidar": "^4.0.0", + "immutable": "^5.0.2", + "source-map-js": ">=0.6.2 <2.0.0" + }, + "bin": { + "sass": "sass.js" }, "engines": { - "node": ">= 12.13.0" + "node": ">=14.0.0" + }, + "optionalDependencies": { + "@parcel/watcher": "^2.4.1" + } + }, + "node_modules/sass/node_modules/chokidar": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz", + "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==", + "devOptional": true, + "dependencies": { + "readdirp": "^4.0.1" + }, + "engines": { + "node": ">= 14.16.0" }, "funding": { - "type": "opencollective", - "url": "https://opencollective.com/webpack" + "url": "https://paulmillr.com/funding/" + } + }, + "node_modules/sass/node_modules/readdirp": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz", + "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==", + "devOptional": true, + "engines": { + "node": ">= 14.16.0" }, - "peerDependencies": { - "fibers": ">= 3.1.0", - "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0", - "sass": "^1.3.0", - "sass-embedded": "*", - "webpack": "^5.0.0" - }, - "peerDependenciesMeta": { - "fibers": { - "optional": true - }, - "node-sass": { - "optional": true - }, - "sass": { - "optional": true - }, - "sass-embedded": { - "optional": true - } + "funding": { + "type": "individual", + "url": "https://paulmillr.com/funding/" } }, "node_modules/sax": { @@ -14221,13 +14797,18 @@ } }, "node_modules/string_decoder": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", - "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", "dependencies": { - "safe-buffer": "~5.2.0" + "safe-buffer": "~5.1.0" } }, + "node_modules/string_decoder/node_modules/safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" + }, "node_modules/string-length": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz", @@ -14740,6 +15321,24 @@ "node": ">=4" } }, + "node_modules/swiper": { + "version": "11.1.15", + "resolved": "https://registry.npmjs.org/swiper/-/swiper-11.1.15.tgz", + "integrity": "sha512-IzWeU34WwC7gbhjKsjkImTuCRf+lRbO6cnxMGs88iVNKDwV+xQpBCJxZ4bNH6gSrIbbyVJ1kuGzo3JTtz//CBw==", + "funding": [ + { + "type": "patreon", + "url": "https://www.patreon.com/swiperjs" + }, + { + "type": "open_collective", + "url": "http://opencollective.com/swiper" + } + ], + "engines": { + "node": ">= 4.7.0" + } + }, "node_modules/symbol-tree": { "version": "3.2.4", "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz", @@ -15226,6 +15825,20 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/uncontrollable": { + "version": "7.2.1", + "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz", + "integrity": "sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==", + "dependencies": { + "@babel/runtime": "^7.6.3", + "@types/react": ">=16.9.11", + "invariant": "^2.2.4", + "react-lifecycles-compat": "^3.0.4" + }, + "peerDependencies": { + "react": ">=15.0.0" + } + }, "node_modules/underscore": { "version": "1.12.1", "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.12.1.tgz", @@ -15453,6 +16066,14 @@ "makeerror": "1.0.12" } }, + "node_modules/warning": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz", + "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==", + "dependencies": { + "loose-envify": "^1.0.0" + } + }, "node_modules/watchpack": { "version": "2.4.2", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz", diff --git a/package.json b/package.json index cb65629..763c94e 100644 --- a/package.json +++ b/package.json @@ -6,9 +6,14 @@ "@testing-library/jest-dom": "^5.17.0", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", + "bootstrap": "^5.3.3", "react": "^18.3.1", + "react-bootstrap": "^2.10.5", "react-dom": "^18.3.1", + "react-inlinesvg": "^4.1.5", + "react-router-dom": "^6.28.0", "react-scripts": "5.0.1", + "swiper": "^11.1.15", "web-vitals": "^2.1.4" }, "scripts": { @@ -34,5 +39,8 @@ "last 1 firefox version", "last 1 safari version" ] + }, + "devDependencies": { + "sass": "^1.81.0" } } diff --git a/src/App.css b/src/App.css deleted file mode 100644 index 74b5e05..0000000 --- a/src/App.css +++ /dev/null @@ -1,38 +0,0 @@ -.App { - text-align: center; -} - -.App-logo { - height: 40vmin; - pointer-events: none; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - -.App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} - -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} diff --git a/src/App.js b/src/App.js deleted file mode 100644 index 3784575..0000000 --- a/src/App.js +++ /dev/null @@ -1,25 +0,0 @@ -import logo from './logo.svg'; -import './App.css'; - -function App() { - return ( -
-
- logo -

- Edit src/App.js and save to reload. -

- - Learn React - -
-
- ); -} - -export default App; diff --git a/src/App.jsx b/src/App.jsx new file mode 100644 index 0000000..d7c0691 --- /dev/null +++ b/src/App.jsx @@ -0,0 +1,27 @@ +import { LandingClub } from "./pages/LandingClub/LandingClub"; + +import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; + +import "bootstrap/dist/css/bootstrap.min.css"; +import "assets/fonts/stylesheet.css"; +import "assets/global.scss"; +import "swiper/scss/navigation"; +import "swiper/css"; + +function App() { + return ( +
+ + + } /> + {/* } /> + } /> + } /> + } /> */} + + +
+ ); +} + +export default App; diff --git a/src/assets/fonts/BasierCircle-Regular.ttf b/src/assets/fonts/BasierCircle-Regular.ttf new file mode 100644 index 0000000..c808e62 Binary files /dev/null and b/src/assets/fonts/BasierCircle-Regular.ttf differ diff --git a/src/assets/fonts/BasierCircle-Regular.woff b/src/assets/fonts/BasierCircle-Regular.woff new file mode 100644 index 0000000..5461262 Binary files /dev/null and b/src/assets/fonts/BasierCircle-Regular.woff differ diff --git a/src/assets/fonts/BasierCircle-Regular.woff2 b/src/assets/fonts/BasierCircle-Regular.woff2 new file mode 100644 index 0000000..ccc4ba1 Binary files /dev/null and b/src/assets/fonts/BasierCircle-Regular.woff2 differ diff --git a/src/assets/fonts/BebasNeueBold.woff2 b/src/assets/fonts/BebasNeueBold.woff2 new file mode 100644 index 0000000..45fb89f Binary files /dev/null and b/src/assets/fonts/BebasNeueBold.woff2 differ diff --git a/src/assets/fonts/BebasNeueBook.woff2 b/src/assets/fonts/BebasNeueBook.woff2 new file mode 100644 index 0000000..45e5a04 Binary files /dev/null and b/src/assets/fonts/BebasNeueBook.woff2 differ diff --git a/src/assets/fonts/BebasNeueLight.woff2 b/src/assets/fonts/BebasNeueLight.woff2 new file mode 100644 index 0000000..08c2b07 Binary files /dev/null and b/src/assets/fonts/BebasNeueLight.woff2 differ diff --git a/src/assets/fonts/BebasNeueRegular.woff2 b/src/assets/fonts/BebasNeueRegular.woff2 new file mode 100644 index 0000000..192005c Binary files /dev/null and b/src/assets/fonts/BebasNeueRegular.woff2 differ diff --git a/src/assets/fonts/BebasNeueThin.woff2 b/src/assets/fonts/BebasNeueThin.woff2 new file mode 100644 index 0000000..ea739d0 Binary files /dev/null and b/src/assets/fonts/BebasNeueThin.woff2 differ diff --git a/src/assets/fonts/CeraPro-Bold.ttf b/src/assets/fonts/CeraPro-Bold.ttf new file mode 100644 index 0000000..eba3e21 Binary files /dev/null and b/src/assets/fonts/CeraPro-Bold.ttf differ diff --git a/src/assets/fonts/CeraPro-Bold.woff b/src/assets/fonts/CeraPro-Bold.woff new file mode 100644 index 0000000..15b05bc Binary files /dev/null and b/src/assets/fonts/CeraPro-Bold.woff differ diff --git a/src/assets/fonts/CeraPro-Bold.woff2 b/src/assets/fonts/CeraPro-Bold.woff2 new file mode 100644 index 0000000..f8f23c2 Binary files /dev/null and b/src/assets/fonts/CeraPro-Bold.woff2 differ diff --git a/src/assets/fonts/GTEestiProDisplay-Bold.eot b/src/assets/fonts/GTEestiProDisplay-Bold.eot new file mode 100644 index 0000000..38e2217 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Bold.eot differ diff --git a/src/assets/fonts/GTEestiProDisplay-Bold.ttf b/src/assets/fonts/GTEestiProDisplay-Bold.ttf new file mode 100644 index 0000000..f448d44 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Bold.ttf differ diff --git a/src/assets/fonts/GTEestiProDisplay-Bold.woff b/src/assets/fonts/GTEestiProDisplay-Bold.woff new file mode 100644 index 0000000..18c6653 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Bold.woff differ diff --git a/src/assets/fonts/GTEestiProDisplay-Bold.woff2 b/src/assets/fonts/GTEestiProDisplay-Bold.woff2 new file mode 100644 index 0000000..464ea30 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Bold.woff2 differ diff --git a/src/assets/fonts/GTEestiProDisplay-BoldItalic.eot b/src/assets/fonts/GTEestiProDisplay-BoldItalic.eot new file mode 100644 index 0000000..234250a Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-BoldItalic.eot differ diff --git a/src/assets/fonts/GTEestiProDisplay-BoldItalic.ttf b/src/assets/fonts/GTEestiProDisplay-BoldItalic.ttf new file mode 100644 index 0000000..712677d Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-BoldItalic.ttf differ diff --git a/src/assets/fonts/GTEestiProDisplay-BoldItalic.woff b/src/assets/fonts/GTEestiProDisplay-BoldItalic.woff new file mode 100644 index 0000000..2b50037 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-BoldItalic.woff differ diff --git a/src/assets/fonts/GTEestiProDisplay-BoldItalic.woff2 b/src/assets/fonts/GTEestiProDisplay-BoldItalic.woff2 new file mode 100644 index 0000000..c3fc243 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-BoldItalic.woff2 differ diff --git a/src/assets/fonts/GTEestiProDisplay-Light.eot b/src/assets/fonts/GTEestiProDisplay-Light.eot new file mode 100644 index 0000000..4c0427e Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Light.eot differ diff --git a/src/assets/fonts/GTEestiProDisplay-Light.ttf b/src/assets/fonts/GTEestiProDisplay-Light.ttf new file mode 100644 index 0000000..24d4ece Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Light.ttf differ diff --git a/src/assets/fonts/GTEestiProDisplay-Light.woff b/src/assets/fonts/GTEestiProDisplay-Light.woff new file mode 100644 index 0000000..40d9a20 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Light.woff differ diff --git a/src/assets/fonts/GTEestiProDisplay-Light.woff2 b/src/assets/fonts/GTEestiProDisplay-Light.woff2 new file mode 100644 index 0000000..f2db109 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Light.woff2 differ diff --git a/src/assets/fonts/GTEestiProDisplay-LightItalic.eot b/src/assets/fonts/GTEestiProDisplay-LightItalic.eot new file mode 100644 index 0000000..a7af438 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-LightItalic.eot differ diff --git a/src/assets/fonts/GTEestiProDisplay-LightItalic.ttf b/src/assets/fonts/GTEestiProDisplay-LightItalic.ttf new file mode 100644 index 0000000..6343f4c Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-LightItalic.ttf differ diff --git a/src/assets/fonts/GTEestiProDisplay-LightItalic.woff b/src/assets/fonts/GTEestiProDisplay-LightItalic.woff new file mode 100644 index 0000000..30411dd Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-LightItalic.woff differ diff --git a/src/assets/fonts/GTEestiProDisplay-LightItalic.woff2 b/src/assets/fonts/GTEestiProDisplay-LightItalic.woff2 new file mode 100644 index 0000000..f73a71f Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-LightItalic.woff2 differ diff --git a/src/assets/fonts/GTEestiProDisplay-Medium.eot b/src/assets/fonts/GTEestiProDisplay-Medium.eot new file mode 100644 index 0000000..406c597 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Medium.eot differ diff --git a/src/assets/fonts/GTEestiProDisplay-Medium.ttf b/src/assets/fonts/GTEestiProDisplay-Medium.ttf new file mode 100644 index 0000000..08fc81d Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Medium.ttf differ diff --git a/src/assets/fonts/GTEestiProDisplay-Medium.woff b/src/assets/fonts/GTEestiProDisplay-Medium.woff new file mode 100644 index 0000000..0ce7ee1 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Medium.woff differ diff --git a/src/assets/fonts/GTEestiProDisplay-Medium.woff2 b/src/assets/fonts/GTEestiProDisplay-Medium.woff2 new file mode 100644 index 0000000..06862b8 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Medium.woff2 differ diff --git a/src/assets/fonts/GTEestiProDisplay-MediumItalic.eot b/src/assets/fonts/GTEestiProDisplay-MediumItalic.eot new file mode 100644 index 0000000..b1a0376 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-MediumItalic.eot differ diff --git a/src/assets/fonts/GTEestiProDisplay-MediumItalic.ttf b/src/assets/fonts/GTEestiProDisplay-MediumItalic.ttf new file mode 100644 index 0000000..6bbf6e5 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-MediumItalic.ttf differ diff --git a/src/assets/fonts/GTEestiProDisplay-MediumItalic.woff b/src/assets/fonts/GTEestiProDisplay-MediumItalic.woff new file mode 100644 index 0000000..6a3ad7e Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-MediumItalic.woff differ diff --git a/src/assets/fonts/GTEestiProDisplay-MediumItalic.woff2 b/src/assets/fonts/GTEestiProDisplay-MediumItalic.woff2 new file mode 100644 index 0000000..9f9b5d1 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-MediumItalic.woff2 differ diff --git a/src/assets/fonts/GTEestiProDisplay-Regular.eot b/src/assets/fonts/GTEestiProDisplay-Regular.eot new file mode 100644 index 0000000..48f990a Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Regular.eot differ diff --git a/src/assets/fonts/GTEestiProDisplay-Regular.ttf b/src/assets/fonts/GTEestiProDisplay-Regular.ttf new file mode 100644 index 0000000..9a2faba Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Regular.ttf differ diff --git a/src/assets/fonts/GTEestiProDisplay-Regular.woff b/src/assets/fonts/GTEestiProDisplay-Regular.woff new file mode 100644 index 0000000..acf0a56 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Regular.woff differ diff --git a/src/assets/fonts/GTEestiProDisplay-Regular.woff2 b/src/assets/fonts/GTEestiProDisplay-Regular.woff2 new file mode 100644 index 0000000..6206834 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Regular.woff2 differ diff --git a/src/assets/fonts/GTEestiProDisplay-RegularItalic.eot b/src/assets/fonts/GTEestiProDisplay-RegularItalic.eot new file mode 100644 index 0000000..a58b54c Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-RegularItalic.eot differ diff --git a/src/assets/fonts/GTEestiProDisplay-RegularItalic.ttf b/src/assets/fonts/GTEestiProDisplay-RegularItalic.ttf new file mode 100644 index 0000000..d3f5561 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-RegularItalic.ttf differ diff --git a/src/assets/fonts/GTEestiProDisplay-RegularItalic.woff b/src/assets/fonts/GTEestiProDisplay-RegularItalic.woff new file mode 100644 index 0000000..70865c5 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-RegularItalic.woff differ diff --git a/src/assets/fonts/GTEestiProDisplay-RegularItalic.woff2 b/src/assets/fonts/GTEestiProDisplay-RegularItalic.woff2 new file mode 100644 index 0000000..782f04d Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-RegularItalic.woff2 differ diff --git a/src/assets/fonts/GTEestiProDisplay-Thin.eot b/src/assets/fonts/GTEestiProDisplay-Thin.eot new file mode 100644 index 0000000..ea2f97f Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Thin.eot differ diff --git a/src/assets/fonts/GTEestiProDisplay-Thin.ttf b/src/assets/fonts/GTEestiProDisplay-Thin.ttf new file mode 100644 index 0000000..eec16d5 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Thin.ttf differ diff --git a/src/assets/fonts/GTEestiProDisplay-Thin.woff b/src/assets/fonts/GTEestiProDisplay-Thin.woff new file mode 100644 index 0000000..d4342b0 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Thin.woff differ diff --git a/src/assets/fonts/GTEestiProDisplay-Thin.woff2 b/src/assets/fonts/GTEestiProDisplay-Thin.woff2 new file mode 100644 index 0000000..5aa4ccb Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-Thin.woff2 differ diff --git a/src/assets/fonts/GTEestiProDisplay-ThinItalic.eot b/src/assets/fonts/GTEestiProDisplay-ThinItalic.eot new file mode 100644 index 0000000..76012a6 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-ThinItalic.eot differ diff --git a/src/assets/fonts/GTEestiProDisplay-ThinItalic.ttf b/src/assets/fonts/GTEestiProDisplay-ThinItalic.ttf new file mode 100644 index 0000000..4a14fec Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-ThinItalic.ttf differ diff --git a/src/assets/fonts/GTEestiProDisplay-ThinItalic.woff b/src/assets/fonts/GTEestiProDisplay-ThinItalic.woff new file mode 100644 index 0000000..1577ccb Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-ThinItalic.woff differ diff --git a/src/assets/fonts/GTEestiProDisplay-ThinItalic.woff2 b/src/assets/fonts/GTEestiProDisplay-ThinItalic.woff2 new file mode 100644 index 0000000..ff9fa5e Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-ThinItalic.woff2 differ diff --git a/src/assets/fonts/GTEestiProDisplay-UltraBold.eot b/src/assets/fonts/GTEestiProDisplay-UltraBold.eot new file mode 100644 index 0000000..b34c4ef Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-UltraBold.eot differ diff --git a/src/assets/fonts/GTEestiProDisplay-UltraBold.ttf b/src/assets/fonts/GTEestiProDisplay-UltraBold.ttf new file mode 100644 index 0000000..eae7a6e Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-UltraBold.ttf differ diff --git a/src/assets/fonts/GTEestiProDisplay-UltraBold.woff b/src/assets/fonts/GTEestiProDisplay-UltraBold.woff new file mode 100644 index 0000000..0bf91f2 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-UltraBold.woff differ diff --git a/src/assets/fonts/GTEestiProDisplay-UltraBold.woff2 b/src/assets/fonts/GTEestiProDisplay-UltraBold.woff2 new file mode 100644 index 0000000..9682bb3 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-UltraBold.woff2 differ diff --git a/src/assets/fonts/GTEestiProDisplay-UltraBoldItalic.eot b/src/assets/fonts/GTEestiProDisplay-UltraBoldItalic.eot new file mode 100644 index 0000000..dd400b0 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-UltraBoldItalic.eot differ diff --git a/src/assets/fonts/GTEestiProDisplay-UltraBoldItalic.ttf b/src/assets/fonts/GTEestiProDisplay-UltraBoldItalic.ttf new file mode 100644 index 0000000..d1fc0a0 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-UltraBoldItalic.ttf differ diff --git a/src/assets/fonts/GTEestiProDisplay-UltraBoldItalic.woff b/src/assets/fonts/GTEestiProDisplay-UltraBoldItalic.woff new file mode 100644 index 0000000..512ac60 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-UltraBoldItalic.woff differ diff --git a/src/assets/fonts/GTEestiProDisplay-UltraBoldItalic.woff2 b/src/assets/fonts/GTEestiProDisplay-UltraBoldItalic.woff2 new file mode 100644 index 0000000..82c04bf Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-UltraBoldItalic.woff2 differ diff --git a/src/assets/fonts/GTEestiProDisplay-UltraLight.eot b/src/assets/fonts/GTEestiProDisplay-UltraLight.eot new file mode 100644 index 0000000..ebe7b0f Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-UltraLight.eot differ diff --git a/src/assets/fonts/GTEestiProDisplay-UltraLight.ttf b/src/assets/fonts/GTEestiProDisplay-UltraLight.ttf new file mode 100644 index 0000000..4b34347 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-UltraLight.ttf differ diff --git a/src/assets/fonts/GTEestiProDisplay-UltraLight.woff b/src/assets/fonts/GTEestiProDisplay-UltraLight.woff new file mode 100644 index 0000000..45253cd Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-UltraLight.woff differ diff --git a/src/assets/fonts/GTEestiProDisplay-UltraLight.woff2 b/src/assets/fonts/GTEestiProDisplay-UltraLight.woff2 new file mode 100644 index 0000000..eddbe91 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-UltraLight.woff2 differ diff --git a/src/assets/fonts/GTEestiProDisplay-UltraLightItalic.eot b/src/assets/fonts/GTEestiProDisplay-UltraLightItalic.eot new file mode 100644 index 0000000..ee673be Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-UltraLightItalic.eot differ diff --git a/src/assets/fonts/GTEestiProDisplay-UltraLightItalic.ttf b/src/assets/fonts/GTEestiProDisplay-UltraLightItalic.ttf new file mode 100644 index 0000000..8c2fd71 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-UltraLightItalic.ttf differ diff --git a/src/assets/fonts/GTEestiProDisplay-UltraLightItalic.woff b/src/assets/fonts/GTEestiProDisplay-UltraLightItalic.woff new file mode 100644 index 0000000..2c96552 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-UltraLightItalic.woff differ diff --git a/src/assets/fonts/GTEestiProDisplay-UltraLightItalic.woff2 b/src/assets/fonts/GTEestiProDisplay-UltraLightItalic.woff2 new file mode 100644 index 0000000..e37cf22 Binary files /dev/null and b/src/assets/fonts/GTEestiProDisplay-UltraLightItalic.woff2 differ diff --git a/src/assets/fonts/GTEestiProText-Bold.eot b/src/assets/fonts/GTEestiProText-Bold.eot new file mode 100644 index 0000000..be89df5 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Bold.eot differ diff --git a/src/assets/fonts/GTEestiProText-Bold.ttf b/src/assets/fonts/GTEestiProText-Bold.ttf new file mode 100644 index 0000000..b4be7c7 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Bold.ttf differ diff --git a/src/assets/fonts/GTEestiProText-Bold.woff b/src/assets/fonts/GTEestiProText-Bold.woff new file mode 100644 index 0000000..49da528 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Bold.woff differ diff --git a/src/assets/fonts/GTEestiProText-Bold.woff2 b/src/assets/fonts/GTEestiProText-Bold.woff2 new file mode 100644 index 0000000..4e55ce1 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Bold.woff2 differ diff --git a/src/assets/fonts/GTEestiProText-BoldItalic.eot b/src/assets/fonts/GTEestiProText-BoldItalic.eot new file mode 100644 index 0000000..83f8717 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-BoldItalic.eot differ diff --git a/src/assets/fonts/GTEestiProText-BoldItalic.ttf b/src/assets/fonts/GTEestiProText-BoldItalic.ttf new file mode 100644 index 0000000..ede1d20 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-BoldItalic.ttf differ diff --git a/src/assets/fonts/GTEestiProText-BoldItalic.woff b/src/assets/fonts/GTEestiProText-BoldItalic.woff new file mode 100644 index 0000000..26d2613 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-BoldItalic.woff differ diff --git a/src/assets/fonts/GTEestiProText-BoldItalic.woff2 b/src/assets/fonts/GTEestiProText-BoldItalic.woff2 new file mode 100644 index 0000000..3dcb977 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-BoldItalic.woff2 differ diff --git a/src/assets/fonts/GTEestiProText-Book.eot b/src/assets/fonts/GTEestiProText-Book.eot new file mode 100644 index 0000000..54848dc Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Book.eot differ diff --git a/src/assets/fonts/GTEestiProText-Book.ttf b/src/assets/fonts/GTEestiProText-Book.ttf new file mode 100644 index 0000000..02d99ac Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Book.ttf differ diff --git a/src/assets/fonts/GTEestiProText-Book.woff b/src/assets/fonts/GTEestiProText-Book.woff new file mode 100644 index 0000000..0a45e32 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Book.woff differ diff --git a/src/assets/fonts/GTEestiProText-Book.woff2 b/src/assets/fonts/GTEestiProText-Book.woff2 new file mode 100644 index 0000000..85e5493 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Book.woff2 differ diff --git a/src/assets/fonts/GTEestiProText-BookItalic.eot b/src/assets/fonts/GTEestiProText-BookItalic.eot new file mode 100644 index 0000000..9fc9dea Binary files /dev/null and b/src/assets/fonts/GTEestiProText-BookItalic.eot differ diff --git a/src/assets/fonts/GTEestiProText-BookItalic.ttf b/src/assets/fonts/GTEestiProText-BookItalic.ttf new file mode 100644 index 0000000..8944c0f Binary files /dev/null and b/src/assets/fonts/GTEestiProText-BookItalic.ttf differ diff --git a/src/assets/fonts/GTEestiProText-BookItalic.woff b/src/assets/fonts/GTEestiProText-BookItalic.woff new file mode 100644 index 0000000..884f4b4 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-BookItalic.woff differ diff --git a/src/assets/fonts/GTEestiProText-BookItalic.woff2 b/src/assets/fonts/GTEestiProText-BookItalic.woff2 new file mode 100644 index 0000000..c31fcb1 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-BookItalic.woff2 differ diff --git a/src/assets/fonts/GTEestiProText-Light.eot b/src/assets/fonts/GTEestiProText-Light.eot new file mode 100644 index 0000000..e3f40a8 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Light.eot differ diff --git a/src/assets/fonts/GTEestiProText-Light.ttf b/src/assets/fonts/GTEestiProText-Light.ttf new file mode 100644 index 0000000..e8b7279 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Light.ttf differ diff --git a/src/assets/fonts/GTEestiProText-Light.woff b/src/assets/fonts/GTEestiProText-Light.woff new file mode 100644 index 0000000..311e13f Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Light.woff differ diff --git a/src/assets/fonts/GTEestiProText-Light.woff2 b/src/assets/fonts/GTEestiProText-Light.woff2 new file mode 100644 index 0000000..55651ae Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Light.woff2 differ diff --git a/src/assets/fonts/GTEestiProText-LightItalic.eot b/src/assets/fonts/GTEestiProText-LightItalic.eot new file mode 100644 index 0000000..a407d98 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-LightItalic.eot differ diff --git a/src/assets/fonts/GTEestiProText-LightItalic.ttf b/src/assets/fonts/GTEestiProText-LightItalic.ttf new file mode 100644 index 0000000..ea90649 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-LightItalic.ttf differ diff --git a/src/assets/fonts/GTEestiProText-LightItalic.woff b/src/assets/fonts/GTEestiProText-LightItalic.woff new file mode 100644 index 0000000..628fc76 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-LightItalic.woff differ diff --git a/src/assets/fonts/GTEestiProText-LightItalic.woff2 b/src/assets/fonts/GTEestiProText-LightItalic.woff2 new file mode 100644 index 0000000..07ebef3 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-LightItalic.woff2 differ diff --git a/src/assets/fonts/GTEestiProText-Medium.eot b/src/assets/fonts/GTEestiProText-Medium.eot new file mode 100644 index 0000000..2be02a8 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Medium.eot differ diff --git a/src/assets/fonts/GTEestiProText-Medium.ttf b/src/assets/fonts/GTEestiProText-Medium.ttf new file mode 100644 index 0000000..b590b88 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Medium.ttf differ diff --git a/src/assets/fonts/GTEestiProText-Medium.woff b/src/assets/fonts/GTEestiProText-Medium.woff new file mode 100644 index 0000000..177a711 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Medium.woff differ diff --git a/src/assets/fonts/GTEestiProText-Medium.woff2 b/src/assets/fonts/GTEestiProText-Medium.woff2 new file mode 100644 index 0000000..14d74a8 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Medium.woff2 differ diff --git a/src/assets/fonts/GTEestiProText-MediumItalic.eot b/src/assets/fonts/GTEestiProText-MediumItalic.eot new file mode 100644 index 0000000..84b5e9d Binary files /dev/null and b/src/assets/fonts/GTEestiProText-MediumItalic.eot differ diff --git a/src/assets/fonts/GTEestiProText-MediumItalic.ttf b/src/assets/fonts/GTEestiProText-MediumItalic.ttf new file mode 100644 index 0000000..8e2bee1 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-MediumItalic.ttf differ diff --git a/src/assets/fonts/GTEestiProText-MediumItalic.woff b/src/assets/fonts/GTEestiProText-MediumItalic.woff new file mode 100644 index 0000000..918e187 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-MediumItalic.woff differ diff --git a/src/assets/fonts/GTEestiProText-MediumItalic.woff2 b/src/assets/fonts/GTEestiProText-MediumItalic.woff2 new file mode 100644 index 0000000..44749d0 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-MediumItalic.woff2 differ diff --git a/src/assets/fonts/GTEestiProText-Regular.eot b/src/assets/fonts/GTEestiProText-Regular.eot new file mode 100644 index 0000000..e93009c Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Regular.eot differ diff --git a/src/assets/fonts/GTEestiProText-Regular.ttf b/src/assets/fonts/GTEestiProText-Regular.ttf new file mode 100644 index 0000000..4aa3d09 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Regular.ttf differ diff --git a/src/assets/fonts/GTEestiProText-Regular.woff b/src/assets/fonts/GTEestiProText-Regular.woff new file mode 100644 index 0000000..7d40611 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Regular.woff differ diff --git a/src/assets/fonts/GTEestiProText-Regular.woff2 b/src/assets/fonts/GTEestiProText-Regular.woff2 new file mode 100644 index 0000000..10487f9 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Regular.woff2 differ diff --git a/src/assets/fonts/GTEestiProText-RegularItalic.eot b/src/assets/fonts/GTEestiProText-RegularItalic.eot new file mode 100644 index 0000000..835feed Binary files /dev/null and b/src/assets/fonts/GTEestiProText-RegularItalic.eot differ diff --git a/src/assets/fonts/GTEestiProText-RegularItalic.ttf b/src/assets/fonts/GTEestiProText-RegularItalic.ttf new file mode 100644 index 0000000..3747221 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-RegularItalic.ttf differ diff --git a/src/assets/fonts/GTEestiProText-RegularItalic.woff b/src/assets/fonts/GTEestiProText-RegularItalic.woff new file mode 100644 index 0000000..d4a992a Binary files /dev/null and b/src/assets/fonts/GTEestiProText-RegularItalic.woff differ diff --git a/src/assets/fonts/GTEestiProText-RegularItalic.woff2 b/src/assets/fonts/GTEestiProText-RegularItalic.woff2 new file mode 100644 index 0000000..d4f5559 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-RegularItalic.woff2 differ diff --git a/src/assets/fonts/GTEestiProText-Thin.eot b/src/assets/fonts/GTEestiProText-Thin.eot new file mode 100644 index 0000000..a6925ee Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Thin.eot differ diff --git a/src/assets/fonts/GTEestiProText-Thin.ttf b/src/assets/fonts/GTEestiProText-Thin.ttf new file mode 100644 index 0000000..672ed71 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Thin.ttf differ diff --git a/src/assets/fonts/GTEestiProText-Thin.woff b/src/assets/fonts/GTEestiProText-Thin.woff new file mode 100644 index 0000000..31049ff Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Thin.woff differ diff --git a/src/assets/fonts/GTEestiProText-Thin.woff2 b/src/assets/fonts/GTEestiProText-Thin.woff2 new file mode 100644 index 0000000..f4dabb1 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-Thin.woff2 differ diff --git a/src/assets/fonts/GTEestiProText-ThinItalic.eot b/src/assets/fonts/GTEestiProText-ThinItalic.eot new file mode 100644 index 0000000..c5a97f9 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-ThinItalic.eot differ diff --git a/src/assets/fonts/GTEestiProText-ThinItalic.ttf b/src/assets/fonts/GTEestiProText-ThinItalic.ttf new file mode 100644 index 0000000..7474a6b Binary files /dev/null and b/src/assets/fonts/GTEestiProText-ThinItalic.ttf differ diff --git a/src/assets/fonts/GTEestiProText-ThinItalic.woff b/src/assets/fonts/GTEestiProText-ThinItalic.woff new file mode 100644 index 0000000..61a58d8 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-ThinItalic.woff differ diff --git a/src/assets/fonts/GTEestiProText-ThinItalic.woff2 b/src/assets/fonts/GTEestiProText-ThinItalic.woff2 new file mode 100644 index 0000000..1f37e01 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-ThinItalic.woff2 differ diff --git a/src/assets/fonts/GTEestiProText-UltraLight.eot b/src/assets/fonts/GTEestiProText-UltraLight.eot new file mode 100644 index 0000000..a57d334 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-UltraLight.eot differ diff --git a/src/assets/fonts/GTEestiProText-UltraLight.ttf b/src/assets/fonts/GTEestiProText-UltraLight.ttf new file mode 100644 index 0000000..fb14d27 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-UltraLight.ttf differ diff --git a/src/assets/fonts/GTEestiProText-UltraLight.woff b/src/assets/fonts/GTEestiProText-UltraLight.woff new file mode 100644 index 0000000..9a50ee1 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-UltraLight.woff differ diff --git a/src/assets/fonts/GTEestiProText-UltraLight.woff2 b/src/assets/fonts/GTEestiProText-UltraLight.woff2 new file mode 100644 index 0000000..559e80e Binary files /dev/null and b/src/assets/fonts/GTEestiProText-UltraLight.woff2 differ diff --git a/src/assets/fonts/GTEestiProText-UltraLightItalic.eot b/src/assets/fonts/GTEestiProText-UltraLightItalic.eot new file mode 100644 index 0000000..fe56e14 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-UltraLightItalic.eot differ diff --git a/src/assets/fonts/GTEestiProText-UltraLightItalic.ttf b/src/assets/fonts/GTEestiProText-UltraLightItalic.ttf new file mode 100644 index 0000000..c9c5672 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-UltraLightItalic.ttf differ diff --git a/src/assets/fonts/GTEestiProText-UltraLightItalic.woff b/src/assets/fonts/GTEestiProText-UltraLightItalic.woff new file mode 100644 index 0000000..4eaef09 Binary files /dev/null and b/src/assets/fonts/GTEestiProText-UltraLightItalic.woff differ diff --git a/src/assets/fonts/GTEestiProText-UltraLightItalic.woff2 b/src/assets/fonts/GTEestiProText-UltraLightItalic.woff2 new file mode 100644 index 0000000..266faba Binary files /dev/null and b/src/assets/fonts/GTEestiProText-UltraLightItalic.woff2 differ diff --git a/src/assets/fonts/GeraspohekoRegular.eot b/src/assets/fonts/GeraspohekoRegular.eot new file mode 100644 index 0000000..b694f58 Binary files /dev/null and b/src/assets/fonts/GeraspohekoRegular.eot differ diff --git a/src/assets/fonts/GeraspohekoRegular.ttf b/src/assets/fonts/GeraspohekoRegular.ttf new file mode 100644 index 0000000..fea3af9 Binary files /dev/null and b/src/assets/fonts/GeraspohekoRegular.ttf differ diff --git a/src/assets/fonts/GeraspohekoRegular.woff b/src/assets/fonts/GeraspohekoRegular.woff new file mode 100644 index 0000000..915b1b2 Binary files /dev/null and b/src/assets/fonts/GeraspohekoRegular.woff differ diff --git a/src/assets/fonts/GeraspohekoRegular.woff2 b/src/assets/fonts/GeraspohekoRegular.woff2 new file mode 100644 index 0000000..150cc1f Binary files /dev/null and b/src/assets/fonts/GeraspohekoRegular.woff2 differ diff --git a/src/assets/fonts/Highliner-Regular.woff2 b/src/assets/fonts/Highliner-Regular.woff2 new file mode 100644 index 0000000..7aeae71 Binary files /dev/null and b/src/assets/fonts/Highliner-Regular.woff2 differ diff --git a/src/assets/fonts/LabGrotesque-Bold.eot b/src/assets/fonts/LabGrotesque-Bold.eot new file mode 100644 index 0000000..0e7cbd7 Binary files /dev/null and b/src/assets/fonts/LabGrotesque-Bold.eot differ diff --git a/src/assets/fonts/LabGrotesque-Bold.ttf b/src/assets/fonts/LabGrotesque-Bold.ttf new file mode 100644 index 0000000..af5e518 Binary files /dev/null and b/src/assets/fonts/LabGrotesque-Bold.ttf differ diff --git a/src/assets/fonts/LabGrotesque-Bold.woff b/src/assets/fonts/LabGrotesque-Bold.woff new file mode 100644 index 0000000..8bd7e85 Binary files /dev/null and b/src/assets/fonts/LabGrotesque-Bold.woff differ diff --git a/src/assets/fonts/LabGrotesque-Bold.woff2 b/src/assets/fonts/LabGrotesque-Bold.woff2 new file mode 100644 index 0000000..e0f29c3 Binary files /dev/null and b/src/assets/fonts/LabGrotesque-Bold.woff2 differ diff --git a/src/assets/fonts/LabGrotesque-Light.eot b/src/assets/fonts/LabGrotesque-Light.eot new file mode 100644 index 0000000..783952d Binary files /dev/null and b/src/assets/fonts/LabGrotesque-Light.eot differ diff --git a/src/assets/fonts/LabGrotesque-Light.ttf b/src/assets/fonts/LabGrotesque-Light.ttf new file mode 100644 index 0000000..71a1ab5 Binary files /dev/null and b/src/assets/fonts/LabGrotesque-Light.ttf differ diff --git a/src/assets/fonts/LabGrotesque-Light.woff b/src/assets/fonts/LabGrotesque-Light.woff new file mode 100644 index 0000000..0252859 Binary files /dev/null and b/src/assets/fonts/LabGrotesque-Light.woff differ diff --git a/src/assets/fonts/LabGrotesque-Light.woff2 b/src/assets/fonts/LabGrotesque-Light.woff2 new file mode 100644 index 0000000..67f89b5 Binary files /dev/null and b/src/assets/fonts/LabGrotesque-Light.woff2 differ diff --git a/src/assets/fonts/LabGrotesque-Medium.eot b/src/assets/fonts/LabGrotesque-Medium.eot new file mode 100644 index 0000000..a34826a Binary files /dev/null and b/src/assets/fonts/LabGrotesque-Medium.eot differ diff --git a/src/assets/fonts/LabGrotesque-Medium.ttf b/src/assets/fonts/LabGrotesque-Medium.ttf new file mode 100644 index 0000000..85e8e39 Binary files /dev/null and b/src/assets/fonts/LabGrotesque-Medium.ttf differ diff --git a/src/assets/fonts/LabGrotesque-Medium.woff b/src/assets/fonts/LabGrotesque-Medium.woff new file mode 100644 index 0000000..9f63459 Binary files /dev/null and b/src/assets/fonts/LabGrotesque-Medium.woff differ diff --git a/src/assets/fonts/LabGrotesque-Medium.woff2 b/src/assets/fonts/LabGrotesque-Medium.woff2 new file mode 100644 index 0000000..d42739f Binary files /dev/null and b/src/assets/fonts/LabGrotesque-Medium.woff2 differ diff --git a/src/assets/fonts/LabGrotesque-Regular.eot b/src/assets/fonts/LabGrotesque-Regular.eot new file mode 100644 index 0000000..f879041 Binary files /dev/null and b/src/assets/fonts/LabGrotesque-Regular.eot differ diff --git a/src/assets/fonts/LabGrotesque-Regular.ttf b/src/assets/fonts/LabGrotesque-Regular.ttf new file mode 100644 index 0000000..568de77 Binary files /dev/null and b/src/assets/fonts/LabGrotesque-Regular.ttf differ diff --git a/src/assets/fonts/LabGrotesque-Regular.woff b/src/assets/fonts/LabGrotesque-Regular.woff new file mode 100644 index 0000000..4f16733 Binary files /dev/null and b/src/assets/fonts/LabGrotesque-Regular.woff differ diff --git a/src/assets/fonts/LabGrotesque-Regular.woff2 b/src/assets/fonts/LabGrotesque-Regular.woff2 new file mode 100644 index 0000000..e87ebee Binary files /dev/null and b/src/assets/fonts/LabGrotesque-Regular.woff2 differ diff --git a/src/assets/fonts/MullerBold.ttf b/src/assets/fonts/MullerBold.ttf new file mode 100644 index 0000000..129aa96 Binary files /dev/null and b/src/assets/fonts/MullerBold.ttf differ diff --git a/src/assets/fonts/MullerBold.woff b/src/assets/fonts/MullerBold.woff new file mode 100644 index 0000000..f45c711 Binary files /dev/null and b/src/assets/fonts/MullerBold.woff differ diff --git a/src/assets/fonts/MullerBold.woff2 b/src/assets/fonts/MullerBold.woff2 new file mode 100644 index 0000000..57fc087 Binary files /dev/null and b/src/assets/fonts/MullerBold.woff2 differ diff --git a/src/assets/fonts/MullerLight.ttf b/src/assets/fonts/MullerLight.ttf new file mode 100644 index 0000000..ac6ddaa Binary files /dev/null and b/src/assets/fonts/MullerLight.ttf differ diff --git a/src/assets/fonts/MullerLight.woff b/src/assets/fonts/MullerLight.woff new file mode 100644 index 0000000..e73f152 Binary files /dev/null and b/src/assets/fonts/MullerLight.woff differ diff --git a/src/assets/fonts/MullerLight.woff2 b/src/assets/fonts/MullerLight.woff2 new file mode 100644 index 0000000..22585e2 Binary files /dev/null and b/src/assets/fonts/MullerLight.woff2 differ diff --git a/src/assets/fonts/MullerRegular.ttf b/src/assets/fonts/MullerRegular.ttf new file mode 100644 index 0000000..9b791ab Binary files /dev/null and b/src/assets/fonts/MullerRegular.ttf differ diff --git a/src/assets/fonts/MullerRegular.woff b/src/assets/fonts/MullerRegular.woff new file mode 100644 index 0000000..d17f369 Binary files /dev/null and b/src/assets/fonts/MullerRegular.woff differ diff --git a/src/assets/fonts/MullerRegular.woff2 b/src/assets/fonts/MullerRegular.woff2 new file mode 100644 index 0000000..d5e52d8 Binary files /dev/null and b/src/assets/fonts/MullerRegular.woff2 differ diff --git a/src/assets/fonts/SoyuzGroteskBold.woff2 b/src/assets/fonts/SoyuzGroteskBold.woff2 new file mode 100644 index 0000000..744abd8 Binary files /dev/null and b/src/assets/fonts/SoyuzGroteskBold.woff2 differ diff --git a/src/assets/fonts/muller_extrabold_demo.ttf b/src/assets/fonts/muller_extrabold_demo.ttf new file mode 100644 index 0000000..a29d558 Binary files /dev/null and b/src/assets/fonts/muller_extrabold_demo.ttf differ diff --git a/src/assets/fonts/muller_extrabold_demo.woff b/src/assets/fonts/muller_extrabold_demo.woff new file mode 100644 index 0000000..05c0e26 Binary files /dev/null and b/src/assets/fonts/muller_extrabold_demo.woff differ diff --git a/src/assets/fonts/muller_extrabold_demo.woff2 b/src/assets/fonts/muller_extrabold_demo.woff2 new file mode 100644 index 0000000..67a1fc2 Binary files /dev/null and b/src/assets/fonts/muller_extrabold_demo.woff2 differ diff --git a/src/assets/fonts/stylesheet.css b/src/assets/fonts/stylesheet.css new file mode 100644 index 0000000..dbe53bb --- /dev/null +++ b/src/assets/fonts/stylesheet.css @@ -0,0 +1,529 @@ +@font-face { + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-ThinItalic.eot"); + src: local("GT Eesti Pro Text Thin Italic"), + local("GTEestiProText-ThinItalic"), + url("GTEestiProText-ThinItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-ThinItalic.woff2") format("woff2"), + url("GTEestiProText-ThinItalic.woff") format("woff"), + url("GTEestiProText-ThinItalic.ttf") format("truetype"); + font-weight: 100; + font-style: italic; +} + +@font-face { + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-Medium.eot"); + src: local("GT Eesti Pro Text Medium"), local("GTEestiProText-Medium"), + url("GTEestiProText-Medium.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-Medium.woff2") format("woff2"), + url("GTEestiProText-Medium.woff") format("woff"), + url("GTEestiProText-Medium.ttf") format("truetype"); + font-weight: 500; + font-style: normal; +} + +@font-face { + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-LightItalic.eot"); + src: local("GT Eesti Pro Text Light Italic"), + local("GTEestiProText-LightItalic"), + url("GTEestiProText-LightItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-LightItalic.woff2") format("woff2"), + url("GTEestiProText-LightItalic.woff") format("woff"), + url("GTEestiProText-LightItalic.ttf") format("truetype"); + font-weight: 300; + font-style: italic; +} + +@font-face { + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-Bold.eot"); + src: local("GT Eesti Pro Display Bold"), local("GTEestiProDisplay-Bold"), + url("GTEestiProDisplay-Bold.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-Bold.woff2") format("woff2"), + url("GTEestiProDisplay-Bold.woff") format("woff"), + url("GTEestiProDisplay-Bold.ttf") format("truetype"); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-Light.eot"); + src: local("GT Eesti Pro Text Light"), local("GTEestiProText-Light"), + url("GTEestiProText-Light.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-Light.woff2") format("woff2"), + url("GTEestiProText-Light.woff") format("woff"), + url("GTEestiProText-Light.ttf") format("truetype"); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-MediumItalic.eot"); + src: local("GT Eesti Pro Display Medium Italic"), + local("GTEestiProDisplay-MediumItalic"), + url("GTEestiProDisplay-MediumItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-MediumItalic.woff2") format("woff2"), + url("GTEestiProDisplay-MediumItalic.woff") format("woff"), + url("GTEestiProDisplay-MediumItalic.ttf") format("truetype"); + font-weight: 500; + font-style: italic; +} + +@font-face { + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-RegularItalic.eot"); + src: local("GT Eesti Pro Text Regular Italic"), + local("GTEestiProText-RegularItalic"), + url("GTEestiProText-RegularItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-RegularItalic.woff2") format("woff2"), + url("GTEestiProText-RegularItalic.woff") format("woff"), + url("GTEestiProText-RegularItalic.ttf") format("truetype"); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: "GT Eesti Pro Text Book"; + src: url("GTEestiProText-Book.eot"); + src: local("GT Eesti Pro Text Book"), local("GTEestiProText-Book"), + url("GTEestiProText-Book.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-Book.woff2") format("woff2"), + url("GTEestiProText-Book.woff") format("woff"), + url("GTEestiProText-Book.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-BoldItalic.eot"); + src: local("GT Eesti Pro Text Bold Italic"), + local("GTEestiProText-BoldItalic"), + url("GTEestiProText-BoldItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-BoldItalic.woff2") format("woff2"), + url("GTEestiProText-BoldItalic.woff") format("woff"), + url("GTEestiProText-BoldItalic.ttf") format("truetype"); + font-weight: bold; + font-style: italic; +} + +@font-face { + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-UltraLightItalic.eot"); + src: local("GT Eesti Pro Text UltraLight Italic"), + local("GTEestiProText-UltraLightItalic"), + url("GTEestiProText-UltraLightItalic.eot?#iefix") + format("embedded-opentype"), + url("GTEestiProText-UltraLightItalic.woff2") format("woff2"), + url("GTEestiProText-UltraLightItalic.woff") format("woff"), + url("GTEestiProText-UltraLightItalic.ttf") format("truetype"); + font-weight: 200; + font-style: italic; +} + +@font-face { + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-Thin.eot"); + src: local("GT Eesti Pro Display Thin"), local("GTEestiProDisplay-Thin"), + url("GTEestiProDisplay-Thin.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-Thin.woff2") format("woff2"), + url("GTEestiProDisplay-Thin.woff") format("woff"), + url("GTEestiProDisplay-Thin.ttf") format("truetype"); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-Regular.eot"); + src: local("GT Eesti Pro Text Regular"), local("GTEestiProText-Regular"), + url("GTEestiProText-Regular.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-Regular.woff2") format("woff2"), + url("GTEestiProText-Regular.woff") format("woff"), + url("GTEestiProText-Regular.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-Light.eot"); + src: local("GT Eesti Pro Display Light"), local("GTEestiProDisplay-Light"), + url("GTEestiProDisplay-Light.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-Light.woff2") format("woff2"), + url("GTEestiProDisplay-Light.woff") format("woff"), + url("GTEestiProDisplay-Light.ttf") format("truetype"); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-UltraBold.eot"); + src: local("GT Eesti Pro Display UltraBold"), + local("GTEestiProDisplay-UltraBold"), + url("GTEestiProDisplay-UltraBold.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-UltraBold.woff2") format("woff2"), + url("GTEestiProDisplay-UltraBold.woff") format("woff"), + url("GTEestiProDisplay-UltraBold.ttf") format("truetype"); + font-weight: 800; + font-style: normal; +} + +@font-face { + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-UltraBoldItalic.eot"); + src: local("GT Eesti Pro Display UltraBold Italic"), + local("GTEestiProDisplay-UltraBoldItalic"), + url("GTEestiProDisplay-UltraBoldItalic.eot?#iefix") + format("embedded-opentype"), + url("GTEestiProDisplay-UltraBoldItalic.woff2") format("woff2"), + url("GTEestiProDisplay-UltraBoldItalic.woff") format("woff"), + url("GTEestiProDisplay-UltraBoldItalic.ttf") format("truetype"); + font-weight: 800; + font-style: italic; +} + +@font-face { + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-Medium.eot"); + src: local("GT Eesti Pro Display Medium"), local("GTEestiProDisplay-Medium"), + url("GTEestiProDisplay-Medium.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-Medium.woff2") format("woff2"), + url("GTEestiProDisplay-Medium.woff") format("woff"), + url("GTEestiProDisplay-Medium.ttf") format("truetype"); + font-weight: 500; + font-style: normal; +} + +@font-face { + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-UltraLight.eot"); + src: local("GT Eesti Pro Display UltraLight"), + local("GTEestiProDisplay-UltraLight"), + url("GTEestiProDisplay-UltraLight.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-UltraLight.woff2") format("woff2"), + url("GTEestiProDisplay-UltraLight.woff") format("woff"), + url("GTEestiProDisplay-UltraLight.ttf") format("truetype"); + font-weight: 200; + font-style: normal; +} + +@font-face { + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-RegularItalic.eot"); + src: local("GT Eesti Pro Display Regular Italic"), + local("GTEestiProDisplay-RegularItalic"), + url("GTEestiProDisplay-RegularItalic.eot?#iefix") + format("embedded-opentype"), + url("GTEestiProDisplay-RegularItalic.woff2") format("woff2"), + url("GTEestiProDisplay-RegularItalic.woff") format("woff"), + url("GTEestiProDisplay-RegularItalic.ttf") format("truetype"); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-LightItalic.eot"); + src: local("GT Eesti Pro Display Light Italic"), + local("GTEestiProDisplay-LightItalic"), + url("GTEestiProDisplay-LightItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-LightItalic.woff2") format("woff2"), + url("GTEestiProDisplay-LightItalic.woff") format("woff"), + url("GTEestiProDisplay-LightItalic.ttf") format("truetype"); + font-weight: 300; + font-style: italic; +} + +@font-face { + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-Bold.eot"); + src: local("GT Eesti Pro Text Bold"), local("GTEestiProText-Bold"), + url("GTEestiProText-Bold.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-Bold.woff2") format("woff2"), + url("GTEestiProText-Bold.woff") format("woff"), + url("GTEestiProText-Bold.ttf") format("truetype"); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-Thin.eot"); + src: local("GT Eesti Pro Text Thin"), local("GTEestiProText-Thin"), + url("GTEestiProText-Thin.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-Thin.woff2") format("woff2"), + url("GTEestiProText-Thin.woff") format("woff"), + url("GTEestiProText-Thin.ttf") format("truetype"); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-UltraLightItalic.eot"); + src: local("GT Eesti Pro Display UltraLight Italic"), + local("GTEestiProDisplay-UltraLightItalic"), + url("GTEestiProDisplay-UltraLightItalic.eot?#iefix") + format("embedded-opentype"), + url("GTEestiProDisplay-UltraLightItalic.woff2") format("woff2"), + url("GTEestiProDisplay-UltraLightItalic.woff") format("woff"), + url("GTEestiProDisplay-UltraLightItalic.ttf") format("truetype"); + font-weight: 200; + font-style: italic; +} + +@font-face { + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-BoldItalic.eot"); + src: local("GT Eesti Pro Display Bold Italic"), + local("GTEestiProDisplay-BoldItalic"), + url("GTEestiProDisplay-BoldItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-BoldItalic.woff2") format("woff2"), + url("GTEestiProDisplay-BoldItalic.woff") format("woff"), + url("GTEestiProDisplay-BoldItalic.ttf") format("truetype"); + font-weight: bold; + font-style: italic; +} + +@font-face { + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-MediumItalic.eot"); + src: local("GT Eesti Pro Text Medium Italic"), + local("GTEestiProText-MediumItalic"), + url("GTEestiProText-MediumItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-MediumItalic.woff2") format("woff2"), + url("GTEestiProText-MediumItalic.woff") format("woff"), + url("GTEestiProText-MediumItalic.ttf") format("truetype"); + font-weight: 500; + font-style: italic; +} + +@font-face { + font-family: "GT Eesti Pro Text Book"; + src: url("GTEestiProText-BookItalic.eot"); + src: local("GT Eesti Pro Text Book Italic"), + local("GTEestiProText-BookItalic"), + url("GTEestiProText-BookItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-BookItalic.woff2") format("woff2"), + url("GTEestiProText-BookItalic.woff") format("woff"), + url("GTEestiProText-BookItalic.ttf") format("truetype"); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: "GT Eesti Pro Text"; + src: url("GTEestiProText-UltraLight.eot"); + src: local("GT Eesti Pro Text UltraLight"), local("GTEestiProText-UltraLight"), + url("GTEestiProText-UltraLight.eot?#iefix") format("embedded-opentype"), + url("GTEestiProText-UltraLight.woff2") format("woff2"), + url("GTEestiProText-UltraLight.woff") format("woff"), + url("GTEestiProText-UltraLight.ttf") format("truetype"); + font-weight: 200; + font-style: normal; +} + +@font-face { + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-Regular.eot"); + src: local("GT Eesti Pro Display Regular"), local("GTEestiProDisplay-Regular"), + url("GTEestiProDisplay-Regular.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-Regular.woff2") format("woff2"), + url("GTEestiProDisplay-Regular.woff") format("woff"), + url("GTEestiProDisplay-Regular.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: "GT Eesti Pro Display"; + src: url("GTEestiProDisplay-ThinItalic.eot"); + src: local("GT Eesti Pro Display Thin Italic"), + local("GTEestiProDisplay-ThinItalic"), + url("GTEestiProDisplay-ThinItalic.eot?#iefix") format("embedded-opentype"), + url("GTEestiProDisplay-ThinItalic.woff2") format("woff2"), + url("GTEestiProDisplay-ThinItalic.woff") format("woff"), + url("GTEestiProDisplay-ThinItalic.ttf") format("truetype"); + font-weight: 100; + font-style: italic; +} + +@font-face { + font-family: "Circle"; + src: url("BasierCircle-Regular.woff2") format("woff2"), + url("BasierCircle-Regular.woff") format("woff"), + url("BasierCircle-Regular.ttf") format("truetype"); + font-weight: 100; + font-style: italic; +} + +@font-face { + font-family: "Muller"; + src: local("Muller Bold"), local("Muller-Bold"), + url("MullerBold.woff2") format("woff2"), + url("MullerBold.woff") format("woff"), + url("MullerBold.ttf") format("truetype"); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: "Muller"; + src: local("Muller Regular"), local("Muller-Regular"), + url("MullerRegular.woff2") format("woff2"), + url("MullerRegular.woff") format("woff"), + url("MullerRegular.ttf") format("truetype"); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: "Muller"; + src: local("Muller Light"), local("Muller-Light"), + url("MullerLight.woff2") format("woff2"), + url("MullerLight.woff") format("woff"), + url("MullerLight.ttf") format("truetype"); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: "CeraPro"; + src: url("CeraPro-Bold.woff2") format("woff2"), + url("CeraPro-Bold.woff") format("woff"), + url("CeraPro-Bold.ttf") format("truetype"); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: "LabGrotesque"; + src: url("LabGrotesque-Regular.eot"); + src: local("LabGrotesque-Regular"), local("LabGrotesque-Regular"), + url("LabGrotesque-Regular.eot?#iefix") format("embedded-opentype"), + url("LabGrotesque-Regular.woff2") format("woff2"), + url("LabGrotesque-Regular.woff") format("woff"), + url("LabGrotesque-Regular.ttf") format("truetype"); + font-weight: 400; +} + +@font-face { + font-family: "LabGrotesque"; + src: url("LabGrotesque-Medium.eot"); + src: local("LabGrotesque-Medium"), local("LabGrotesque-Medium"), + url("LabGrotesque-Medium.eot?#iefix") format("embedded-opentype"), + url("LabGrotesque-Medium.woff2") format("woff2"), + url("LabGrotesque-Medium.woff") format("woff"), + url("LabGrotesque-Medium.ttf") format("truetype"); + font-weight: 500; +} + +@font-face { + font-family: "LabGrotesque"; + src: url("LabGrotesque-Bold.eot"); + src: local("LabGrotesque-Bold"), local("LabGrotesque-Bold"), + url("LabGrotesque-Bold.eot?#iefix") format("embedded-opentype"), + url("LabGrotesque-Bold.woff2") format("woff2"), + url("LabGrotesque-Bold.woff") format("woff"), + url("LabGrotesque-Bold.ttf") format("truetype"); + font-weight: 700; +} + +@font-face { + font-family: "LabGrotesque"; + src: url("LabGrotesque-Light.eot"); + src: local("LabGrotesque-Light"), local("LabGrotesque-Light"), + url("LabGrotesque-Light.eot?#iefix") format("embedded-opentype"), + url("LabGrotesque-Light.woff2") format("woff2"), + url("LabGrotesque-Light.woff") format("woff"), + url("LabGrotesque-Light.ttf") format("truetype"); + font-weight: 300; +} + +@font-face { + font-family: "Geraspoheko"; + src: url("GeraspohekoRegular.eot"); + src: local("Geraspoheko"), local("GeraspohekoRegular"), + url("GeraspohekoRegular.eot?#iefix") format("embedded-opentype"), + url("GeraspohekoRegular.woff2") format("woff2"), + url("GeraspohekoRegular.woff") format("woff"), + url("GeraspohekoRegular.ttf") format("truetype"); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Geraspoheko"; + src: url("GeraspohekoRegular.eot"); + src: local("Geraspoheko"), local("GeraspohekoRegular"), + url("GeraspohekoRegular.eot?#iefix") format("embedded-opentype"), + url("GeraspohekoRegular.woff2") format("woff2"), + url("GeraspohekoRegular.woff") format("woff"), + url("GeraspohekoRegular.ttf") format("truetype"); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Bebas Neue"; + src: url("BebasNeueThin.woff2") format("woff2"); + font-weight: 100; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Bebas Neue"; + src: url("BebasNeueLight.woff2") format("woff2"); + font-weight: 200; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Bebas Neue"; + src: url("BebasNeueBook.woff2") format("woff2"); + font-weight: 300; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Bebas Neue"; + src: url("BebasNeueRegular.woff2") format("woff2"); + font-weight: 400; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Bebas Neue"; + src: url("BebasNeueBold.woff2") format("woff2"); + font-weight: 700; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Soyuz Grotesk"; + src: url("SoyuzGroteskBold.woff2") format("woff2"); + font-weight: 700; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: "Highliner"; + src: url("Highliner-Regular.woff2") format("woff2"); + font-weight: 400; + font-style: normal; + font-display: swap; +} diff --git a/src/assets/global.scss b/src/assets/global.scss new file mode 100644 index 0000000..1e2d3e0 --- /dev/null +++ b/src/assets/global.scss @@ -0,0 +1,25 @@ +a:hover { + text-decoration: none !important; +} +.main-title { + font-weight: 700; + font-size: 22px; + line-height: 145%; + color: #000000; + word-break: break-word; + span { + color: #52b709; + } +} +.btn-green { + background: #52b709; + border-radius: 44px; + width: 100%; + border: none; + font-weight: 400; + line-height: 178%; + color: #ffffff; + display: flex; + align-items: center; + justify-content: center; +} diff --git a/src/assets/images/landingClub/arrowButton.svg b/src/assets/images/landingClub/arrowButton.svg new file mode 100644 index 0000000..597f96b --- /dev/null +++ b/src/assets/images/landingClub/arrowButton.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/landingClub/arrowEvent.svg b/src/assets/images/landingClub/arrowEvent.svg new file mode 100644 index 0000000..57c0c17 --- /dev/null +++ b/src/assets/images/landingClub/arrowEvent.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/landingClub/arrowItem.svg b/src/assets/images/landingClub/arrowItem.svg new file mode 100644 index 0000000..c1fd290 --- /dev/null +++ b/src/assets/images/landingClub/arrowItem.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/landingClub/arrowMission.svg b/src/assets/images/landingClub/arrowMission.svg new file mode 100644 index 0000000..286f525 --- /dev/null +++ b/src/assets/images/landingClub/arrowMission.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/landingClub/arrowSlider.svg b/src/assets/images/landingClub/arrowSlider.svg new file mode 100644 index 0000000..136c6f4 --- /dev/null +++ b/src/assets/images/landingClub/arrowSlider.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/landingClub/bg1.webp b/src/assets/images/landingClub/bg1.webp new file mode 100644 index 0000000..2db7518 Binary files /dev/null and b/src/assets/images/landingClub/bg1.webp differ diff --git a/src/assets/images/landingClub/bg2.webp b/src/assets/images/landingClub/bg2.webp new file mode 100644 index 0000000..8359135 Binary files /dev/null and b/src/assets/images/landingClub/bg2.webp differ diff --git a/src/assets/images/landingClub/bg3-mobile.webp b/src/assets/images/landingClub/bg3-mobile.webp new file mode 100644 index 0000000..5cb5d85 Binary files /dev/null and b/src/assets/images/landingClub/bg3-mobile.webp differ diff --git a/src/assets/images/landingClub/bg3.webp b/src/assets/images/landingClub/bg3.webp new file mode 100644 index 0000000..9c2a863 Binary files /dev/null and b/src/assets/images/landingClub/bg3.webp differ diff --git a/src/assets/images/landingClub/bg4-mobile.webp b/src/assets/images/landingClub/bg4-mobile.webp new file mode 100644 index 0000000..b66f320 Binary files /dev/null and b/src/assets/images/landingClub/bg4-mobile.webp differ diff --git a/src/assets/images/landingClub/bg4.webp b/src/assets/images/landingClub/bg4.webp new file mode 100644 index 0000000..f86b924 Binary files /dev/null and b/src/assets/images/landingClub/bg4.webp differ diff --git a/src/assets/images/landingClub/bg5-mobile.webp b/src/assets/images/landingClub/bg5-mobile.webp new file mode 100644 index 0000000..677d3e7 Binary files /dev/null and b/src/assets/images/landingClub/bg5-mobile.webp differ diff --git a/src/assets/images/landingClub/bg5.webp b/src/assets/images/landingClub/bg5.webp new file mode 100644 index 0000000..370789c Binary files /dev/null and b/src/assets/images/landingClub/bg5.webp differ diff --git a/src/assets/images/landingClub/bgBlack.webp b/src/assets/images/landingClub/bgBlack.webp new file mode 100644 index 0000000..3b9fe13 Binary files /dev/null and b/src/assets/images/landingClub/bgBlack.webp differ diff --git a/src/assets/images/landingClub/bgOrange.webp b/src/assets/images/landingClub/bgOrange.webp new file mode 100644 index 0000000..48dea58 Binary files /dev/null and b/src/assets/images/landingClub/bgOrange.webp differ diff --git a/src/assets/images/landingClub/bgWhite.webp b/src/assets/images/landingClub/bgWhite.webp new file mode 100644 index 0000000..9baf490 Binary files /dev/null and b/src/assets/images/landingClub/bgWhite.webp differ diff --git a/src/assets/images/landingClub/bgYellow.webp b/src/assets/images/landingClub/bgYellow.webp new file mode 100644 index 0000000..04cdb3b Binary files /dev/null and b/src/assets/images/landingClub/bgYellow.webp differ diff --git a/src/assets/images/landingClub/blackWhiteCube.webp b/src/assets/images/landingClub/blackWhiteCube.webp new file mode 100644 index 0000000..9c8f89d Binary files /dev/null and b/src/assets/images/landingClub/blackWhiteCube.webp differ diff --git a/src/assets/images/landingClub/blackYellowCube.webp b/src/assets/images/landingClub/blackYellowCube.webp new file mode 100644 index 0000000..4a14b45 Binary files /dev/null and b/src/assets/images/landingClub/blackYellowCube.webp differ diff --git a/src/assets/images/landingClub/elementBg2.webp b/src/assets/images/landingClub/elementBg2.webp new file mode 100644 index 0000000..560b7a4 Binary files /dev/null and b/src/assets/images/landingClub/elementBg2.webp differ diff --git a/src/assets/images/landingClub/elementBg3.webp b/src/assets/images/landingClub/elementBg3.webp new file mode 100644 index 0000000..905d3ea Binary files /dev/null and b/src/assets/images/landingClub/elementBg3.webp differ diff --git a/src/assets/images/landingClub/event-mobile.png b/src/assets/images/landingClub/event-mobile.png new file mode 100644 index 0000000..2820daf Binary files /dev/null and b/src/assets/images/landingClub/event-mobile.png differ diff --git a/src/assets/images/landingClub/event.png b/src/assets/images/landingClub/event.png new file mode 100644 index 0000000..f12261f Binary files /dev/null and b/src/assets/images/landingClub/event.png differ diff --git a/src/assets/images/landingClub/headerCube.webp b/src/assets/images/landingClub/headerCube.webp new file mode 100644 index 0000000..cb39577 Binary files /dev/null and b/src/assets/images/landingClub/headerCube.webp differ diff --git a/src/assets/images/landingClub/headerLogoClub.svg b/src/assets/images/landingClub/headerLogoClub.svg new file mode 100644 index 0000000..a593eae --- /dev/null +++ b/src/assets/images/landingClub/headerLogoClub.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/assets/images/landingClub/headerLogoClub2.svg b/src/assets/images/landingClub/headerLogoClub2.svg new file mode 100644 index 0000000..654f4a9 --- /dev/null +++ b/src/assets/images/landingClub/headerLogoClub2.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/landingClub/headerText.svg b/src/assets/images/landingClub/headerText.svg new file mode 100644 index 0000000..1eefc89 --- /dev/null +++ b/src/assets/images/landingClub/headerText.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/assets/images/landingClub/human.png b/src/assets/images/landingClub/human.png new file mode 100644 index 0000000..38c3414 Binary files /dev/null and b/src/assets/images/landingClub/human.png differ diff --git a/src/assets/images/landingClub/humanShadow.png b/src/assets/images/landingClub/humanShadow.png new file mode 100644 index 0000000..b51da39 Binary files /dev/null and b/src/assets/images/landingClub/humanShadow.png differ diff --git a/src/assets/images/landingClub/iconCalendar.svg b/src/assets/images/landingClub/iconCalendar.svg new file mode 100644 index 0000000..78b93aa --- /dev/null +++ b/src/assets/images/landingClub/iconCalendar.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/landingClub/iconPosition.svg b/src/assets/images/landingClub/iconPosition.svg new file mode 100644 index 0000000..df6c05d --- /dev/null +++ b/src/assets/images/landingClub/iconPosition.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/landingClub/iconTg.svg b/src/assets/images/landingClub/iconTg.svg new file mode 100644 index 0000000..12745d3 --- /dev/null +++ b/src/assets/images/landingClub/iconTg.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/landingClub/iconVk.svg b/src/assets/images/landingClub/iconVk.svg new file mode 100644 index 0000000..084c544 --- /dev/null +++ b/src/assets/images/landingClub/iconVk.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/landingClub/menu.svg b/src/assets/images/landingClub/menu.svg new file mode 100644 index 0000000..b1970ac --- /dev/null +++ b/src/assets/images/landingClub/menu.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/images/landingClub/news.png b/src/assets/images/landingClub/news.png new file mode 100644 index 0000000..302ee54 Binary files /dev/null and b/src/assets/images/landingClub/news.png differ diff --git a/src/assets/images/landingClub/orangeBlackCube.webp b/src/assets/images/landingClub/orangeBlackCube.webp new file mode 100644 index 0000000..4e8ed96 Binary files /dev/null and b/src/assets/images/landingClub/orangeBlackCube.webp differ diff --git a/src/assets/images/landingClub/questionMark.webp b/src/assets/images/landingClub/questionMark.webp new file mode 100644 index 0000000..ffd0f50 Binary files /dev/null and b/src/assets/images/landingClub/questionMark.webp differ diff --git a/src/assets/images/landingClub/slider.png b/src/assets/images/landingClub/slider.png new file mode 100644 index 0000000..98e8549 Binary files /dev/null and b/src/assets/images/landingClub/slider.png differ diff --git a/src/assets/images/landingClub/slider2.png b/src/assets/images/landingClub/slider2.png new file mode 100644 index 0000000..677fde7 Binary files /dev/null and b/src/assets/images/landingClub/slider2.png differ diff --git a/src/index.css b/src/index.css index ec2585e..3c116db 100644 --- a/src/index.css +++ b/src/index.css @@ -1,13 +1,33 @@ +html { + font-size: 62.5%; +} + body { margin: 0; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', - sans-serif; + padding: 0; + box-sizing: border-box; + font-family: "LabGrotesque", sans-serif !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } code { - font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', + font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace; } + +.container { + position: relative !important; +} + +p { + margin-bottom: 0; +} + +@media (max-width: 568px) { + .col-xs-12 { + width: 100% !important; + max-width: 100%; + flex: initial; + } +} diff --git a/src/index.js b/src/index.js index d563c0f..889300b 100644 --- a/src/index.js +++ b/src/index.js @@ -1,14 +1,14 @@ -import React from 'react'; -import ReactDOM from 'react-dom/client'; -import './index.css'; -import App from './App'; -import reportWebVitals from './reportWebVitals'; +import React from "react"; +import ReactDOM from "react-dom/client"; +import App from "./App"; +import reportWebVitals from "./reportWebVitals"; +import "./index.css"; -const root = ReactDOM.createRoot(document.getElementById('root')); +const root = ReactDOM.createRoot(document.getElementById("root")); root.render( - - - + + + ); // If you want to start measuring performance in your app, pass a function diff --git a/src/logo.svg b/src/logo.svg deleted file mode 100644 index 9dfc1c0..0000000 --- a/src/logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/pages/LandingClub/LandingClub.jsx b/src/pages/LandingClub/LandingClub.jsx new file mode 100644 index 0000000..c5be3ad --- /dev/null +++ b/src/pages/LandingClub/LandingClub.jsx @@ -0,0 +1,591 @@ +import React, { useCallback, useRef, useState } from "react"; +import SVG from "react-inlinesvg"; +import { Link } from "react-router-dom"; +import { Navigation } from "swiper/modules"; +import { Swiper, SwiperSlide } from "swiper/react"; + +import headerCube from "assets/images/landingClub/headerCube.webp"; +import arrowButton from "assets/images/landingClub/arrowButton.svg"; +import arrowEvent from "assets/images/landingClub/arrowEvent.svg"; +import arrowItem from "assets/images/landingClub/arrowItem.svg"; +import arrowMission from "assets/images/landingClub/arrowMission.svg"; +import arrowSlider from "assets/images/landingClub/arrowSlider.svg"; +import bgBlack from "assets/images/landingClub/bgBlack.webp"; +import bgOrange from "assets/images/landingClub/bgOrange.webp"; +import bgWhite from "assets/images/landingClub/bgWhite.webp"; +import bgYellow from "assets/images/landingClub/bgYellow.webp"; +import blackWhiteCube from "assets/images/landingClub/blackWhiteCube.webp"; +import blackYellowCube from "assets/images/landingClub/blackYellowCube.webp"; +import elementBg2 from "assets/images/landingClub/elementBg2.webp"; +import event from "assets/images/landingClub/event.png"; +import headerLogo2 from "assets/images/landingClub/headerLogoClub2.svg"; +import headerLogo1 from "assets/images/landingClub/headerLogoClub.svg"; +import headerText from "assets/images/landingClub/headerText.svg"; +import human from "assets/images/landingClub/human.png"; +import humanShadow from "assets/images/landingClub/humanShadow.png"; +import iconCalendar from "assets/images/landingClub/iconCalendar.svg"; +import iconPosition from "assets/images/landingClub/iconPosition.svg"; +import iconTg from "assets/images/landingClub/iconTg.svg"; +import iconVk from "assets/images/landingClub/iconVk.svg"; +import menu from "assets/images/landingClub/menu.svg"; +import newsImg from "assets/images/landingClub/news.png"; +import orangeBlackCube from "assets/images/landingClub/orangeBlackCube.webp"; +import questionMark from "assets/images/landingClub/questionMark.webp"; +import slider2 from "assets/images/landingClub/slider2.png"; +import slider from "assets/images/landingClub/slider.png"; + +import "./landingClub.scss"; + +export const LandingClub = () => { + const [activeMenu, setActiveMenu] = useState(false); + const sliderRef1 = useRef(null); + const sliderRef2 = useRef(null); + + const handleMenu = () => { + setActiveMenu((prevState) => !prevState); + }; + + const handlePrev = useCallback((ref) => { + if (!ref.current) return; + ref.current.swiper.slidePrev(); + }, []); + + const handleNext = useCallback((ref) => { + if (!ref.current) return; + ref.current.swiper.slideNext(); + }, []); + + const subjects = [ + "сообщество единомышленников", + "наставничество", + "поддержка молодых предпринимателей", + "советы бывалых", + "государственная поддержка", + "развитие бизнеса в регионе", + "партнерство", + "бизнес встречи", + ]; + + const missionSubjects = [ + "необходимые
мероприятия", + "нетворкинг и новые
знакомства", + "информационную
поддержку", + "консультации опытных
предпринимателей и наставников", + "возможность получить финансирование
в собственные бизнес-проекты", + ]; + + const members = [ + { + name: "Кирилл Бойко", + position: "Донецк", + avatar: slider, + content: "Основатель и глава всего что можно придумать! Бог основания и создания! Великий всея кода и управления тупых и не очень людей! Владыка терпения и мудрости!", + id: 11, + }, + { + name: "Виктор Батищев", + position: "Донецк", + avatar: slider2, + content: "Великий ответственности и креативности! Наблюдатель за стадом неразумным. Альтруистический деятель! Активатор и мотиватор великих процессов!", + id: 12, + }, + { + name: "Кирилл Бойко", + position: "Донецк", + avatar: slider, + content: "Основатель и глава всего что можно придумать! Бог основания и создания! Великий всея кода и управления тупых и не очень людей! Владыка терпения и мудрости!", + id: 13, + }, + { + name: "Виктор Батищев", + position: "Донецк", + avatar: slider2, + content: "Великий ответственности и креативности! Наблюдатель за стадом неразумным. Альтруистический деятель! Активатор и мотиватор великих процессов!", + id: 14, + }, + ]; + + const news = [ + { + title: "6 окружных мероприятий клуба", + img: newsImg, + content: + "Встречи предпринимателей с представителями региональных сетевых торговых площадок в формате круглых столов. Стратегические сессии и лекции на тему ведения предпринимательской деятельности с учётом территориальных особенностей федерального округа.

Встречи предпринимателей с представителями региональных сетевых торговых площадок в формате круглых столов Стратегические сессии и лекции на тему ведения предпринимательской деятельности с учётом", + id: 15, + }, + { + title: "6 окружных мероприятий клуба", + img: newsImg, + content: + "Встречи предпринимателей с представителями региональных сетевых торговых площадок в формате круглых столов. Стратегические сессии и лекции на тему ведения предпринимательской деятельности с учётом территориальных особенностей федерального округа.

Встречи предпринимателей с представителями региональных сетевых торговых площадок в формате круглых столов Стратегические сессии и лекции на тему ведения предпринимательской деятельности с учётом", + id: 16, + }, + { + title: "6 окружных мероприятий клуба", + img: newsImg, + content: + "Встречи предпринимателей с представителями региональных сетевых торговых площадок в формате круглых столов. Стратегические сессии и лекции на тему ведения предпринимательской деятельности с учётом территориальных особенностей федерального округа.

Встречи предпринимателей с представителями региональных сетевых торговых площадок в формате круглых столов Стратегические сессии и лекции на тему ведения предпринимательской деятельности с учётом", + id: 17, + }, + { + title: "6 окружных мероприятий клуба", + img: newsImg, + content: + "Встречи предпринимателей с представителями региональных сетевых торговых площадок в формате круглых столов. Стратегические сессии и лекции на тему ведения предпринимательской деятельности с учётом территориальных особенностей федерального округа.

Встречи предпринимателей с представителями региональных сетевых торговых площадок в формате круглых столов Стратегические сессии и лекции на тему ведения предпринимательской деятельности с учётом", + id: 18, + }, + ]; + + return ( +
+
+
+
+ +
+ + +
handleMenu()}> +
+
+
+
+
+
+
+
+ +
+ + + +
+ +
+
+ +
+ +
+
+ +
+ +

+ клуб молодых

предпринимателей

+

+

+ ДОН + + + + ЕЦК +

+
+
+ +
+
+ +
+

сообщество сильного окружения

+
+ + + +
+ +

+ клуб -
+ это: +

+ +
+

+ Сообщество предпринимателей, в котором каждый может найти бизнес-партнёров и наставников, повысить узнаваемость своей компании и развить своё дело на региональном и + федеральном уровнях

Сообщество предпринимателей, в котором каждый может найти бизнес-партнёров и наставников, повысить узнаваемость своей компании и + развить своё дело на региональном и федеральном уровнях +

+
+ {subjects.map((subject) => { + return ( + + {subject} + + ); + })} +
+
+
+
+
+ +
+ +
+
+ +
+ +
+ +
+ +
+

+ наша +
+ миссия: +

+ +
+

+ вдохновлять молодых людей делать бизнес в России, + брать ответственность за себя, за своё окружение, за свой регион и будущее страны! +

+
+
+

+ поэтому мы создали уникальную среду, +
+ где ты получишь: +

+
+
+ {missionSubjects.map((subject) => { + return ( +
+
+ +
+ +
+ ); + })} +
+ + +
+
+
+ +
+
+ +
+ +
+ +
+ донецкий +

клуб в лицах:

+
+ +
+ +
+ + {members.map((member) => ( + +
+ +
+ {member.name} + {member.position} +
+

{member.content}

+
+ +
+
+ + ))} + +
+ + Может это место для тебя? + +
+ + +
+ +
+
+
+ +
+
+
+ +
+ +
+ Спеши посетить +

+ Мероприятия
в Донецке +

+
+ +
+
+

+ 16.08
+ Завтра +

+
+ +
+ Гульки гуляльные + Донецк +
+

+ мероприятие бла бла бла бла бла мероприятие бла бла бла бла бла мероприятие бла бла бла бла бла мероприятие бла бла бла бла бла мероприятие бла бла бла бла бла + мероприятие бла бламероприятие бла +

+
+ +
+
+
+
+

+ Август +
+ месяц +

+
+
+ +
+
+ + + 17.08.2024 + + + + Рамада + +
+
6 окружных мероприятий клуба
+

+
+ Встречи предпринимателей с представителями региональных сетевых торговых площадок в формате круглых... +

+
+
+
+ +
+
+ + + 17.08.2024 + + + + Рамада + +
+
6 окружных мероприятий клуба
+

+
+ Встречи предпринимателей с представителями региональных сетевых торговых площадок в формате круглых... +

+
+
+
+ +
+
+ + + 17.08.2024 + + + + Рамада + +
+
6 окружных мероприятий клуба
+

+
+ Встречи предпринимателей с представителями региональных сетевых торговых площадок в формате круглых... +

+
+
+
+
+
+

+ Чтобы быть в курсе всех мероприятий клуба +

+ +
+
+ +
+ +
+
+ +
+
+ интересно посмотреть +

новости клуба

+
+ +
+ +
+ + {news.map((news) => ( + +
+ +
{news.title}
+

+
+ + ))} + +
+ +
+

Донецк город герой

+
+
+ +
+
+
+ +
+
+ +
+
+ +
+ + +
+
+
+ мероприятия + новости клуба + контакты + о клубе + ценности + клуб в лицах +
+
+ + Подпишись. чтобы быть +
в курсе новостей + +
+ +
+ +
+ + +
+ +
+ +
+ + Политика конфиденциальности + + + Согласие на обработку данных + +
+
+
+
+ ); +}; diff --git a/src/pages/LandingClub/landingClub.scss b/src/pages/LandingClub/landingClub.scss new file mode 100644 index 0000000..cbcc512 --- /dev/null +++ b/src/pages/LandingClub/landingClub.scss @@ -0,0 +1,2049 @@ +.club { + font-family: "GT Eesti Pro Text"; + + &-mobile-menu { + display: none; + + @media (max-width: 431px) { + display: block; + } + + .menu { + &-container { + position: absolute; + z-index: 2; + width: 100%; + display: flex; + flex-direction: column; + } + + &__img { + position: relative; + top: -277px; + transition: top 0.5s ease; + + svg { + width: 100%; + height: auto; + } + } + + &-nav { + position: absolute; + top: 38px; + left: 55px; + display: flex; + flex-direction: column; + align-items: flex-start; + row-gap: 15px; + font-size: 22px; + font-weight: 400; + line-height: 25.52px; + letter-spacing: 0.05em; + opacity: 0; + transition: opacity 0s ease-in; + + a { + color: #727272; + text-decoration: none; + + &:hover { + color: #000000; + } + } + } + + &-burger { + width: 17px; + position: relative; + top: -340px; + left: 50%; + transform: translateX(-50%); + transition: top 0.5s ease; + + &__line { + margin-bottom: 2px; + width: 14px; + height: 2px; + border-radius: 46px; + background-color: #ffffff; + } + } + } + } + + &-mobile-menu-active { + .menu { + &__img { + top: 0; + + svg { + fill: #edededd4; + } + } + + &-nav { + opacity: 1; + transition: opacity 0.5s ease-out; + } + + &-burger { + position: relative; + top: -62px; + } + } + } + + &__button { + text-transform: uppercase; + background: linear-gradient(332deg, #dc5a0e 10%, #ff940c 30%, #ff5500 50%, #ff8400 70%, #ff511d 90%) padding-box, linear-gradient(262.84deg, #ff9370 22.62%, #9d300d 74.23%) border-box; + border: 1px solid transparent; + border-radius: 94px; + width: 471px; + height: 82px; + color: #ffffff; + font-size: 24px; + font-weight: 700; + line-height: 20.64px; + text-align: center; + display: flex; + align-items: center; + flex-direction: row; + justify-content: center; + position: relative; + transition: background 0.5s ease-in-out; + background-size: 200% 200%; + + @media (max-width: 431px) { + width: 345px; + height: 60px; + font-size: 22px; + line-height: 18.92px; + } + + div { + position: absolute; + left: 83%; + width: 58px; + height: 58px; + border-radius: 50%; + background-color: #ffffff; + box-shadow: -4px 8px 10px 0px rgba(176, 45, 3, 1); + display: flex; + align-items: center; + justify-content: center; + + @media (max-width: 431px) { + width: 42.34px; + height: 42.34px; + + img { + width: 18.62px; + } + } + + &::before, + &::after { + content: ""; + position: absolute; + width: 0; + height: 1.3px; + border-radius: 2px; + background-color: #000000; + transition: width 0.5s ease, transform 0.3s ease; + transform-origin: left center; + } + // Левая часть галочки + &::before { + top: 52%; + left: 26%; + transform: rotate(45deg); + + @media (max-width: 431px) { + top: 50%; + left: 27%; + } + } + + // Правая часть галочки + &::after { + top: 67%; + left: 43%; + transform: rotate(-45deg); + transition-delay: 0.3s; + } + } + + &:hover { + animation: gradientShift 13s infinite; + + @keyframes gradientShift { + 0% { + background-position: 0% 0%, 0% 0%; /* Слева сверху */ + } + 50% { + background-position: 100% 100%, 0% 100%; /* Вниз вправо */ + } + 70% { + background-position: 100% 0%, 100% 100%; /* Вверх вправо */ + } + 85% { + background-position: 0% 100%, 100% 0%; /* Вверх влево */ + } + 100% { + background-position: 0% 0%, 0% 0%; /* Возвращаемся в начальную точку */ + } + } + + div { + img { + display: none; + } + + &::before { + width: 14px; + + @media (max-width: 431px) { + width: 10px; + } + } + + &::after { + width: 27px; + + @media (max-width: 431px) { + width: 22px; + } + } + } + } + &:not(:hover) { + div { + &::before, + &::after { + transition: none; + } + } + } + } + + &-header { + background-color: #eeeeee; + padding: 32px 0; + width: 100%; + display: flex; + justify-content: center; + + @media (max-width: 960px) { + padding: 75px 0 59px 0; + } + + .header { + &-container { + position: relative; + + @media (max-width: 960px) { + width: 100%; + display: flex; + justify-content: center; + z-index: 1; + } + } + + &-cube { + position: absolute; + top: -32px; + left: -300px; + + @media (max-width: 960px) { + top: -165px; + left: auto; + rotate: 25deg; + } + } + + &__logo { + display: flex; + flex-direction: row; + column-gap: 24px; + + @media (max-width: 960px) { + width: 100%; + flex-direction: row-reverse; + justify-content: space-around; + img { + &:nth-child(1) { + width: 129px; + } + &:nth-child(2) { + display: none; + } + &:nth-child(3) { + width: 149px; + } + } + } + } + + &-nav { + display: flex; + flex-direction: row; + column-gap: 55px; + background-color: #fbfbfb; + border: 1px solid #ffffff; + margin-top: 40px; + font-size: 17px; + font-weight: 400; + line-height: 19.72px; + letter-spacing: 0.05em; + border-radius: 49px; + padding: 6px 39px; + + @media (max-width: 960px) { + display: none; + } + + a { + color: #727272; + text-decoration: none; + + &:hover { + color: #242424; + } + } + } + } + } + + &-title { + width: 100%; + display: flex; + background-color: #eeeeee; + padding-top: 46px; + justify-content: center; + + .title { + &-container { + position: relative; + + @media (max-width: 431px) { + position: static; + } + } + + &-bg { + &--top { + position: absolute; + top: 0; + left: -43%; + + @media (max-width: 431px) { + width: 233px; + position: absolute; + top: 86px; + right: 0; + left: auto; + overflow: hidden; + } + img { + @media (max-width: 431px) { + width: 370px; + } + } + } + &--bottom { + position: absolute; + bottom: -70px; + right: 0; + + @media (max-width: 431px) { + display: none; + } + } + } + + &__name { + max-width: 930px; + color: #333333; + font-family: "Soyuz Grotesk"; + font-size: 139px; + font-weight: 700; + line-height: 133.86px; + position: relative; + text-align: right; + + @media (max-width: 431px) { + font-size: 85px; + max-width: 393px; + text-align: right; + line-height: normal; + padding-top: 40px; + } + + span { + color: #ced741; + left: 0; + top: -40px; + position: absolute; + + @media (max-width: 431px) { + font-size: 119px; + top: -77px; + } + } + + p { + font-size: 98px; + line-height: 94.37px; + + @media (max-width: 431px) { + font-size: 44px; + line-height: normal; + max-width: 393px; + } + } + } + + &__header { + font-family: "Highliner"; + font-size: 924px; + font-weight: 400; + line-height: 794.64px; + color: #ffffff; + position: relative; + margin-top: -160px; + + @media (max-width: 431px) { + font-size: 393px; + line-height: normal; + margin-top: 32px; + } + + span { + position: relative; + z-index: 2; + } + + .header { + &__human { + position: absolute; + z-index: 1; + left: 30%; + bottom: 5%; + + @media (max-width: 431px) { + width: 321px; + left: 13%; + bottom: 28%; + } + + &-shadow { + position: absolute; + left: 52.5%; + bottom: 0%; + + @media (max-width: 431px) { + display: none; + } + } + + &-cube { + position: absolute; + z-index: 1; + right: 5%; + top: 15.6%; + width: 190px; + + @media (max-width: 431px) { + width: 112px; + top: -3%; + } + } + } + } + } + } + } + + &-description { + .description { + &-bg { + position: absolute; + left: 10%; + top: 13%; + + @media (max-width: 431px) { + width: 420px; + left: 0; + top: 10%; + z-index: -1; + } + } + + &-container { + background-image: url("../../assets/images/landingClub/bg1.webp"); + background-repeat: no-repeat; + background-size: cover; + height: 1200px; + position: relative; + z-index: 1; + margin-top: -230px; + padding-top: 140px; + display: flex; + flex-direction: column; + align-items: center; + + @media (max-width: 431px) { + background-position-x: 25%; + height: 1787px; + margin-top: -173px; + padding-top: 90px; + } + } + + &-subtitle { + color: #ededed; + font-family: "Soyuz Grotesk"; + font-size: 44px; + font-weight: 700; + line-height: 59.84px; + position: relative; + left: 80px; + margin-bottom: 46px; + + @media (max-width: 431px) { + line-height: 40.48px; + position: static; + width: 100%; + display: flex; + flex-direction: column; + align-items: flex-end; + margin-bottom: 30px; + + p { + max-width: 281px; + } + } + } + + &-content { + margin-top: 78px; + display: flex; + justify-content: center; + column-gap: 49px; + position: relative; + + @media (max-width: 431px) { + margin-top: 55px; + flex-direction: column; + align-items: center; + } + + &__cube { + position: absolute; + left: -170px; + bottom: -95px; + + @media (max-width: 431px) { + display: none; + } + } + + &__title { + font-family: "Soyuz Grotesk"; + font-size: 139px; + font-weight: 700; + line-height: 133.86px; + color: #ffffff; + text-align: right; + position: relative; + top: -35px; + + @media (max-width: 431px) { + font-size: 136px; + line-height: 130.97px; + } + + span { + color: #ced741; + + @media (max-width: 431px) { + font-size: 101px; + } + } + } + + &__text { + font-size: 19px; + font-weight: 400; + line-height: 22.04px; + color: #ffffff; + + @media (max-width: 431px) { + font-size: 23px; + line-height: 31.08px; + display: flex; + flex-direction: column; + align-items: center; + } + + p { + max-width: 473px; + + @media (max-width: 431px) { + max-width: 361px; + text-align: center; + } + } + } + + &__subjects { + max-width: 550px; + display: flex; + flex-wrap: wrap; + gap: 15px; + margin-top: 48px; + + @media (max-width: 431px) { + margin-top: 61px; + padding-left: 21px; + } + + .subject { + font-size: 17px; + font-weight: 400; + text-align: center; + color: #787878; + padding: 4.5px 15.5px; + background-color: #fbfbfb; + border: 1px solid #ffffff; + border-radius: 49px; + + @media (max-width: 431px) { + font-size: 19px; + padding: 3px 20px; + } + } + } + } + } + } + + &-mission { + position: relative; + .mission { + &-bg-element { + position: absolute; + left: 20%; + top: -170px; + z-index: 1; + + @media (max-width: 431px) { + height: 243px; + + left: -26px; + top: -161px; + } + } + + &-bg { + position: absolute; + right: 0; + top: 60px; + z-index: 1; + width: 573px; + overflow: hidden; + + @media (max-width: 431px) { + top: auto; + right: auto; + bottom: 13%; + width: 100%; + z-index: -1; + display: flex; + justify-content: center; + + img { + width: 511px; + } + } + } + + &-mobile-cube { + display: none; + width: 106px; + overflow: hidden; + + @media (max-width: 431px) { + display: block; + position: absolute; + right: 0; + top: -182px; + z-index: 2; + } + + img { + width: 231.51px; + } + } + + &-cube { + position: absolute; + right: 20%; + top: -120px; + z-index: 2; + + @media (max-width: 431px) { + display: none; + } + } + + &-container { + background-image: url("../../assets/images/landingClub/bg2.webp"); + background-repeat: no-repeat; + background-size: cover; + height: 1500px; + position: relative; + z-index: 1; + margin-top: -300px; + padding-top: 230px; + display: flex; + flex-direction: column; + align-items: center; + + @media (max-width: 431px) { + margin-top: -69px; + background-position-x: 72%; + padding-top: 75px; + height: 2365px; + } + } + + &-header { + display: flex; + justify-content: center; + column-gap: 49px; + position: relative; + + @media (max-width: 431px) { + flex-direction: column; + align-items: center; + } + + &__title { + font-family: "Soyuz Grotesk"; + font-size: 133px; + font-weight: 700; + line-height: 118.07px; + color: #e94e1c; + position: relative; + top: -145px; + + @media (max-width: 431px) { + font-size: 127px; + line-height: 112.74px; + position: static; + + span { + font-size: 101px; + line-height: 89.66px; + } + } + } + + &__text { + font-size: 27px; + font-weight: 300; + line-height: 37.65px; + color: #1e1e1e; + max-width: 418px; + margin-bottom: 71px; + + @media (max-width: 431px) { + text-align: center; + margin: 70px 0; + + span { + font-weight: 700; + } + } + } + } + + &__subtitle { + font-family: "Soyuz Grotesk"; + font-size: 44px; + font-weight: 700; + line-height: 59.84px; + text-align: center; + color: #333333; + + @media (max-width: 431px) { + font-size: 34px; + font-weight: 700; + line-height: 46.24px; + } + + span { + color: #e94e1c; + } + } + + &-content { + width: 911px; + height: 324px; + background: linear-gradient(139.77deg, rgba(255, 255, 255, 0.5) 17.22%, rgba(239, 239, 239, 0.5) 79.03%); + border: 0.8px solid #ffffff; + border-radius: 20px; + box-shadow: 14px 18px 29.9px 0px #0000000f; + margin-top: 43px; + padding: 58px 38px 0 51px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-between; + + @media (max-width: 431px) { + width: 392px; + height: auto; + padding: 47px 32px 64px 32px; + gap: 66px; + } + + &__subjects { + display: flex; + flex-wrap: wrap; + column-gap: 80px; + row-gap: 45px; + + @media (max-width: 431px) { + row-gap: 54px; + } + + .subject { + display: flex; + column-gap: 20px; + align-items: center; + + &__img { + width: 45.15px; + height: 45.15px; + border-radius: 50%; + background: #ffffff; + display: flex; + justify-content: center; + align-items: center; + box-shadow: -4px 9px 10px 0px rgba(0, 0, 0, 0.1); + + @media (max-width: 431px) { + width: 62.83px; + height: 62.83px; + } + } + + &__text { + font-size: 18px; + font-weight: 350; + line-height: 20.88px; + color: #333333; + + @media (max-width: 431px) { + max-width: 239px; + + font-size: 27px; + font-weight: 350; + line-height: 31.32px; + + span { + font-weight: 700; + } + } + } + } + } + .club__button { + display: none; + @media (max-width: 431px) { + display: flex; + } + } + &__button { + text-transform: uppercase; + background: linear-gradient(332deg, #dc5a0e 10%, #ff940c 30%, #ff5500 50%, #ff8400 70%, #ff511d 90%) padding-box, + linear-gradient(262.84deg, #ff9370 22.62%, #9d300d 74.23%) border-box; + border: 1px solid transparent; + width: 367px; + height: 64px; + border-radius: 35px 35px 6px 6px; + color: #ffffff; + font-size: 17px; + font-weight: 700; + line-height: 14.62px; + text-align: center; + display: flex; + align-items: center; + flex-direction: row; + justify-content: center; + position: relative; + transition: background 0.5s ease-in-out; + background-size: 200% 200%; + + @media (max-width: 431px) { + display: none; + } + + &::after { + content: ""; + background-color: #b4b4b4; + width: 383px; + height: 74px; + position: absolute; + z-index: -1; + top: -11px; + border-radius: 35px 35px 0 0; + } + + div { + position: absolute; + left: 83%; + width: 45px; + height: 45px; + border-radius: 50%; + background-color: #ffffff; + box-shadow: -4px 8px 10px 0px rgba(176, 45, 3, 1); + display: flex; + align-items: center; + justify-content: center; + + img { + width: 17px; + } + + &::before, + &::after { + content: ""; + position: absolute; + width: 0; + height: 1.3px; + border-radius: 2px; + background-color: #000000; + transition: width 0.5s ease, transform 0.3s ease; + transform-origin: left center; + } + // Левая часть галочки + &::before { + top: 52%; + left: 26%; + transform: rotate(45deg); + } + + // Правая часть галочки + &::after { + top: 67%; + left: 43%; + transform: rotate(-45deg); + transition-delay: 0.3s; + } + } + + &:hover { + animation: gradientShift 13s infinite; + + div { + img { + display: none; + } + + &::before { + width: 12px; + } + + &::after { + width: 22px; + } + } + } + &:not(:hover) { + div { + &::before, + &::after { + transition: none; + } + } + } + } + } + } + } + + &-members { + position: relative; + .members { + &-bg { + position: absolute; + left: 0; + top: 40%; + z-index: -1; + + @media (max-width: 431px) { + width: 100%; + z-index: 0; + top: auto; + bottom: 0; + overflow: hidden; + } + } + + &-cube { + display: none; + + @media (max-width: 431px) { + width: 281px; + display: block; + position: absolute; + top: 13%; + left: 2%; + rotate: -79deg; + } + } + + &-container { + background-image: url("../../assets/images/landingClub/bg3.webp"); + background-repeat: no-repeat; + background-size: cover; + height: 1500px; + position: relative; + z-index: 1; + margin-top: -450px; + padding-top: 400px; + display: flex; + flex-direction: column; + align-items: center; + + @media (max-width: 431px) { + background-image: url("../../assets/images/landingClub/bg3-mobile.webp"); + height: 1918px; + padding-top: 522px; + margin-top: -554px; + } + } + + &-header { + position: relative; + + @media (max-width: 431px) { + align-items: end; + display: flex; + flex-direction: column; + padding: 0 25px; + } + + &__subtitle { + font-family: "Soyuz Grotesk"; + font-size: 44px; + font-weight: 700; + line-height: 59.84px; + text-align: center; + color: #ffffff; + position: relative; + bottom: -30px; + + @media (max-width: 431px) { + position: static; + margin-bottom: 50px; + } + } + + &__title { + font-family: "Soyuz Grotesk"; + font-size: 133px; + font-weight: 700; + line-height: 118.07px; + text-align: center; + color: #ced741; + + @media (max-width: 431px) { + font-size: 101px; + line-height: 89.66px; + text-align: left; + text-align-last: right; + } + } + } + + &-content { + display: flex; + align-items: center; + color: #333333; + column-gap: 37px; + margin-top: 108px; + + &__button { + width: 45.15px; + height: 45.15px; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0 0 0 4px #a7ca604f; + border: none; + box-shadow: 0px 5px 10px 1px rgba(167, 202, 96, 0.3098039216); + + @media (max-width: 431px) { + display: none; + } + + &--right { + img { + rotate: 180deg; + } + } + } + + &-slider { + width: 1000px; + display: flex; + align-items: center; + column-gap: 26px; + + @media (max-width: 431px) { + width: 400px; + } + + .swiper-wrapper { + padding-bottom: 40px; + } + + .slider { + &-item { + width: 302px; + border: 1px solid transparent; + background: linear-gradient(159.23deg, #ffffff 0%, #d9d9d9 75.83%) padding-box, linear-gradient(159.81deg, #ffffff 0%, #b3b3b3 85.61%) border-box; + border-radius: 16px; + padding: 11px 11px 70px 11px; + position: relative; + + &::after { + content: ""; + background-color: #1e1e1e; + width: 83.66px; + height: 69.03px; + position: absolute; + right: -3px; + bottom: -3px; + border-radius: 25px 0 0 0; + } + + &__img { + border: 1px solid transparent; + background: linear-gradient(159.23deg, #ffffff 0%, #ffffff 75.83%) padding-box, linear-gradient(180deg, #fcfcfc 0%, #cccccc 100%) border-box; + border-radius: 10px; + } + + &-info { + display: flex; + justify-content: space-around; + margin: 5.6px 0 20.9px 0; + } + + &__title { + font-size: 16px; + font-weight: 700; + line-height: 13.76px; + text-align: center; + padding: 10px 18px; + background-color: #ffffff; + border-radius: 284px; + } + + &__subtitle { + font-size: 16px; + font-weight: 350; + line-height: 13.76px; + text-align: center; + padding: 10px 26px; + background-color: #ffffff; + border-radius: 284px; + } + + &__text { + font-size: 16px; + font-weight: 300; + line-height: 22.08px; + text-align: left; + } + + &__arrow { + display: flex; + justify-content: center; + align-items: center; + position: absolute; + bottom: 0; + z-index: 1; + right: 0; + width: 68.66px; + height: 54.03px; + border-radius: 25px 16px 16px 16px; + border: 0.8px solid transparent; + background: linear-gradient(128.96deg, #ced741 8.97%, #a5ac2d 100.06%) padding-box, linear-gradient(127.63deg, #fff4d0 0%, #607536 99.53%) border-box; + box-shadow: 0px 6px 20px -7px #a7ca60; + } + + &--end { + width: 302px; + height: 448px; + border: 1px solid transparent; + background: linear-gradient(180deg, #ced741 0%, #a5ac2d 100%) padding-box, linear-gradient(180deg, #fcfcfc 0%, #cccccc 100%) border-box; + border-radius: 16px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + position: relative; + + &__img { + position: absolute; + top: 38px; + } + + &__title { + font-family: "Soyuz Grotesk"; + font-size: 44px; + font-weight: 700; + line-height: 47.52px; + text-align: center; + margin-bottom: 24px; + z-index: 1; + } + + &__button { + width: 245px; + height: 54px; + border: 1px solid transparent; + background: linear-gradient(128.96deg, #ffffff 8.97%, #dedede 100.06%) padding-box, linear-gradient(127.63deg, #ffffff 0%, #eeeeee 99.53%) border-box; + border-radius: 55px; + font-size: 17px; + font-weight: 700; + line-height: 14.62px; + text-align: center; + } + } + } + } + } + } + } + } + + &-event { + .event { + &-cube { + position: absolute; + right: 0; + top: 230px; + filter: blur(4px); + + @media (max-width: 431px) { + width: 201px; + overflow: hidden; + top: 110px; + + img { + width: 300px; + rotate: 85deg; + } + } + } + + &-container { + background-image: url("../../assets/images/landingClub/bg4.webp"); + background-repeat: no-repeat; + background-size: cover; + height: 1900px; + position: relative; + z-index: 1; + margin-top: -210px; + padding-top: 140px; + display: flex; + flex-direction: column; + align-items: center; + + @media (max-width: 431px) { + margin-top: -312px; + padding-top: 245px; + height: 4155px; + background-image: url("../../assets/images/landingClub/bg4-mobile.webp"); + } + } + + &-header { + &__subtitle { + font-family: "Soyuz Grotesk"; + font-size: 44px; + font-weight: 700; + line-height: 59.84px; + text-align: center; + color: #333333; + + @media (max-width: 431px) { + line-height: 44px; + text-align: left; + display: block; + max-width: 225px; + margin-bottom: 38px; + } + } + + &__title { + font-family: "Soyuz Grotesk"; + font-size: 133px; + font-weight: 700; + line-height: 118.07px; + text-align: center; + color: #e94e1c; + + @media (max-width: 431px) { + font-size: 55px; + font-weight: 700; + line-height: 48.83px; + } + } + } + + &-content { + display: flex; + column-gap: 60px; + margin-top: 60px; + color: #333333; + + @media (max-width: 431px) { + flex-direction: column; + margin-top: 0; + } + + .content { + &__title { + font-family: "Soyuz Grotesk"; + font-size: 94px; + font-weight: 700; + line-height: 127.84px; + position: relative; + top: 80px; + + span { + font-size: 44px; + line-height: 59.84px; + position: relative; + top: -81px; + } + + img { + position: relative; + top: -12px; + + @media (max-width: 431px) { + width: 36px; + height: 39px; + margin-left: 23px; + } + } + } + + &-tomorrow { + @media (max-width: 431px) { + display: flex; + flex-direction: column; + align-items: flex-start; + flex-wrap: wrap; + align-content: center; + } + + .tomorrow { + &-item { + width: 328px; + border: 1px solid transparent; + background: linear-gradient(159.23deg, #ffffff 0%, #d9d9d9 75.83%) padding-box, linear-gradient(159.81deg, #ffffff 0%, #b3b3b3 85.61%) border-box; + border-radius: 16px; + padding: 12px 12px 70px 12px; + position: relative; + + @media (max-width: 431px) { + width: 383.81px; + padding: 14px 14px 70px 14px; + } + + &::after { + content: ""; + background-color: #e0e0e0; + width: 83.66px; + height: 69.03px; + position: absolute; + right: -3px; + bottom: -3px; + border-radius: 25px 0 0 0; + } + + &__img { + border: 1px solid transparent; + background: linear-gradient(159.23deg, #ffffff 0%, #ffffff 75.83%) padding-box, linear-gradient(180deg, #fcfcfc 0%, #cccccc 100%) border-box; + border-radius: 10px; + width: 100%; + } + + &-info { + display: flex; + justify-content: space-around; + margin: 5.6px 0 20.9px 0; + + @media (max-width: 431px) { + margin: 17px 0 10px 0; + justify-content: space-between; + } + } + + &__title { + font-size: 16px; + font-weight: 700; + line-height: 13.76px; + text-align: center; + padding: 10px 18px; + background-color: #ffffff; + border-radius: 284px; + + @media (max-width: 431px) { + padding: 11px 17px; + font-size: 20px; + line-height: 17.2px; + } + } + + &__subtitle { + font-size: 16px; + font-weight: 350; + line-height: 13.76px; + text-align: center; + padding: 10px 26px; + background-color: #ffffff; + border-radius: 284px; + + @media (max-width: 431px) { + padding: 12px 33px; + font-size: 20px; + line-height: 17.2px; + } + } + + &__text { + font-size: 16px; + font-weight: 300; + line-height: 22.08px; + text-align: left; + + @media (max-width: 431px) { + max-width: 345px; + margin-left: 20px; + } + } + + &__arrow { + display: flex; + justify-content: center; + align-items: center; + position: absolute; + bottom: 0; + z-index: 1; + right: 0; + width: 68.66px; + height: 54.03px; + border-radius: 25px 16px 16px 16px; + border: 0.8px solid transparent; + background: linear-gradient(128.96deg, #fb3d00 8.97%, #ff7244 100.06%) padding-box, linear-gradient(127.63deg, #ffffff 0%, #be370b 99.53%) border-box; + box-shadow: 0px 6px 20px -6px #d54314; + } + + &--end { + width: 302px; + height: 448px; + border: 1px solid transparent; + background: linear-gradient(180deg, #ced741 0%, #a5ac2d 100%) padding-box, linear-gradient(180deg, #fcfcfc 0%, #cccccc 100%) border-box; + border-radius: 16px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + position: relative; + + &__img { + position: absolute; + top: 38px; + } + + &__title { + font-family: "Soyuz Grotesk"; + font-size: 44px; + font-weight: 700; + line-height: 47.52px; + text-align: center; + margin-bottom: 24px; + z-index: 1; + } + + &__button { + width: 245px; + height: 54px; + border: 1px solid transparent; + background: linear-gradient(128.96deg, #ffffff 8.97%, #dedede 100.06%) padding-box, linear-gradient(127.63deg, #ffffff 0%, #eeeeee 99.53%) border-box; + border-radius: 55px; + font-size: 17px; + font-weight: 700; + line-height: 14.62px; + text-align: center; + } + } + } + } + } + + &-month { + .month { + &-container { + display: flex; + flex-direction: column; + row-gap: 12px; + + @media (max-width: 431px) { + row-gap: 18px; + } + } + + &-item { + width: 580px; + background-color: #d9d9d9; + border: 1px solid #e9e9e9; + display: flex; + align-items: center; + padding: 7px 29px 7px 7px; + column-gap: 24px; + border-radius: 10px; + + @media (max-width: 431px) { + width: 384px; + padding: 10px 10px 35px 10px; + flex-direction: column; + justify-content: center; + } + + &__img { + border: 1px solid transparent; + background: linear-gradient(159.23deg, #ffffff 0%, #ffffff 75.83%) padding-box, linear-gradient(180deg, #fcfcfc 0%, #cccccc 100%) border-box; + border-radius: 10px; + width: 196px; + + @media (max-width: 431px) { + width: 344px; + } + } + + &-info { + font-size: 16px; + font-weight: 400; + line-height: 13.76px; + text-align: center; + column-gap: 16px; + display: flex; + align-items: center; + margin-bottom: 21px; + + @media (max-width: 431px) { + margin: 27px 0 30px 0; + column-gap: 39px; + padding: 0 11px; + font-size: 21px; + line-height: 18.06px; + } + } + + &__date { + display: flex; + align-items: center; + column-gap: 9px; + + @media (max-width: 431px) { + column-gap: 12px; + } + + img { + width: 15px; + height: 16px; + + @media (max-width: 431px) { + width: 27px; + height: 29px; + } + } + } + + &__position { + display: flex; + align-items: center; + column-gap: 9px; + + img { + width: 12px; + height: 16px; + + @media (max-width: 431px) { + width: 21px; + height: 29px; + } + } + } + + &__title { + font-size: 21px; + font-weight: 700; + line-height: 18.06px; + + @media (max-width: 431px) { + font-size: 27px; + line-height: 29.16px; + padding: 0 11px; + } + } + + &__text { + font-size: 16px; + font-weight: 300; + line-height: 16.32px; + + @media (max-width: 431px) { + font-size: 21px; + line-height: 26.25px; + padding: 0 11px; + } + } + } + } + } + } + } + + &-text { + font-size: 27px; + font-weight: 300; + line-height: 37.65px; + color: #1e1e1e; + margin: 48px 0 30px 0; + + @media (max-width: 431px) { + text-align: center; + + span { + font-weight: 500; + text-align: center; + } + } + } + } + } + + &-news { + position: relative; + .news { + &-bg { + position: absolute; + right: 0; + top: 48%; + z-index: -1; + + @media (max-width: 431px) { + overflow: hidden; + width: 703px; + top: 31%; + + img { + position: relative; + right: -85px; + } + } + } + + &-cube { + position: absolute; + bottom: -121px; + right: 22.3%; + width: 173px; + z-index: 2; + rotate: 265deg; + + @media (max-width: 431px) { + right: auto; + left: -17%; + } + } + + &-container { + background-image: url("../../assets/images/landingClub/bg5.webp"); + background-repeat: no-repeat; + background-size: cover; + height: 1400px; + position: relative; + z-index: 1; + margin-top: -430px; + padding-top: 460px; + display: flex; + flex-direction: column; + align-items: center; + + @media (max-width: 431px) { + margin-top: -540px; + padding-top: 500px; + height: 1862px; + background-image: url("../../assets/images/landingClub/bg5-mobile.webp"); + } + } + + &-header { + position: relative; + + @media (max-width: 431px) { + display: flex; + flex-direction: column; + align-items: center; + } + + &__subtitle { + font-family: "Soyuz Grotesk"; + font-size: 44px; + font-weight: 700; + line-height: 59.84px; + text-align: center; + color: #ededed; + position: relative; + bottom: -25px; + + @media (max-width: 431px) { + line-height: 44px; + text-align: left; + position: static; + max-width: 280px; + } + } + + &__title { + font-family: "Soyuz Grotesk"; + font-size: 133px; + font-weight: 700; + line-height: 118.07px; + text-align: center; + color: #e94e1c; + + @media (max-width: 431px) { + font-size: 81px; + line-height: 71.91px; + } + } + } + + &-content { + display: flex; + align-items: center; + color: #333333; + column-gap: 37px; + margin-top: 108px; + + @media (max-width: 431px) { + margin-top: 45px; + } + + &__button { + width: 45.15px; + height: 45.15px; + background-color: #ffffff; + border-radius: 50%; + box-shadow: 0 0 0 4px #a7ca604f; + border: none; + box-shadow: 0px 5px 10px 1px rgba(233, 78, 28, 0.31); + + @media (max-width: 431px) { + display: none; + } + + &--right { + img { + rotate: 180deg; + } + } + } + + &-slider { + display: flex; + align-items: center; + column-gap: 23px; + width: 1000px; + + @media (max-width: 431px) { + width: 430px; + } + + .slider { + &-item { + width: 496px; + border: 1px solid transparent; + background: linear-gradient(159.23deg, #ffffff 0%, #d9d9d9 75.83%) padding-box, linear-gradient(159.81deg, #ffffff 0%, #b3b3b3 85.61%) border-box; + border-radius: 16px; + padding: 12px 12px 32px 12px; + position: relative; + color: #333333; + + @media (max-width: 431px) { + width: 392px; + } + + &__img { + border: 1px solid transparent; + background: linear-gradient(159.23deg, #ffffff 0%, #ffffff 75.83%) padding-box, linear-gradient(180deg, #fcfcfc 0%, #cccccc 100%) border-box; + border-radius: 10px; + width: 100%; + } + + &__title { + font-size: 23px; + font-weight: 700; + line-height: 19.78px; + margin: 23px 0 23px 0; + + @media (max-width: 431px) { + font-size: 27px; + line-height: 27px; + } + } + + &__text { + font-size: 16px; + font-weight: 300; + line-height: 16.32px; + + @media (max-width: 431px) { + font-size: 19px; + line-height: 22.04px; + max-width: 344px; + } + } + } + } + } + } + + &__subtitle { + font-family: "Soyuz Grotesk"; + font-size: 133px; + font-weight: 700; + line-height: 118.07px; + text-align: center; + color: #e0e0e0; + position: absolute; + bottom: -36px; + + @media (max-width: 431px) { + font-size: 117px; + line-height: 103.87px; + margin: 60px 0; + position: relative; + bottom: auto; + color: #ececec; + z-index: 2; + } + } + } + } + + &-footer { + .footer { + &-bg { + position: absolute; + bottom: 0; + left: 0; + height: 145px; + overflow: hidden; + + @media (max-width: 431px) { + width: 100%; + height: auto; + bottom: auto; + top: -29%; + } + + img { + width: 703px; + + @media (max-width: 431px) { + position: relative; + width: 811px; + left: -92%; + } + } + } + + &-cube { + position: absolute; + bottom: 0; + right: 8%; + overflow: hidden; + + img { + position: relative; + bottom: -146px; + + @media (max-width: 431px) { + position: static; + } + } + + @media (max-width: 431px) { + width: 142px; + right: 0; + bottom: 41%; + } + } + + &-container { + background-color: #e0e0e0; + position: relative; + display: flex; + z-index: 1; + padding: 42px 0 42px 340px; + column-gap: 90px; + + @media (max-width: 431px) { + padding: 62px 38px 45px 49px; + flex-direction: column; + } + } + + &-logo { + display: flex; + flex-direction: column; + row-gap: 50px; + z-index: 1; + + @media (max-width: 431px) { + align-items: flex-end; + } + + img { + width: 245px; + + @media (max-width: 431px) { + width: 251px; + } + } + + &--sub { + row-gap: 12px; + display: flex; + flex-direction: column; + + img:nth-child(1) { + width: 66px; + } + + img:nth-child(2) { + width: 251px; + } + } + } + + &-nav { + display: flex; + flex-direction: column; + row-gap: 8px; + + @media (max-width: 431px) { + margin: 73px 0 51px 0; + row-gap: 26px; + } + + a { + font-size: 20px; + font-weight: 400; + line-height: 23.2px; + letter-spacing: 0.01em; + color: #333333; + text-decoration: none; + + @media (max-width: 431px) { + font-size: 25px; + line-height: 29px; + } + + &:hover { + color: #000000; + } + } + } + + &-content { + @media (max-width: 431px) { + display: flex; + flex-direction: column; + } + + span { + font-family: "Soyuz Grotesk"; + font-size: 20px; + font-weight: 700; + line-height: 20.2px; + color: #e94e1c; + + @media (max-width: 431px) { + font-size: 27px; + line-height: 27.27px; + } + } + + .content { + &__social-icons { + display: flex; + column-gap: 15px; + margin: 26px 0 18px 0; + + @media (max-width: 431px) { + margin: 31px 0 58px 0; + column-gap: 29px; + } + + .social-icon { + border: 0.8px solid #ffffff; + background: linear-gradient(139.77deg, rgba(255, 255, 255, 0.5) 17.22%, rgba(239, 239, 239, 0.5) 79.03%); + border-radius: 20px; + width: 109px; + height: 87px; + display: flex; + align-items: center; + justify-content: center; + + @media (max-width: 431px) { + width: 132.84px; + height: 106.03px; + } + } + } + + &__link { + font-size: 13px; + font-weight: 300; + line-height: 15.08px; + letter-spacing: 0.01em; + color: #333333; + margin-right: 19px; + + @media (max-width: 431px) { + font-size: 19px; + line-height: 22.04px; + margin: 0 0 5px 0; + } + } + } + } + } + } +}