commit a6ebce376c01162d59ac1172240d049674b675ba Author: Olu Amey Date: Mon Jan 16 13:09:45 2023 -0500 first commit diff --git a/.env b/.env new file mode 100644 index 0000000..31337e1 --- /dev/null +++ b/.env @@ -0,0 +1 @@ +SKIP_PREFLIGHT_CHECK=true \ No newline at end of file diff --git a/.eslintrc b/.eslintrc new file mode 100644 index 0000000..37d1ad6 --- /dev/null +++ b/.eslintrc @@ -0,0 +1,59 @@ +{ + "extends": [ + "airbnb", + "airbnb/hooks", + "eslint:recommended", + "prettier", + "plugin:jsx-a11y/recommended" + ], + "parser": "babel-eslint", + "parserOptions": { + "ecmaVersion": 8 + }, + "env": { + "browser": true, + "node": true, + "es6": true, + "jest": true + }, + "rules": { + "no-plusplus": 0, + "import/no-dynamic-require": 0, + "global-require": 0, + "no-nested-ternary": 0, + "react/self-closing-comp": 0, + "react/no-unescaped-entities": 0, + "jsx-a11y/anchor-is-valid": 0, + "react/jsx-props-no-spreading": 0, + "jsx-eslint/eslint-plugin-jsx-a11y": 0, + "jsx-a11y/no-static-element-interactions": 0, + "jsx-a11y/label-has-associated-control": 0, + "jsx-a11y/no-noninteractive-element-interactions": 0, + "react/react-in-jsx-scope": 0, + "react-hooks/rules-of-hooks": "error", + "no-console": 0, + "react/state-in-constructor": 0, + "indent": 0, + "linebreak-style": 0, + "react/prop-types": 0, + "jsx-a11y/click-events-have-key-events": 0, + "react/jsx-filename-extension": [ + 1, + { + "extensions": [".js", ".jsx"] + } + ] + // "prettier/prettier": [ + // "error", + // { + // "trailingComma": "es5", + // "singleQuote": true, + // "printWidth": 100, + // "tabWidth": 4, + // "semi": true, + // "endOfLine": "auto" + // } + // ] + }, + "plugins": ["prettier", "react", "react-hooks"] +} diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..4d29575 --- /dev/null +++ b/.gitignore @@ -0,0 +1,23 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.js + +# testing +/coverage + +# production +/build + +# misc +.DS_Store +.env.local +.env.development.local +.env.test.local +.env.production.local + +npm-debug.log* +yarn-debug.log* +yarn-error.log* diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..83c1aa6 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,25 @@ +{ + // config related to code formatting + "editor.defaultFormatter": "esbenp.prettier-vscode", + "editor.formatOnSave": true, + "[javascript]": { + "editor.formatOnSave": true, + "editor.defaultFormatter": "esbenp.prettier-vscode" + }, + "[javascriptreact]": { + "editor.formatOnSave": true, + "editor.defaultFormatter": null + }, + "javascript.validate.enable": false, //disable all built-in syntax checking + "editor.codeActionsOnSave": { + "source.fixAll.eslint": true, + "source.fixAll.tslint": true, + "source.organizeImports": true + }, + "eslint.alwaysShowStatus": true, + // emmet + "emmet.triggerExpansionOnTab": true, + "emmet.includeLanguages": { + "javascript": "javascriptreact" + } +} diff --git a/README.md b/README.md new file mode 100644 index 0000000..c99982b --- /dev/null +++ b/README.md @@ -0,0 +1,170 @@ +## Table of Contents + +- [How to run](#how-to-run) +- [Editor Setup](#editor-setup) + - [Plugins](#plugins) + - [Settings](#settings) + - [Set Line Breaks](#set-line-breaks) +- [Linting Setup](#linting-setup) + - [Install Dev Dependencies](#install-dev-dependencies) + - [Create Linting Configuration file manually](#create-linting-configuration-file-manually) +- [Contact](#contact) + + + +## How to run + +Please follow the below instructions to run this project in your computer: + +1. Clone this repository + ```sh + git clone https://github.com/meXuvo/reactjs_starter + ``` +2. Change directory + ```sh + cd react + ``` +3. Run + ```sh + yarn + ``` +4. yarn start + + + +## Editor Setup + +You can use any editor but as I personally prefer VS Code. I will give some instructions about how I prefer VS code to be setup for React applications. + +### Plugins + +You need to install the below plugins: + +- ESLint by Dirk Baeumer +- Prettier - Code formatter by Prettier + +### Settings + +Follow the below settings for VS Code - + +1. Create a new folder called ".vscode" inside the project root folder +2. Create a new file called "settings.json" inside that folder. +3. Paste the below json in the newly created settings.json file and save the file. + +```json +{ + // Theme + "workbench.colorTheme": "Dracula", //anythig as your favorite + + // config related to code formatting + "editor.defaultFormatter": "esbenp.prettier-vscode", + "editor.formatOnSave": true, + "[javascript]": { + "editor.formatOnSave": false, + "editor.defaultFormatter": null + }, + "[javascriptreact]": { + "editor.formatOnSave": false, + "editor.defaultFormatter": null + }, + "javascript.validate.enable": false, //disable all built-in syntax checking + "editor.codeActionsOnSave": { + "source.fixAll.eslint": true, + "source.fixAll.tslint": true, + "source.organizeImports": true + }, + "eslint.alwaysShowStatus": true, + // emmet + "emmet.triggerExpansionOnTab": true, + "emmet.includeLanguages": { + "javascript": "javascriptreact" + } +} +``` + +If you followed all previous steps, the theme should change and your editor should be ready. + +## Linting Setup + +In order to lint and format your React project automatically according to popular airbnb style guide, I recommend you to follow the instructions below. + +### Install Dev Dependencies + +```sh +yarn add -D prettier +yarn add -D babel-eslint +npx install-peerdeps --dev eslint-config-airbnb +yarn add -D eslint-config-prettier eslint-plugin-prettier +``` + +or You can also add a new script in the scripts section like below to install everything with a single command: + +```json +scripts: { + "lint": "yarn add -D prettier@2.4.1 && yarn add -D eslint@7.11.0 && yarn add -D babel-eslint@10.1.0 && npx install-peerdeps --dev eslint-config-airbnb@18.2.1 && yarn add -D eslint-config-prettier@8.3.0 eslint-plugin-prettier@4.0.0" +} +``` + +and then simply run the below command in the terminal - + +```sh +yarn lint #or 'npm run lint' +``` + +### Create Linting Configuration file manually + +Create a `.eslintrc` file in the project root and enter the below contents: + +```json +{ + "extends": [ + "airbnb", + "airbnb/hooks", + "eslint:recommended", + "prettier", + "plugin:jsx-a11y/recommended" + ], + "parser": "babel-eslint", + "parserOptions": { + "ecmaVersion": 8 + }, + "env": { + "browser": true, + "node": true, + "es6": true, + "jest": true + }, + "rules": { + "react/react-in-jsx-scope": 0, + "react-hooks/rules-of-hooks": "error", + "no-console": 0, + "react/state-in-constructor": 0, + "indent": 0, + "linebreak-style": 0, + "react/prop-types": 0, + "jsx-a11y/click-events-have-key-events": 0, + "react/jsx-filename-extension": [ + 1, + { + "extensions": [".js", ".jsx"] + } + ], + // "prettier/prettier": [ + // "error", + // { + // "trailingComma": "es5", + // "singleQuote": true, + // "printWidth": 100, + // "tabWidth": 4, + // "semi": true, + // "endOfLine": "auto" + // } + // ] + }, + "plugins": ["prettier", "react", "react-hooks"] +} +``` + +## Credits + +Made by [meXuvo](http://mexuvo.com/) \ No newline at end of file diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 0000000..f7e1fae --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,34 @@ +version: '3' +services: + wrenchboard-dash: + build: + context: . + dockerfile: docker/Dockerfile + restart: unless-stopped + ports: + - 9222:3000 + # - 3800:3011 + # stdin_open: true + working_dir: /usr/src/app + volumes: + - ./:/usr/src/app + - /usr/src/app/node_modules + - ./src/:/usr/src/app/src + - ./vendors/:/usr/src/app/vendors + extra_hosts: + - backend.wrenchboard.api.live:10.10.33.15 + - backend.wrenchboard.api.test:10.10.33.15 + # #- backend.wrenchboard.api.live:172.31.4.27 + # #- backend.wrenchboard.api.test:10.20.30.27 + - apigateway.wrenchboard.app.dev.fluxtra.net:10.20.30.19 + - apigateway.wrenchboard.app.lotus.fluxtra.net:172.31.4.19 + environment: + - CHOKIDAR_USEPOLLING=true + # volumes: + # - ./:/app + # - /app/node_modules + tty: true + stdin_open: true + # working_dir: /app +volumes: + src: diff --git a/docker/Dockerfile b/docker/Dockerfile new file mode 100644 index 0000000..b7d783b --- /dev/null +++ b/docker/Dockerfile @@ -0,0 +1,119 @@ +# pull the base image +# FROM node:alpine + +FROM alpine:3.15 + +ENV NODE_VERSION 14.19.0 + +RUN addgroup -g 1000 node \ + && adduser -u 1000 -G node -s /bin/sh -D node \ + && apk add --no-cache \ + libstdc++ \ + && apk add --no-cache --virtual .build-deps \ + curl \ + && ARCH= && alpineArch="$(apk --print-arch)" \ + && case "${alpineArch##*-}" in \ + x86_64) \ + ARCH='x64' \ + CHECKSUM="8d5e638d88b62de2f147dee812a5d74e4860a20468eb7ff32c41a02b58e2aebf" \ + ;; \ + *) ;; \ + esac \ + && if [ -n "${CHECKSUM}" ]; then \ + set -eu; \ + curl -fsSLO --compressed "https://unofficial-builds.nodejs.org/download/release/v$NODE_VERSION/node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz"; \ + echo "$CHECKSUM node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" | sha256sum -c - \ + && tar -xJf "node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" -C /usr/local --strip-components=1 --no-same-owner \ + && ln -s /usr/local/bin/node /usr/local/bin/nodejs; \ + else \ + echo "Building from source" \ + # backup build + && apk add --no-cache --virtual .build-deps-full \ + binutils-gold \ + g++ \ + gcc \ + gnupg \ + libgcc \ + linux-headers \ + make \ + python3 \ + # gpg keys listed at https://github.com/nodejs/node#release-keys + && for key in \ + 4ED778F539E3634C779C87C6D7062848A1AB005C \ + 94AE36675C464D64BAFA68DD7434390BDBE9B9C5 \ + 74F12602B6F1C4E913FAA37AD3A89613643B6201 \ + 71DCFD284A79C3B38668286BC97EC7A07EDE3FC1 \ + 8FCCA13FEF1D0C2E91008E09770F7A9A5AE15600 \ + C4F0DFFF4E8C1A8236409D08E73BC641CC11F4C8 \ + C82FA3AE1CBEDC6BE46B9360C43CEC45C17AB93C \ + DD8F2338BAE7501E3DD5AC78C273792F7D83545D \ + A48C2BEE680E841632CD4E44F07496B3EB3C1762 \ + 108F52B48DB57BB0CC439B2997B01419BD92F80A \ + B9E2F5981AA6E0CD28160D9FF13993A75599653C \ + ; do \ + gpg --batch --keyserver hkps://keys.openpgp.org --recv-keys "$key" || \ + gpg --batch --keyserver keyserver.ubuntu.com --recv-keys "$key" ; \ + done \ + && curl -fsSLO --compressed "https://nodejs.org/dist/v$NODE_VERSION/node-v$NODE_VERSION.tar.xz" \ + && curl -fsSLO --compressed "https://nodejs.org/dist/v$NODE_VERSION/SHASUMS256.txt.asc" \ + && gpg --batch --decrypt --output SHASUMS256.txt SHASUMS256.txt.asc \ + && grep " node-v$NODE_VERSION.tar.xz\$" SHASUMS256.txt | sha256sum -c - \ + && tar -xf "node-v$NODE_VERSION.tar.xz" \ + && cd "node-v$NODE_VERSION" \ + && ./configure \ + && make -j$(getconf _NPROCESSORS_ONLN) V= \ + && make install \ + && apk del .build-deps-full \ + && cd .. \ + && rm -Rf "node-v$NODE_VERSION" \ + && rm "node-v$NODE_VERSION.tar.xz" SHASUMS256.txt.asc SHASUMS256.txt; \ + fi \ + && rm -f "node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" \ + && apk del .build-deps \ + # smoke tests + && node --version \ + && npm --version + +ENV YARN_VERSION 1.22.17 + +RUN apk add --no-cache --virtual .build-deps-yarn curl gnupg tar \ + && for key in \ + 6A010C5166006599AA17F08146C2130DFD2497F5 \ + ; do \ + gpg --batch --keyserver hkps://keys.openpgp.org --recv-keys "$key" || \ + gpg --batch --keyserver keyserver.ubuntu.com --recv-keys "$key" ; \ + done \ + && curl -fsSLO --compressed "https://yarnpkg.com/downloads/$YARN_VERSION/yarn-v$YARN_VERSION.tar.gz" \ + && curl -fsSLO --compressed "https://yarnpkg.com/downloads/$YARN_VERSION/yarn-v$YARN_VERSION.tar.gz.asc" \ + && gpg --batch --verify yarn-v$YARN_VERSION.tar.gz.asc yarn-v$YARN_VERSION.tar.gz \ + && mkdir -p /opt \ + && tar -xzf yarn-v$YARN_VERSION.tar.gz -C /opt/ \ + && ln -s /opt/yarn-v$YARN_VERSION/bin/yarn /usr/local/bin/yarn \ + && ln -s /opt/yarn-v$YARN_VERSION/bin/yarnpkg /usr/local/bin/yarnpkg \ + && rm yarn-v$YARN_VERSION.tar.gz.asc yarn-v$YARN_VERSION.tar.gz \ + && apk del .build-deps-yarn \ + # smoke test + && yarn --version + +# set working directory +# WORKDIR /app +WORKDIR /usr/src/app + +# add `/app/node_modules/.bin` to $PATH +# ENV PATH /app/node_modules/.bin:$PATH +ENV PATH /usr/src/app/node_modules/.bin:$PATH + +# install app dependencies +COPY package.json ./ +#COPY package-lock.json ./ +RUN npm install --silent +# RUN npm install react-scripts@3.4.1 -g --silent + +# add app +COPY . ./ + +# start app +CMD ["npm","run", "start"] + +# CMD ["yarn", "start"] + diff --git a/package.json b/package.json new file mode 100644 index 0000000..35e2c0c --- /dev/null +++ b/package.json @@ -0,0 +1,68 @@ +{ + "name": "nft-max-react", + "version": "0.1.0", + "private": true, + "dependencies": { + "@reduxjs/toolkit": "^1.8.2", + "@tailwindcss/line-clamp": "^0.3.1", + "@testing-library/jest-dom": "^5.11.4", + "@testing-library/react": "^11.1.0", + "@testing-library/user-event": "^12.1.10", + "chart.js": "^3.7.1", + "chartjs": "^0.3.24", + "faker": "^6.6.6", + "react": "^18.0.0", + "react-chartjs-2": "^4.1.0", + "react-countup": "^6.2.0", + "react-dom": "^18.0.0", + "react-lottie": "^1.2.3", + "react-redux": "^8.0.2", + "react-router-dom": "^6.0.2", + "react-scripts": "5.0.0", + "react-slick": "^0.29.0", + "react-toastify": "^9.0.1", + "redux": "^4.2.0", + "slick-carousel": "^1.8.1", + "web-vitals": "^1.0.1" + }, + "scripts": { + "start": "react-scripts start", + "build": "react-scripts build", + "test": "react-scripts test", + "eject": "react-scripts eject", + "lint": "yarn add -D prettier@2.4.1 && yarn add -D eslint@7.11.0 && yarn add -D babel-eslint@10.1.0 && npx install-peerdeps --dev eslint-config-airbnb@18.2.1 && yarn add -D eslint-config-prettier@8.3.0 eslint-plugin-prettier@4.0.0" + }, + "eslintConfig": { + "extends": [ + "react-app", + "react-app/jest" + ] + }, + "browserslist": { + "production": [ + ">0.2%", + "not dead", + "not op_mini all" + ], + "development": [ + "last 1 chrome version", + "last 1 firefox version", + "last 1 safari version" + ] + }, + "devDependencies": { + "autoprefixer": "^10.4.5", + "babel-eslint": "10.1.0", + "eslint": "7.2.0", + "eslint-config-airbnb": "18.2.1", + "eslint-config-prettier": "8.3.0", + "eslint-plugin-import": "2.22.1", + "eslint-plugin-jsx-a11y": "6.4.1", + "eslint-plugin-prettier": "4.0.0", + "eslint-plugin-react": "^7.29.4", + "eslint-plugin-react-hooks": "1.7.0", + "postcss": "^8.4.12", + "prettier": "2.4.1", + "tailwindcss": "^3.0.24" + } +} diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 0000000..33ad091 --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,6 @@ +module.exports = { + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, +} diff --git a/public/favicon.svg b/public/favicon.svg new file mode 100644 index 0000000..2c13fb5 --- /dev/null +++ b/public/favicon.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..57f7beb --- /dev/null +++ b/public/index.html @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + NFT MAX + + + +
+ + + diff --git a/public/manifest.json b/public/manifest.json new file mode 100644 index 0000000..ead4e20 --- /dev/null +++ b/public/manifest.json @@ -0,0 +1,9 @@ +{ + "short_name": "React App", + "name": "Create React App Sample", + "icons": [], + "start_url": ".", + "display": "standalone", + "theme_color": "#000000", + "background_color": "#ffffff" +} diff --git a/public/robots.txt b/public/robots.txt new file mode 100644 index 0000000..e9e57dc --- /dev/null +++ b/public/robots.txt @@ -0,0 +1,3 @@ +# https://www.robotstxt.org/robotstxt.html +User-agent: * +Disallow: diff --git a/src/App.jsx b/src/App.jsx new file mode 100644 index 0000000..f876c62 --- /dev/null +++ b/src/App.jsx @@ -0,0 +1,16 @@ +import Toaster from "./components/Helpers/Toaster"; +import Routers from "./Routers"; +import Default from "./components/Partials/Default"; + +function App() { + return ( + + <> + + + + + ); +} + +export default App; diff --git a/src/Routers.jsx b/src/Routers.jsx new file mode 100644 index 0000000..4090809 --- /dev/null +++ b/src/Routers.jsx @@ -0,0 +1,71 @@ +import { Route, Routes } from "react-router-dom"; +import FourZeroFour from "./components/FourZeroFour"; +import ScrollToTop from "./components/Helpers/ScrollToTop"; +import MyCollection from "./components/MyCollection"; +import Notification from "./components/Notification"; +import AuthRoute from "./middleware/AuthRoute"; +import AcitveBidsPage from "./views/AcitveBidsPage"; +import AuthProfilePage from "./views/AuthProfilePage"; +import CollectionItemPage from "./views/CollectionItemPage"; +import ForgotPasswordPages from "./views/ForgotPasswordPages"; +import HistoryPage from "./views/HistoryPage"; +import HomePages from "./views/HomePages"; +import LoginPage from "./views/LoginPage"; +import MarketPlacePage from "./views/MarketPlacePage"; +import MyWalletPage from "./views/MyWalletPage"; +import SavedPage from "./views/SavedPage"; +import SellPage from "./views/SellPage"; +import SettingsPage from "./views/SettingsPage"; +import ShopDetailsPage from "./views/ShopDetailsPage"; +import SignupPage from "./views/SignupPage"; +import UpdatePasswordPages from "./views/UpdatePasswordPages"; +import UploadProductPage from "./views/UploadProductPage"; +import UserProfilePage from "./views/UserProfilePage"; +import VerifyYouPages from "./views/VerifyYouPages"; + +export default function Routers() { + return ( + + + {/* guest routes */} + } /> + } /> + } + /> + } + /> + } /> + + {/* private route */} + }> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } + /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + + } /> + + + ); +} diff --git a/src/assets/fonts/Product Sans Bold Italic.ttf b/src/assets/fonts/Product Sans Bold Italic.ttf new file mode 100644 index 0000000..129d12d Binary files /dev/null and b/src/assets/fonts/Product Sans Bold Italic.ttf differ diff --git a/src/assets/fonts/Product Sans Bold.ttf b/src/assets/fonts/Product Sans Bold.ttf new file mode 100644 index 0000000..d847195 Binary files /dev/null and b/src/assets/fonts/Product Sans Bold.ttf differ diff --git a/src/assets/fonts/Product Sans Italic.ttf b/src/assets/fonts/Product Sans Italic.ttf new file mode 100644 index 0000000..5fc56d4 Binary files /dev/null and b/src/assets/fonts/Product Sans Italic.ttf differ diff --git a/src/assets/fonts/Product Sans Regular.ttf b/src/assets/fonts/Product Sans Regular.ttf new file mode 100644 index 0000000..c0442ee Binary files /dev/null and b/src/assets/fonts/Product Sans Regular.ttf differ diff --git a/src/assets/images/Lotties/77618-website-404-error-animation.json b/src/assets/images/Lotties/77618-website-404-error-animation.json new file mode 100644 index 0000000..b4b56c6 --- /dev/null +++ b/src/assets/images/Lotties/77618-website-404-error-animation.json @@ -0,0 +1 @@ +{"v":"5.7.7","fr":30,"ip":0,"op":121,"w":1500,"h":1500,"nm":"404 Error","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shadow","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[760,1089.729,0],"ix":2,"l":2},"a":{"a":0,"k":[351.25,24.25,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":0,"s":[100,100,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":30,"s":[95,95,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":60,"s":[100,100,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":90,"s":[95,95,100]},{"t":120,"s":[100,100,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-13.255],[193.852,0],[0,13.255],[-193.852,0]],"o":[[0,13.255],[-193.852,0],[0,-13.255],[193.852,0]],"v":[[351,0],[0,24],[-351,0],[0,-24]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.267290092917,0.212304268631,0.401894333783,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[351.25,24.25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Dot15","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":60,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":90,"s":[0]},{"t":120,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[986,1008.729,0],"ix":2,"l":2},"a":{"a":0,"k":[11.25,11.25,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-6.075],[6.075,0],[0,6.075],[-6.075,0]],"o":[[0,6.075],[-6.075,0],[0,-6.075],[6.075,0]],"v":[[11,0],[0,11],[-11,0],[0,-11]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.267290092917,0.212304268631,0.401894333783,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[11.25,11.25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Dot14","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":60,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":90,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":120,"s":[0]},{"t":150,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[406,906.729,0],"ix":2,"l":2},"a":{"a":0,"k":[11.25,11.25,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-6.075],[6.075,0],[0,6.075],[-6.075,0]],"o":[[0,6.075],[-6.075,0],[0,-6.075],[6.075,0]],"v":[[11,0],[0,11],[-11,0],[0,-11]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.267290092917,0.212304268631,0.401894333783,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[11.25,11.25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Dot13","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":60,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":90,"s":[0]},{"t":120,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[570,1006.981,0],"ix":2,"l":2},"a":{"a":0,"k":[9.998,9.999,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-5.384],[5.384,0],[0,5.385],[-5.384,0]],"o":[[0,5.385],[-5.384,0],[0,-5.384],[5.384,0]],"v":[[9.749,-0.001],[-0.001,9.749],[-9.749,-0.001],[-0.001,-9.749]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.267290092917,0.212304268631,0.401894333783,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[9.998,9.999],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Dot12","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":60,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":90,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":120,"s":[0]},{"t":150,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[1178,842.73,0],"ix":2,"l":2},"a":{"a":0,"k":[6.749,6.749,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.589],[3.589,0],[0,3.59],[-3.59,0]],"o":[[0,3.59],[-3.59,0],[0,-3.589],[3.589,0]],"v":[[6.499,0],[0,6.499],[-6.499,0],[0,-6.499]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.267290092917,0.212304268631,0.401894333783,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[6.749,6.749],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Dot11","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":60,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":90,"s":[0]},{"t":120,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[322,838.73,0],"ix":2,"l":2},"a":{"a":0,"k":[6.749,6.749,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.589],[3.589,0],[0,3.589],[-3.589,0]],"o":[[0,3.589],[-3.589,0],[0,-3.589],[3.589,0]],"v":[[6.499,0],[0,6.499],[-6.499,0],[0,-6.499]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.267290092917,0.212304268631,0.401894333783,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[6.749,6.749],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"Dot10","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":60,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":90,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":120,"s":[0]},{"t":150,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[623.501,470.73,0],"ix":2,"l":2},"a":{"a":0,"k":[6.749,6.749,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.589],[3.589,0],[0,3.589],[-3.589,0]],"o":[[0,3.589],[-3.589,0],[0,-3.589],[3.589,0]],"v":[[6.499,0],[0,6.499],[-6.499,0],[0,-6.499]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.267290092917,0.212304268631,0.401894333783,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[6.749,6.749],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"Dot9","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":60,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":90,"s":[0]},{"t":120,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[373,681.73,0],"ix":2,"l":2},"a":{"a":0,"k":[6.749,6.749,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.589],[3.589,0],[0,3.589],[-3.589,0]],"o":[[0,3.589],[-3.589,0],[0,-3.589],[3.589,0]],"v":[[6.499,0],[0,6.499],[-6.499,0],[0,-6.499]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.267290092917,0.212304268631,0.401894333783,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[6.749,6.749],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"Dot8","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":60,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":90,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":120,"s":[0]},{"t":150,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[1042,564.231,0],"ix":2,"l":2},"a":{"a":0,"k":[6.749,6.749,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.589],[3.59,0],[0,3.589],[-3.589,0]],"o":[[0,3.589],[-3.589,0],[0,-3.589],[3.59,0]],"v":[[6.499,0],[0,6.499],[-6.499,0],[0,-6.499]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.267290092917,0.212304268631,0.401894333783,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[6.749,6.749],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":"Dot7","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":60,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":90,"s":[0]},{"t":120,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[534,948.003,0],"ix":2,"l":2},"a":{"a":0,"k":[6.749,6.749,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.59],[3.589,0],[0,3.589],[-3.589,0]],"o":[[0,3.589],[-3.589,0],[0,-3.59],[3.589,0]],"v":[[6.499,0],[0,6.499],[-6.499,0],[0,-6.499]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.267290092917,0.212304268631,0.401894333783,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[6.749,6.749],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":11,"ty":4,"nm":"Dot6","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":60,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":90,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":120,"s":[0]},{"t":150,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[447,604.73,0],"ix":2,"l":2},"a":{"a":0,"k":[4.976,4.977,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-2.61],[2.611,0],[0,2.61],[-2.61,0]],"o":[[0,2.61],[-2.61,0],[0,-2.61],[2.611,0]],"v":[[4.727,0],[-0.001,4.727],[-4.727,0],[-0.001,-4.727]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.267290092917,0.212304268631,0.401894333783,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[4.976,4.977],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":12,"ty":4,"nm":"Dot5","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":60,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":90,"s":[0]},{"t":120,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[924,461.729,0],"ix":2,"l":2},"a":{"a":0,"k":[9.875,9.875,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-5.316],[5.315,0],[0,5.315],[-5.315,0]],"o":[[0,5.315],[-5.315,0],[0,-5.316],[5.315,0]],"v":[[9.625,0],[0,9.625],[-9.625,0],[0,-9.625]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.267290092917,0.212304268631,0.401894333783,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[9.875,9.875],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":13,"ty":4,"nm":"Dot4","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":60,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":90,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":120,"s":[0]},{"t":150,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[954,566.729,0],"ix":2,"l":2},"a":{"a":0,"k":[11.25,11.25,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-6.075],[6.075,0],[0,6.075],[-6.075,0]],"o":[[0,6.075],[-6.075,0],[0,-6.075],[6.075,0]],"v":[[11,0],[0,11],[-11,0],[0,-11]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.267290092917,0.212304268631,0.401894333783,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[11.25,11.25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":14,"ty":4,"nm":"Dot3","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":60,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":90,"s":[0]},{"t":120,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[1165,738.729,0],"ix":2,"l":2},"a":{"a":0,"k":[11.25,11.25,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-6.075],[6.075,0],[0,6.075],[-6.075,0]],"o":[[0,6.075],[-6.075,0],[0,-6.075],[6.075,0]],"v":[[11,0],[0,11],[-11,0],[0,-11]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.267290092917,0.212304268631,0.401894333783,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[11.25,11.25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":15,"ty":4,"nm":"Dot 2","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":60,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":90,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":120,"s":[0]},{"t":150,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[867,996.729,0],"ix":2,"l":2},"a":{"a":0,"k":[17.25,17.25,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-9.389],[9.389,0],[0,9.389],[-9.389,0]],"o":[[0,9.389],[-9.389,0],[0,-9.389],[9.389,0]],"v":[[17,0],[0,17],[-17,0],[0,-17]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.267290092917,0.212304268631,0.401894333783,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[17.25,17.25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":16,"ty":4,"nm":"Dot 1","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":60,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":90,"s":[0]},{"t":120,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[507,523.729,0],"ix":2,"l":2},"a":{"a":0,"k":[17.25,17.25,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-9.389],[9.389,0],[0,9.389],[-9.389,0]],"o":[[0,9.389],[-9.389,0],[0,-9.389],[9.389,0]],"v":[[17,0],[0,17],[-17,0],[0,-17]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.267290092917,0.212304268631,0.401894333783,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[17.25,17.25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":17,"ty":3,"nm":"Baloon Null","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[750,750,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":60,"s":[730,750,0],"to":[0,0,0],"ti":[0,0,0]},{"t":120,"s":[750,750,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":18,"ty":4,"nm":"Baloon Thread Part","parent":21,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[90.349,300.601,0],"ix":2,"l":2},"a":{"a":0,"k":[10.571,4.325,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[9.554,4.075],[-10.321,-1.175],[-9.554,-4.075],[10.321,1.175]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[10.571,4.325],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":19,"ty":4,"nm":"Baloon part 2","parent":21,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[185.358,200.97,0],"ix":2,"l":2},"a":{"a":0,"k":[23.275,20.296,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[18.763,5.497],[-18.764,-5.497]],"o":[[-18.765,-5.497],[18.763,5.495]],"v":[[4.262,-14.548],[-4.261,14.55]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.959242996515,0.583887975356,0.709956389782,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[23.275,20.295],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":20,"ty":4,"nm":"Baloon part 1","parent":21,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[207.706,121.935,0],"ix":2,"l":2},"a":{"a":0,"k":[28.019,51.375,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[7.878,21.184],[12.087,-3.021],[-4.014,-10.794],[6.492,-15.016],[-9.999,-2.929],[-4.558,10.542]],"o":[[-3.996,-10.746],[-10.207,2.552],[5.7,15.329],[-4.57,10.573],[12.048,3.529],[8.972,-20.754]],"v":[[19.406,-32.878],[-6.142,-48.241],[-21.504,-22.692],[-22.714,21.58],[-8.411,47.733],[17.738,33.431]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.959242996515,0.583887975356,0.709956389782,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[27.534,51.512],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":21,"ty":4,"nm":"Baloon","parent":17,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":60,"s":[-21]},{"t":120,"s":[0]}],"ix":10},"p":{"a":0,"k":[-9.049,-21.26,0],"ix":2,"l":2},"a":{"a":0,"k":[89.238,301.112,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-24.363,83.174],[60.846,17.823],[25.032,-85.458],[-57.551,-20.731],[3.041,-8.398],[0,0],[-1.455,4.967],[3.391,6.95]],"o":[[25.032,-85.459],[-60.846,-17.823],[-24.364,83.175],[-6.606,4.021],[-1.455,4.969],[0,0],[1.971,-8.712],[59.64,13.597]],"v":[[109.839,8.633],[36.771,-150.315],[-110.507,-55.911],[-50.457,129.506],[-73.869,151.113],[-54.536,161.4],[-32.708,163.171],[-40.76,132.346]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.281516699697,0.515641216203,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[135.12,168.388],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":22,"ty":4,"nm":"Matte 2","parent":17,"td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":65,"s":[-33,-17.25,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":79,"s":[-33,-4.25,0],"to":[0,0,0],"ti":[0,0,0]},{"t":103,"s":[-33,-17.25,0]}],"ix":2,"l":2},"a":{"a":0,"k":[-33,-14,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":0,"s":[100,89.6,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":60,"s":[100,80,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":65,"s":[100,80.8,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":79,"s":[100,79,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":103,"s":[100,86.88,100]},{"t":120,"s":[100,89.6,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[250,352],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.705881993911,0.674509983437,0.717646998985,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-33,162],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":23,"ty":4,"nm":"Baloon Thread","parent":17,"tt":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[39,-307.125,0],"to":[-3.5,25.5,0],"ti":[2.05,-14.939,0]},{"t":120,"s":[-3,-1.125,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.352,-0.724],[0,0],[15.719,84.492],[-0.393,0.632],[0,0],[-15.704,-84.392]],"o":[[0,0],[0.347,-0.715],[-15.922,-85.579],[0,0],[-0.386,0.627],[15.905,85.5]],"v":[[-49.052,299.693],[-51.75,298.381],[-32.875,141.311],[-9.677,-8.75],[-7.125,-7.174],[-29.925,140.76]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 2","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.352,-0.724],[0,0],[15.719,84.492],[-0.393,0.632],[0,0],[-15.704,-84.392]],"o":[[0,0],[0.347,-0.715],[-15.922,-85.579],[0,0],[-0.386,0.627],[15.905,85.5]],"v":[[-49.052,299.693],[-51.75,298.381],[-32.875,141.311],[-9.677,-8.75],[-7.125,-7.174],[-29.925,140.76]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-42,307],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":26,"ty":4,"nm":"4","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[992.727,758.161,0],"ix":2,"l":2},"a":{"a":0,"k":[111.274,151.018,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":0,"s":[100,100,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":30,"s":[90,90,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":60,"s":[100,100,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":90,"s":[90,90,100]},{"t":120,"s":[100,100,100]}],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"s","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[58.639,186.078],[133.374,186.078],[133.374,88.446]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[15.121,150.768],[15.121,86.4],[-111.024,86.4],[-111.024,34.992],[33.696,-150.768],[73.008,-150.768],[73.008,34.56],[111.024,34.56],[111.024,86.4],[73.008,86.4],[73.008,150.768]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0.829386991613,0.893838919845,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[111.274,151.018],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":27,"ty":4,"nm":"4","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[470.727,758.161,0],"ix":2,"l":2},"a":{"a":0,"k":[111.274,151.018,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":0,"s":[100,100,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":30,"s":[90,90,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":60,"s":[100,100,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":90,"s":[90,90,100]},{"t":120,"s":[100,100,100]}],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"s","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[58.638,186.078],[133.374,186.078],[133.374,88.446]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[15.12,150.768],[15.12,86.4],[-111.024,86.4],[-111.024,34.992],[33.696,-150.768],[73.008,-150.768],[73.008,34.56],[111.024,34.56],[111.024,86.4],[73.008,86.4],[73.008,150.768]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0.829386991613,0.893838919845,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[111.274,151.018],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":28,"ty":4,"nm":"Cricle","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[757,749.23,0],"ix":2,"l":2},"a":{"a":0,"k":[268.75,268.75,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":0,"s":[100,100,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":30,"s":[105,105,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":60,"s":[100,100,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":90,"s":[105,105,100]},{"t":120,"s":[100,100,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-148.289],[148.288,0],[0,148.288],[-148.289,0]],"o":[[0,148.288],[-148.289,0],[0,-148.289],[148.288,0]],"v":[[268.5,0],[0,268.5],[-268.5,0],[0,-268.5]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.200948393579,0.170620428347,0.349760466931,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[268.75,268.75],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":29,"ty":4,"nm":".","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[1066.025,1191.425,0],"ix":2,"l":2},"a":{"a":0,"k":[613.54,24.084,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0.509],[-0.316,0.353],[-0.631,0],[-0.326,-0.354],[0,-0.531],[0.326,-0.341],[0.63,0],[0.314,0.343]],"o":[[0,-0.531],[0.314,-0.354],[0.63,0],[0.326,0.353],[0,0.509],[-0.326,0.343],[-0.631,0],[-0.316,-0.341]],"v":[[-1.907,0.033],[-1.434,-1.294],[-0.016,-1.824],[1.418,-1.294],[1.907,0.033],[1.418,1.309],[-0.016,1.824],[-1.434,1.309]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[613.54,24.084],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":".","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":30,"ty":4,"nm":"t","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[1052.271,1182.087,0],"ix":2,"l":2},"a":{"a":0,"k":[599.786,14.746,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.299,-0.361],[-0.719,0],[-0.62,0.133],[0,0],[0.764,0],[0.697,0.829],[0,1.526],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0.72],[0.299,0.359],[0.354,0],[0,0],[-0.808,0.22],[-1.371,0],[-0.697,-0.829],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1.451,-11.311],[1.451,-6.966],[4.802,-6.966],[4.802,-4.594],[1.451,-4.594],[1.451,6.548],[1.899,8.168],[3.425,8.707],[4.885,8.507],[4.885,10.981],[2.528,11.311],[-0.573,10.067],[-1.616,6.534],[-1.616,-4.594],[-4.885,-4.594],[-4.885,-6.966],[-1.616,-6.966],[-1.616,-11.311]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[599.786,14.746],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"t","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":31,"ty":4,"nm":"s","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[1035.034,1184.094,0],"ix":2,"l":2},"a":{"a":0,"k":[582.549,16.753,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0.785],[0.625,0.459],[1.553,0.332],[0.912,0.464],[0.437,0.642],[0,0.885],[-1.243,1.017],[-1.935,0],[-1.267,-1.051],[0,-1.637],[0,0],[0.713,0.608],[1.084,0],[0.63,-0.486],[0,-0.786],[-0.586,-0.376],[-1.531,-0.342],[-0.952,-0.475],[-0.459,-0.669],[0,-0.962],[1.282,-0.968],[2.045,0],[1.105,0.509],[0.624,0.912],[0,1.062],[0,0],[-0.769,-0.603],[-1.26,0],[-0.702,0.471]],"o":[[0,-0.829],[-0.625,-0.458],[-1.554,-0.332],[-0.913,-0.464],[-0.437,-0.641],[0,-1.47],[1.244,-1.018],[2.034,0],[1.266,1.05],[0,0],[0,-0.84],[-0.713,-0.608],[-1.117,0],[-0.631,0.488],[0,0.741],[0.586,0.376],[1.531,0.343],[0.95,0.476],[0.459,0.669],[0,1.604],[-1.284,0.966],[-1.437,0],[-1.106,-0.508],[-0.625,-0.912],[0,0],[0.056,1.029],[0.768,0.602],[1.161,0],[0.702,-0.47]],"v":[[4.064,4.213],[3.127,2.28],[-0.141,1.095],[-3.839,-0.099],[-5.862,-1.758],[-6.518,-4.047],[-4.653,-7.778],[0.117,-9.305],[5.067,-7.728],[6.966,-3.698],[3.88,-3.698],[2.811,-5.871],[0.117,-6.783],[-2.503,-6.054],[-3.45,-4.146],[-2.57,-2.471],[0.606,-1.393],[4.33,-0.166],[6.443,1.551],[7.132,3.997],[5.208,7.854],[0.216,9.305],[-3.599,8.541],[-6.195,6.41],[-7.132,3.45],[-4.064,3.45],[-2.828,5.897],[0.216,6.8],[3.01,6.095]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[582.549,16.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"s","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":32,"ty":4,"nm":"i","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[1018.842,1180.826,0],"ix":2,"l":2},"a":{"a":0,"k":[566.356,13.485,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-1.534,8.973],[1.534,8.973],[1.534,-8.973],[-1.534,-8.973]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[566.322,16.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.598,0],[-0.309,0.331],[0,0.497],[0.31,0.343],[0.597,0],[0.304,-0.343],[0,-0.498],[-0.304,-0.332]],"o":[[0.597,0],[0.31,-0.332],[0,-0.498],[-0.309,-0.343],[-0.598,0],[-0.304,0.343],[0,0.497],[0.304,0.331]],"v":[[-0.008,1.758],[1.351,1.261],[1.816,0.017],[1.351,-1.244],[-0.008,-1.758],[-1.36,-1.244],[-1.816,0.017],[-1.36,1.261]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[566.356,3.004],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[566.356,13.485],"ix":2},"a":{"a":0,"k":[566.356,13.485],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"i","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":33,"ty":4,"nm":"x","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[1002.841,1184.094,0],"ix":2,"l":2},"a":{"a":0,"k":[550.355,16.753,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-0.041,-2.421],[3.939,-8.973],[7.521,-8.973],[1.65,-0.1],[7.704,8.973],[4.154,8.973],[0.009,2.256],[-4.138,8.973],[-7.704,8.973],[-1.65,-0.1],[-7.521,-8.973],[-3.972,-8.973]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[550.355,16.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"x","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":34,"ty":4,"nm":"e","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[982.22,1184.094,0],"ix":2,"l":2},"a":{"a":0,"k":[529.735,16.753,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"s","pt":{"a":0,"k":{"i":[[0.199,-1.626],[0,0],[0,0],[0.751,0.857],[1.282,0],[0.839,-0.901]],"o":[[0,0],[0,0],[-0.089,-1.559],[-0.752,-0.857],[-1.24,0],[-0.841,0.901]],"v":[[525.283,15.056],[534.272,15.056],[534.272,14.824],[533.012,11.2],[529.961,9.914],[526.843,11.266]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.78],[0,0],[-1.525,-1.598],[-2.433,0],[-1.504,2.312],[0,0],[0.751,-0.442],[1.083,0],[0.989,1.09],[0.044,1.77],[0,0],[0,0],[1.294,1.537],[2.332,0],[1.222,-0.791],[0.679,-1.398]],"o":[[0,0],[0,2.676],[1.526,1.597],[3.007,0],[0,0],[-0.563,0.73],[-0.752,0.443],[-1.527,0],[-0.989,-1.088],[0,0],[0,0],[0,-2.863],[-1.294,-1.536],[-1.427,0],[-1.222,0.79],[-0.68,1.4]],"v":[[-7.613,-0.067],[-7.613,0.498],[-5.324,6.908],[0.614,9.304],[7.38,5.838],[5.506,4.378],[3.533,6.136],[0.78,6.8],[-2.994,5.166],[-4.545,0.878],[7.613,0.878],[7.613,-0.398],[5.672,-6.999],[0.233,-9.304],[-3.74,-8.118],[-6.592,-4.835]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[529.735,16.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 8","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[529.735,16.753],"ix":2},"a":{"a":0,"k":[529.735,16.753],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"e","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":35,"ty":4,"nm":"t","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[951.801,1182.087,0],"ix":2,"l":2},"a":{"a":0,"k":[499.316,14.746,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.299,-0.361],[-0.719,0],[-0.62,0.133],[0,0],[0.764,0],[0.697,0.829],[0,1.526],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0.72],[0.299,0.359],[0.354,0],[0,0],[-0.808,0.22],[-1.371,0],[-0.697,-0.829],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1.451,-11.311],[1.451,-6.966],[4.801,-6.966],[4.801,-4.594],[1.451,-4.594],[1.451,6.548],[1.899,8.168],[3.425,8.707],[4.884,8.507],[4.884,10.981],[2.528,11.311],[-0.572,10.067],[-1.616,6.534],[-1.616,-4.594],[-4.884,-4.594],[-4.884,-6.966],[-1.616,-6.966],[-1.616,-11.311]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[499.316,14.746],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"t","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":36,"ty":4,"nm":"'","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[939.698,1171.655,0],"ix":2,"l":2},"a":{"a":0,"k":[487.212,4.314,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.841,-0.675],[0,0],[-0.034,1.593],[0,0],[0,0],[0,0],[0.537,-1.101]],"o":[[0,0],[1.028,-1.438],[0,0],[0,0],[0,0],[-0.012,1.106],[-0.536,1.1]],"v":[[-0.573,4.063],[-2.314,2.87],[-0.721,-1.675],[-0.721,-4.063],[2.314,-4.063],[2.314,-1.907],[1.492,1.402]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[487.212,4.314],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"'","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":37,"ty":4,"nm":"n","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[925.156,1183.928,0],"ix":2,"l":2},"a":{"a":0,"k":[472.671,16.587,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-2.211,0],[-0.033,-4.279],[0,0],[0,0],[0,0],[0.58,0.619],[1.227,0],[0.752,-0.53],[0.42,-0.862],[0,0],[0,0],[0,0]],"o":[[0,0],[1.37,-1.725],[3.793,0],[0,0],[0,0],[0,0],[-0.011,-1.294],[-0.581,-0.619],[-0.995,0],[-0.752,0.532],[0,0],[0,0],[0,0],[0,0]],"v":[[-4.154,-8.807],[-4.055,-6.551],[1.318,-9.138],[7.057,-2.72],[7.057,9.138],[3.988,9.138],[3.988,-2.737],[3.102,-5.605],[0.389,-6.535],[-2.231,-5.738],[-3.989,-3.648],[-3.989,9.138],[-7.057,9.138],[-7.057,-8.807]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[472.671,16.587],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"n","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":38,"ty":4,"nm":"s","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[903.573,1184.094,0],"ix":2,"l":2},"a":{"a":0,"k":[451.088,16.753,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0.785],[0.625,0.459],[1.553,0.332],[0.912,0.464],[0.437,0.642],[0,0.885],[-1.243,1.017],[-1.935,0],[-1.267,-1.051],[0,-1.637],[0,0],[0.713,0.608],[1.084,0],[0.63,-0.486],[0,-0.786],[-0.586,-0.376],[-1.531,-0.342],[-0.952,-0.475],[-0.459,-0.669],[0,-0.962],[1.282,-0.968],[2.045,0],[1.105,0.509],[0.624,0.912],[0,1.062],[0,0],[-0.769,-0.603],[-1.26,0],[-0.702,0.471]],"o":[[0,-0.829],[-0.625,-0.458],[-1.554,-0.332],[-0.913,-0.464],[-0.437,-0.641],[0,-1.47],[1.244,-1.018],[2.034,0],[1.266,1.05],[0,0],[0,-0.84],[-0.713,-0.608],[-1.117,0],[-0.631,0.488],[0,0.741],[0.586,0.376],[1.531,0.343],[0.95,0.476],[0.459,0.669],[0,1.604],[-1.284,0.966],[-1.437,0],[-1.106,-0.508],[-0.625,-0.912],[0,0],[0.056,1.029],[0.768,0.602],[1.161,0],[0.702,-0.47]],"v":[[4.064,4.213],[3.126,2.28],[-0.141,1.095],[-3.839,-0.099],[-5.863,-1.758],[-6.518,-4.047],[-4.652,-7.778],[0.116,-9.305],[5.067,-7.728],[6.965,-3.698],[3.88,-3.698],[2.811,-5.871],[0.116,-6.783],[-2.504,-6.054],[-3.449,-4.146],[-2.571,-2.471],[0.605,-1.393],[4.329,-0.166],[6.443,1.551],[7.132,3.997],[5.208,7.854],[0.215,9.305],[-3.599,8.541],[-6.195,6.41],[-7.132,3.45],[-4.064,3.45],[-2.828,5.897],[0.215,6.8],[3.01,6.095]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[451.088,16.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"s","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":39,"ty":4,"nm":"e","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[882.63,1184.094,0],"ix":2,"l":2},"a":{"a":0,"k":[430.144,16.753,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"s","pt":{"a":0,"k":{"i":[[0.199,-1.626],[0,0],[0,0],[0.751,0.857],[1.282,0],[0.839,-0.901]],"o":[[0,0],[0,0],[-0.089,-1.559],[-0.752,-0.857],[-1.24,0],[-0.841,0.901]],"v":[[425.699,15.111],[434.688,15.111],[434.688,14.879],[433.428,11.255],[430.377,9.969],[427.259,11.321]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.78],[0,0],[-1.525,-1.598],[-2.433,0],[-1.504,2.312],[0,0],[0.751,-0.442],[1.083,0],[0.989,1.09],[0.044,1.77],[0,0],[0,0],[1.294,1.537],[2.332,0],[1.222,-0.791],[0.679,-1.398]],"o":[[0,0],[0,2.676],[1.526,1.597],[3.007,0],[0,0],[-0.563,0.73],[-0.752,0.443],[-1.527,0],[-0.989,-1.088],[0,0],[0,0],[0,-2.863],[-1.294,-1.536],[-1.427,0],[-1.222,0.79],[-0.68,1.4]],"v":[[-7.613,-0.067],[-7.613,0.498],[-5.324,6.908],[0.614,9.304],[7.38,5.838],[5.506,4.378],[3.533,6.136],[0.78,6.8],[-2.994,5.166],[-4.545,0.878],[7.613,0.878],[7.613,-0.398],[5.672,-6.999],[0.233,-9.304],[-3.74,-8.118],[-6.592,-4.835]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[430.144,16.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 14","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[430.144,16.753],"ix":2},"a":{"a":0,"k":[430.144,16.753],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"e","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":40,"ty":4,"nm":"o","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[860.384,1184.094,0],"ix":2,"l":2},"a":{"a":0,"k":[407.899,16.753,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"s","pt":{"a":0,"k":{"i":[[0,-2.244],[-0.923,-1.205],[-1.548,0],[-0.917,1.221],[0,2.2],[0.935,1.221],[1.547,0],[0.928,-1.205]],"o":[[0,1.99],[0.924,1.205],[1.559,0],[0.918,-1.222],[0,-1.968],[-0.934,-1.222],[-1.515,0],[-0.929,1.205]],"v":[[402.885,17.007],[404.27,21.8],[407.977,23.608],[411.692,21.776],[413.069,16.642],[411.667,11.858],[407.944,10.025],[404.279,11.832]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.758],[0,0],[-1.51,-1.692],[-2.433,0],[-1.243,0.773],[-0.669,1.388],[0,1.747],[0,0],[1.509,1.692],[2.443,0],[1.232,-0.763],[0.691,-1.404]],"o":[[0,0],[0,2.786],[1.508,1.692],[1.614,0],[1.244,-0.775],[0.669,-1.387],[0,0],[0,-2.808],[-1.51,-1.691],[-1.582,0],[-1.234,0.764],[-0.691,1.404]],"v":[[-8.168,-0.166],[-8.168,0.05],[-5.904,6.767],[0.008,9.305],[4.296,8.144],[7.164,4.901],[8.168,0.199],[8.168,-0.017],[5.905,-6.767],[-0.025,-9.305],[-4.246,-8.16],[-7.132,-4.909]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[407.899,16.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 16","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[407.899,16.753],"ix":2},"a":{"a":0,"k":[407.899,16.753],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":41,"ty":4,"nm":"d","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[837.301,1180.495,0],"ix":2,"l":2},"a":{"a":0,"k":[384.815,13.154,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"s","pt":{"a":0,"k":{"i":[[0,-2.277],[-0.841,-1.149],[-1.482,0],[-0.896,1.747],[0,0],[1.903,0],[0.84,-1.161]],"o":[[0,2.034],[0.84,1.151],[1.945,0],[0,0],[-0.918,-1.692],[-1.503,0],[-0.841,1.161]],"v":[[380.306,16.959],[381.567,21.735],[385.05,23.46],[389.312,20.84],[389.312,12.597],[385.082,10.06],[381.567,11.801]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-2.753],[0,0],[-1.311,-1.702],[-2.078,0],[-1.228,1.504],[0,0],[0,0],[0,0],[0,0],[0,0],[2.101,0],[1.305,-1.674]],"o":[[0,0],[0,2.743],[1.31,1.704],[2.189,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-1.227,-1.437],[-2.111,0],[-1.305,1.676]],"v":[[-7.571,3.449],[-7.571,3.682],[-5.606,10.349],[-0.523,12.904],[4.602,10.648],[4.752,12.572],[7.571,12.572],[7.571,-12.904],[4.503,-12.904],[4.503,-3.549],[-0.49,-5.706],[-5.615,-3.193]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[384.815,13.154],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 18","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[384.815,13.154],"ix":2},"a":{"a":0,"k":[384.815,13.154],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"d","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":42,"ty":4,"nm":"e","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[804.112,1184.094,0],"ix":2,"l":2},"a":{"a":0,"k":[351.626,16.753,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"s","pt":{"a":0,"k":{"i":[[0.199,-1.626],[0,0],[0,0],[0.751,0.857],[1.282,0],[0.839,-0.901]],"o":[[0,0],[0,0],[-0.089,-1.559],[-0.752,-0.857],[-1.24,0],[-0.841,0.901]],"v":[[347.151,15.079],[356.14,15.079],[356.14,14.847],[354.88,11.223],[351.829,9.937],[348.711,11.289]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.78],[0,0],[-1.525,-1.598],[-2.433,0],[-1.504,2.312],[0,0],[0.751,-0.442],[1.083,0],[0.989,1.09],[0.044,1.77],[0,0],[0,0],[1.294,1.537],[2.332,0],[1.222,-0.791],[0.679,-1.398]],"o":[[0,0],[0,2.676],[1.526,1.597],[3.007,0],[0,0],[-0.563,0.73],[-0.752,0.443],[-1.527,0],[-0.989,-1.088],[0,0],[0,0],[0,-2.863],[-1.294,-1.536],[-1.427,0],[-1.222,0.79],[-0.68,1.4]],"v":[[-7.613,-0.067],[-7.613,0.498],[-5.324,6.908],[0.614,9.304],[7.38,5.838],[5.506,4.378],[3.533,6.136],[0.78,6.8],[-2.994,5.166],[-4.545,0.878],[7.613,0.878],[7.613,-0.398],[5.672,-6.999],[0.233,-9.304],[-3.74,-8.118],[-6.592,-4.835]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[351.626,16.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 20","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[351.626,16.753],"ix":2},"a":{"a":0,"k":[351.626,16.753],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"e","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":43,"ty":4,"nm":"g","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[781.675,1187.46,0],"ix":2,"l":2},"a":{"a":0,"k":[329.19,20.119,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"s","pt":{"a":0,"k":{"i":[[0,-2.277],[-0.829,-1.156],[-1.493,0],[-0.906,1.758],[0,0],[1.88,0],[0.84,-1.161]],"o":[[0,2.023],[0.829,1.155],[1.935,0],[0,0],[-0.939,-1.714],[-1.492,0],[-0.841,1.161]],"v":[[324.661,16.924],[325.905,21.693],[329.388,23.425],[333.65,20.788],[333.65,12.595],[329.421,10.025],[325.922,11.766]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-2.797],[-1.3,-1.691],[-2.101,0],[-1.227,1.415],[0,0],[0.835,-0.841],[1.492,0],[1.315,1.625],[0,0],[-1.239,-0.553],[-1.294,0],[-1.377,1.338],[0,2.323],[0,0],[0,0],[0,0],[2.189,0],[1.294,-1.652]],"o":[[0,2.919],[1.299,1.692],[2.123,0],[0,0],[0,1.526],[-0.835,0.84],[-1.902,0],[0,0],[0.652,0.962],[1.238,0.553],[2.321,0],[1.376,-1.338],[0,0],[0,0],[0,0],[-1.228,-1.548],[-2.134,0],[-1.293,1.654]],"v":[[-7.579,-3.516],[-5.631,3.4],[-0.531,5.938],[4.494,3.815],[4.494,5.357],[3.242,8.907],[-0.249,10.167],[-5.075,7.729],[-6.668,9.57],[-3.831,11.842],[-0.033,12.671],[5.515,10.665],[7.579,5.174],[7.579,-12.339],[4.776,-12.339],[4.627,-10.349],[-0.498,-12.671],[-5.64,-10.192]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[329.19,20.119],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 22","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[329.19,20.119],"ix":2},"a":{"a":0,"k":[329.19,20.119],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"g","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":44,"ty":4,"nm":"a","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[759.845,1184.094,0],"ix":2,"l":2},"a":{"a":0,"k":[307.359,16.753,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"s","pt":{"a":0,"k":{"i":[[0,-2.199],[-0.642,-0.541],[-1.007,0],[-0.862,0.498],[-0.388,0.796],[0,0],[0,0]],"o":[[0,0.962],[0.642,0.542],[0.962,0],[0.862,-0.497],[0,0],[0,0],[-3.759,0]],"v":[[303.009,20.269],[303.971,22.525],[306.443,23.337],[309.179,22.591],[311.053,20.651],[311.053,16.969],[308.648,16.969]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.868],[-1.134,-1.001],[-1.77,0],[-1.427,1.481],[-0.177,-0.354],[0,0],[0,0],[0,1.648],[0,0],[1.172,1.034],[2.067,0],[1.089,-0.487],[0.636,-0.834],[0,-0.896],[0,0],[-0.742,0.553],[-1.094,0],[-0.641,-0.636],[0,-1.073],[0,0],[0,0],[1.42,-1.034]],"o":[[0,1.537],[1.133,1.001],[1.979,0],[0.11,0.906],[0,0],[0,0],[-0.42,-0.973],[0,0],[-0.045,-1.814],[-1.172,-1.033],[-1.306,0],[-1.09,0.486],[-0.635,0.835],[0,0],[0,-0.785],[0.74,-0.553],[1.249,0],[0.641,0.636],[0,0],[0,0],[-2.576,0],[-1.421,1.035]],"v":[[-7.405,3.997],[-5.706,7.804],[-1.352,9.305],[3.757,7.082],[4.187,8.973],[7.405,8.973],[7.405,8.707],[6.775,4.776],[6.775,-3.482],[4.95,-7.754],[0.091,-9.305],[-3.5,-8.574],[-6.087,-6.593],[-7.04,-3.997],[-3.956,-3.997],[-2.844,-6.004],[-0.092,-6.833],[2.744,-5.879],[3.707,-3.317],[3.707,-1.907],[0.721,-1.907],[-5.274,-0.357]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[307.359,16.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 24","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[307.359,16.753],"ix":2},"a":{"a":0,"k":[307.359,16.753],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"a","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":45,"ty":4,"nm":"p","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[738.08,1187.378,0],"ix":2,"l":2},"a":{"a":0,"k":[285.594,20.037,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"s","pt":{"a":0,"k":{"i":[[0,0],[-1.891,0],[-0.867,1.167],[0,2.3],[0.862,1.172],[1.503,0],[0.929,-1.648]],"o":[[0.917,1.636],[1.47,0],[0.868,-1.166],[0,-2.024],[-0.863,-1.172],[-1.858,0],[0,0]],"v":[[281.092,21.09],[285.305,23.544],[288.812,21.794],[290.114,16.595],[288.821,11.802],[285.272,10.044],[281.092,12.515]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[-2.179,0],[-1.25,1.67],[0,2.731],[0,0],[1.255,1.625],[2.156,0],[1.25,-1.548],[0,0]],"o":[[0,0],[0,0],[0,0],[1.25,1.382],[2.134,0],[1.249,-1.668],[0,0],[0,-2.897],[-1.255,-1.625],[-2.223,0],[0,0],[0,0]],"v":[[-7.579,-12.257],[-7.579,12.588],[-4.512,12.588],[-4.512,3.947],[0.63,6.02],[5.705,3.515],[7.579,-3.084],[7.579,-3.367],[5.696,-10.15],[0.58,-12.588],[-4.628,-10.266],[-4.777,-12.257]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[285.594,20.037],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 26","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[285.594,20.037],"ix":2},"a":{"a":0,"k":[285.594,20.037],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"p","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":46,"ty":4,"nm":"s","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[704.17,1184.094,0],"ix":2,"l":2},"a":{"a":0,"k":[251.684,16.753,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0.785],[0.625,0.459],[1.553,0.332],[0.912,0.464],[0.437,0.642],[0,0.885],[-1.244,1.017],[-1.935,0],[-1.266,-1.051],[0,-1.637],[0,0],[0.713,0.608],[1.083,0],[0.631,-0.486],[0,-0.786],[-0.586,-0.376],[-1.531,-0.342],[-0.952,-0.475],[-0.459,-0.669],[0,-0.962],[1.282,-0.968],[2.046,0],[1.105,0.509],[0.625,0.912],[0,1.062],[0,0],[-0.769,-0.603],[-1.26,0],[-0.702,0.471]],"o":[[0,-0.829],[-0.625,-0.458],[-1.554,-0.332],[-0.912,-0.464],[-0.437,-0.641],[0,-1.47],[1.243,-1.018],[2.034,0],[1.267,1.05],[0,0],[0,-0.84],[-0.713,-0.608],[-1.117,0],[-0.63,0.488],[0,0.741],[0.586,0.376],[1.531,0.343],[0.95,0.476],[0.459,0.669],[0,1.604],[-1.283,0.966],[-1.437,0],[-1.106,-0.508],[-0.625,-0.912],[0,0],[0.055,1.029],[0.768,0.602],[1.161,0],[0.702,-0.47]],"v":[[4.064,4.213],[3.126,2.28],[-0.141,1.095],[-3.84,-0.099],[-5.863,-1.758],[-6.518,-4.047],[-4.652,-7.778],[0.116,-9.305],[5.066,-7.728],[6.965,-3.698],[3.882,-3.698],[2.811,-5.871],[0.116,-6.783],[-2.505,-6.054],[-3.449,-4.146],[-2.571,-2.471],[0.605,-1.393],[4.329,-0.166],[6.443,1.551],[7.132,3.997],[5.208,7.854],[0.215,9.305],[-3.599,8.541],[-6.195,6.41],[-7.132,3.45],[-4.063,3.45],[-2.828,5.897],[0.215,6.8],[3.01,6.095]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[251.684,16.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"s","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":47,"ty":4,"nm":"i","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[687.978,1180.826,0],"ix":2,"l":2},"a":{"a":0,"k":[235.492,13.485,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-1.534,8.973],[1.534,8.973],[1.534,-8.973],[-1.534,-8.973]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[235.46,16.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 28","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.597,0],[-0.31,0.331],[0,0.497],[0.309,0.343],[0.597,0],[0.304,-0.343],[0,-0.498],[-0.304,-0.332]],"o":[[0.597,0],[0.309,-0.332],[0,-0.498],[-0.31,-0.343],[-0.597,0],[-0.304,0.343],[0,0.497],[0.304,0.331]],"v":[[-0.008,1.758],[1.352,1.261],[1.816,0.017],[1.352,-1.244],[-0.008,-1.758],[-1.36,-1.244],[-1.816,0.017],[-1.36,1.261]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[235.492,3.004],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 29","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[235.492,13.485],"ix":2},"a":{"a":0,"k":[235.492,13.485],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"i","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":48,"ty":4,"nm":"h","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[671.098,1180.329,0],"ix":2,"l":2},"a":{"a":0,"k":[218.612,12.988,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-2.178,0],[-0.033,-4.279],[0,0],[0,0],[0,0],[0.581,0.619],[1.228,0],[0.752,-0.531],[0.42,-0.862],[0,0],[0,0],[0,0],[0,0]],"o":[[1.36,-1.67],[3.793,0],[0,0],[0,0],[0,0],[-0.012,-1.293],[-0.58,-0.619],[-0.995,0],[-0.752,0.531],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-3.989,-3.035],[1.318,-5.54],[7.057,0.879],[7.057,12.737],[3.989,12.737],[3.989,0.862],[3.101,-2.007],[0.389,-2.935],[-2.231,-2.139],[-3.989,-0.05],[-3.989,12.737],[-7.057,12.737],[-7.057,-12.737],[-3.989,-12.737]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[218.612,12.988],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"h","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":49,"ty":4,"nm":"t","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[652.26,1182.087,0],"ix":2,"l":2},"a":{"a":0,"k":[199.775,14.746,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.299,-0.361],[-0.719,0],[-0.619,0.133],[0,0],[0.763,0],[0.696,0.829],[0,1.526],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0.72],[0.298,0.359],[0.353,0],[0,0],[-0.807,0.22],[-1.371,0],[-0.697,-0.829],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1.451,-11.311],[1.451,-6.966],[4.801,-6.966],[4.801,-4.594],[1.451,-4.594],[1.451,6.548],[1.899,8.168],[3.425,8.707],[4.884,8.507],[4.884,10.981],[2.529,11.311],[-0.572,10.067],[-1.617,6.534],[-1.617,-4.594],[-4.884,-4.594],[-4.884,-6.966],[-1.617,-6.966],[-1.617,-11.311]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[199.775,14.746],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"t","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":50,"ty":4,"nm":"e","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[623.185,1184.094,0],"ix":2,"l":2},"a":{"a":0,"k":[170.699,16.753,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"s","pt":{"a":0,"k":{"i":[[0.199,-1.626],[0,0],[0,0],[0.751,0.857],[1.283,0],[0.84,-0.901]],"o":[[0,0],[0,0],[-0.088,-1.559],[-0.752,-0.857],[-1.238,0],[-0.84,0.901]],"v":[[166.26,15.105],[175.249,15.105],[175.249,14.873],[173.989,11.249],[170.937,9.963],[167.819,11.315]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.78],[0,0],[-1.526,-1.598],[-2.433,0],[-1.504,2.312],[0,0],[0.752,-0.442],[1.084,0],[0.989,1.09],[0.044,1.77],[0,0],[0,0],[1.293,1.537],[2.333,0],[1.221,-0.791],[0.68,-1.398]],"o":[[0,0],[0,2.676],[1.525,1.597],[3.007,0],[0,0],[-0.564,0.73],[-0.752,0.443],[-1.526,0],[-0.99,-1.088],[0,0],[0,0],[0,-2.863],[-1.294,-1.536],[-1.427,0],[-1.222,0.79],[-0.68,1.4]],"v":[[-7.612,-0.067],[-7.612,0.498],[-5.324,6.908],[0.613,9.304],[7.38,5.838],[5.506,4.378],[3.532,6.136],[0.779,6.8],[-2.994,5.166],[-4.544,0.878],[7.612,0.878],[7.612,-0.398],[5.672,-6.999],[0.232,-9.304],[-3.74,-8.118],[-6.593,-4.835]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[170.699,16.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"e","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[170.699,16.753],"ix":2},"a":{"a":0,"k":[170.699,16.753],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"e","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":51,"ty":4,"nm":"k","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[603.51,1180.329,0],"ix":2,"l":2},"a":{"a":0,"k":[151.024,12.988,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-2.43,4.427],[-4.354,6.434],[-4.354,12.738],[-7.422,12.738],[-7.422,-12.738],[-4.354,-12.738],[-4.354,2.669],[-2.712,0.696],[2.877,-5.209],[6.609,-5.209],[-0.373,2.288],[7.422,12.738],[3.823,12.738]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[151.024,12.988],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"k","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":52,"ty":4,"nm":"i","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[586.264,1180.826,0],"ix":2,"l":2},"a":{"a":0,"k":[133.779,13.485,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-1.534,8.973],[1.534,8.973],[1.534,-8.973],[-1.534,-8.973]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[133.746,16.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 35","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.597,0],[-0.31,0.331],[0,0.497],[0.309,0.343],[0.597,0],[0.304,-0.343],[0,-0.498],[-0.304,-0.332]],"o":[[0.597,0],[0.309,-0.332],[0,-0.498],[-0.31,-0.343],[-0.597,0],[-0.304,0.343],[0,0.497],[0.304,0.331]],"v":[[-0.008,1.758],[1.352,1.261],[1.816,0.017],[1.352,-1.244],[-0.008,-1.758],[-1.36,-1.244],[-1.816,0.017],[-1.36,1.261]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[133.779,3.004],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 36","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[133.779,13.485],"ix":2},"a":{"a":0,"k":[133.779,13.485],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"i","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":53,"ty":4,"nm":"l","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[574.592,1180.329,0],"ix":2,"l":2},"a":{"a":0,"k":[122.106,12.988,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[1.534,12.738],[-1.534,12.738],[-1.534,-12.738],[1.534,-12.738]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[122.106,12.988],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"l","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":54,"ty":4,"nm":"s","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[546.461,1184.094,0],"ix":2,"l":2},"a":{"a":0,"k":[93.976,16.753,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0.785],[0.625,0.459],[1.553,0.332],[0.912,0.464],[0.437,0.642],[0,0.885],[-1.244,1.017],[-1.935,0],[-1.266,-1.051],[0,-1.637],[0,0],[0.713,0.608],[1.083,0],[0.631,-0.486],[0,-0.786],[-0.586,-0.376],[-1.531,-0.342],[-0.952,-0.475],[-0.459,-0.669],[0,-0.962],[1.282,-0.968],[2.046,0],[1.105,0.509],[0.625,0.912],[0,1.062],[0,0],[-0.769,-0.603],[-1.26,0],[-0.702,0.471]],"o":[[0,-0.829],[-0.625,-0.458],[-1.554,-0.332],[-0.912,-0.464],[-0.437,-0.641],[0,-1.47],[1.243,-1.018],[2.034,0],[1.267,1.05],[0,0],[0,-0.84],[-0.713,-0.608],[-1.117,0],[-0.63,0.488],[0,0.741],[0.586,0.376],[1.531,0.343],[0.95,0.476],[0.459,0.669],[0,1.604],[-1.283,0.966],[-1.437,0],[-1.106,-0.508],[-0.625,-0.912],[0,0],[0.055,1.029],[0.768,0.602],[1.161,0],[0.702,-0.47]],"v":[[4.064,4.213],[3.126,2.28],[-0.141,1.095],[-3.84,-0.099],[-5.863,-1.758],[-6.518,-4.047],[-4.652,-7.778],[0.116,-9.305],[5.066,-7.728],[6.965,-3.698],[3.882,-3.698],[2.811,-5.871],[0.116,-6.783],[-2.505,-6.054],[-3.449,-4.146],[-2.571,-2.471],[0.605,-1.393],[4.329,-0.166],[6.443,1.551],[7.132,3.997],[5.208,7.854],[0.215,9.305],[-3.599,8.541],[-6.195,6.41],[-7.132,3.45],[-4.063,3.45],[-2.828,5.897],[0.215,6.8],[3.01,6.095]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[93.976,16.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"s","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":55,"ty":4,"nm":"k","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[526.903,1180.329,0],"ix":2,"l":2},"a":{"a":0,"k":[74.418,12.988,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-2.43,4.427],[-4.354,6.434],[-4.354,12.738],[-7.422,12.738],[-7.422,-12.738],[-4.354,-12.738],[-4.354,2.669],[-2.712,0.696],[2.877,-5.209],[6.609,-5.209],[-0.373,2.288],[7.422,12.738],[3.823,12.738]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[74.418,12.988],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"k","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":56,"ty":4,"nm":"o","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[504.051,1184.094,0],"ix":2,"l":2},"a":{"a":0,"k":[51.566,16.753,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"s","pt":{"a":0,"k":{"i":[[0,-2.244],[-0.924,-1.205],[-1.548,0],[-0.918,1.221],[0,2.2],[0.934,1.221],[1.548,0],[0.929,-1.205]],"o":[[0,1.99],[0.923,1.205],[1.559,0],[0.917,-1.222],[0,-1.968],[-0.935,-1.222],[-1.515,0],[-0.929,1.205]],"v":[[46.448,16.924],[47.833,21.717],[51.539,23.525],[55.255,21.693],[56.631,16.559],[55.23,11.775],[51.506,9.942],[47.841,11.749]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.758],[0,0],[-1.51,-1.692],[-2.432,0],[-1.244,0.773],[-0.669,1.388],[0,1.747],[0,0],[1.51,1.692],[2.444,0],[1.233,-0.763],[0.691,-1.404]],"o":[[0,0],[0,2.786],[1.509,1.692],[1.615,0],[1.244,-0.775],[0.669,-1.387],[0,0],[0,-2.808],[-1.509,-1.691],[-1.581,0],[-1.233,0.764],[-0.692,1.404]],"v":[[-8.168,-0.166],[-8.168,0.05],[-5.904,6.767],[0.008,9.305],[4.296,8.144],[7.165,4.901],[8.168,0.199],[8.168,-0.017],[5.904,-6.767],[-0.025,-9.305],[-4.246,-8.16],[-7.131,-4.909]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[51.566,16.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 41","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[51.566,16.753],"ix":2},"a":{"a":0,"k":[51.566,16.753],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":57,"ty":4,"nm":"o","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[481.283,1184.094,0],"ix":2,"l":2},"a":{"a":0,"k":[28.798,16.753,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"s","pt":{"a":0,"k":{"i":[[0,-2.244],[-0.924,-1.205],[-1.548,0],[-0.918,1.221],[0,2.2],[0.934,1.221],[1.548,0],[0.929,-1.205]],"o":[[0,1.99],[0.923,1.205],[1.559,0],[0.917,-1.222],[0,-1.968],[-0.935,-1.222],[-1.515,0],[-0.929,1.205]],"v":[[23.765,16.964],[25.15,21.757],[28.856,23.565],[32.572,21.733],[33.948,16.599],[32.547,11.815],[28.823,9.982],[25.158,11.789]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.758],[0,0],[-1.51,-1.692],[-2.432,0],[-1.244,0.773],[-0.669,1.388],[0,1.747],[0,0],[1.51,1.692],[2.444,0],[1.233,-0.763],[0.691,-1.404]],"o":[[0,0],[0,2.786],[1.509,1.692],[1.615,0],[1.244,-0.775],[0.669,-1.387],[0,0],[0,-2.808],[-1.509,-1.691],[-1.581,0],[-1.233,0.764],[-0.692,1.404]],"v":[[-8.168,-0.166],[-8.168,0.05],[-5.904,6.767],[0.008,9.305],[4.296,8.144],[7.165,4.901],[8.168,0.199],[8.168,-0.017],[5.904,-6.767],[-0.025,-9.305],[-4.246,-8.16],[-7.131,-4.909]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[28.798,16.753],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o 2","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[28.798,16.753],"ix":2},"a":{"a":0,"k":[28.798,16.753],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":58,"ty":4,"nm":"L","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[460.058,1180.992,0],"ix":2,"l":2},"a":{"a":0,"k":[7.572,13.651,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-4.121,9.47],[7.323,9.47],[7.323,12.074],[-7.323,12.074],[-7.323,-12.074],[-4.121,-12.074]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.981989961512,0.981989961512,0.981989961512,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[7.572,13.651],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"L","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":59,"ty":4,"nm":"!","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[867.748,339.706,0],"ix":2,"l":2},"a":{"a":0,"k":[254.473,30.414,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-5.654,17.424],[5.654,17.424],[5.654,30.164],[-5.654,30.164]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0]],"o":[[0,0]],"v":[[-5.654,30.164]],"c":false},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-5.654,-30.164],[5.654,-30.164],[5.654,7.637],[-5.654,7.637]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.281516699697,0.515641216203,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[254.473,30.414],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"!","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":60,"ty":4,"nm":"s","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[825.096,348.059,0],"ix":2,"l":2},"a":{"a":0,"k":[211.82,38.768,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[5.4,0],[3.43,1.236],[2.474,2.42],[0,0],[-2.56,-1.012],[-2.362,0],[-1.323,0.76],[0,1.519],[0.731,0.583],[1.378,0.444],[1.968,0.555],[2.194,1],[1.096,1.527],[0,2.387],[-1.491,2.084],[-2.672,1.166],[-3.601,0],[-2.813,-0.984],[-2.307,-2.194],[0,0],[2.026,0.816],[2.08,0],[1.04,-0.276],[0.645,-0.637],[0,-1.162],[-0.59,-0.58],[-1.21,-0.443],[-1.745,-0.554],[-2.447,-1.052],[-1.237,-1.521],[0,-2.658],[3.206,-2.436]],"o":[[-3.77,0],[-3.432,-1.237],[0,0],[2.642,2.139],[2.559,1.013],[2.193,0],[1.321,-0.759],[0,-1.055],[-0.731,-0.583],[-1.379,-0.445],[-3.263,-1.055],[-2.193,-0.999],[-1.097,-1.526],[0,-2.888],[1.49,-2.083],[2.671,-1.165],[3.149,0],[2.812,0.984],[0,0],[-2.25,-1.743],[-2.025,-0.815],[-1.182,0],[-1.042,0.277],[-0.648,0.636],[0,1.053],[0.591,0.582],[1.209,0.443],[3.544,0.996],[2.447,1.052],[1.238,1.523],[0,4.319],[-3.206,2.436]],"v":[[0.971,22.655],[-9.83,20.799],[-18.69,15.314],[-14.638,7.973],[-6.835,12.698],[0.548,14.217],[5.823,13.078],[7.805,9.661],[6.708,7.205],[3.544,5.664],[-1.477,4.165],[-9.661,1.082],[-14.596,-2.707],[-16.242,-8.578],[-14.007,-16.033],[-7.763,-20.906],[1.646,-22.655],[10.589,-21.178],[18.268,-16.411],[13.711,-9.239],[7.298,-13.078],[1.139,-14.302],[-2.193,-13.887],[-4.724,-12.515],[-5.695,-9.817],[-4.81,-7.367],[-2.109,-5.831],[2.32,-4.336],[11.307,-1.263],[16.833,2.598],[18.69,8.869],[13.88,19.002]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.281516699697,0.515641216203,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[211.82,38.768],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"s","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":61,"ty":4,"nm":"p","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[770.759,356.623,0],"ix":2,"l":2},"a":{"a":0,"k":[157.483,47.332,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"s","pt":{"a":0,"k":{"i":[[0,0],[-1.153,-1.318],[-1.519,-0.741],[-1.576,0],[-1.407,0.717],[-1.041,1.242],[-0.535,1.573],[0,1.712],[0.591,1.545],[1.124,1.186],[1.491,0.662],[1.743,0],[1.096,-0.356],[1.011,-0.659],[0.759,-0.876],[0.338,-1.041]],"o":[[0.675,1.594],[1.153,1.318],[1.52,0.743],[1.743,0],[1.405,-0.717],[1.04,-1.242],[0.535,-1.572],[0,-1.821],[-0.59,-1.546],[-1.126,-1.187],[-1.491,-0.662],[-1.07,0],[-1.098,0.356],[-1.013,0.657],[-0.76,0.878],[0,0]],"v":[[145.884,43.229],[148.626,47.598],[152.634,50.688],[157.275,51.801],[162,50.725],[165.67,47.788],[168.032,43.566],[168.834,38.641],[167.948,33.592],[165.375,29.496],[161.451,26.723],[156.6,25.729],[153.352,26.264],[150.188,27.786],[147.53,30.087],[145.884,32.965]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[-2.615,-1.529],[-3.432,0],[-2.898,2.031],[-1.66,3.448],[0,4.229],[1.04,2.698],[1.856,2.085],[2.502,1.168],[2.981,0],[2.587,-1.474],[1.687,-2.558],[0,0]],"o":[[0,0],[0,0],[0,0],[1.462,2.615],[2.617,1.528],[3.768,0],[2.896,-2.03],[1.659,-3.449],[0,-3.113],[-1.042,-2.697],[-1.857,-2.086],[-2.504,-1.168],[-3.319,0],[-2.588,1.474],[0,0],[0,0]],"v":[[-22.908,-30.544],[-22.908,31.219],[-11.602,31.219],[-11.602,5.58],[-5.485,11.797],[3.586,14.091],[13.585,11.045],[20.419,2.827],[22.908,-8.69],[21.347,-17.409],[17.002,-24.585],[10.463,-29.467],[2.236,-31.219],[-6.623,-29.007],[-13.036,-22.958],[-13.036,-30.544]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.281516699697,0.515641216203,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[157.483,47.332],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[157.483,47.332],"ix":2},"a":{"a":0,"k":[157.483,47.332],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"p","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":62,"ty":4,"nm":"o","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[708.659,348.059,0],"ix":2,"l":2},"a":{"a":0,"k":[95.384,38.768,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"s","pt":{"a":0,"k":{"i":[[0,-2.538],[-1.013,-1.959],[-1.744,-1.104],[-2.194,0],[-1.744,1.131],[-1.041,1.959],[0,2.54],[1.04,1.987],[1.744,1.104],[2.137,0],[1.743,-1.131],[1.012,-1.959]],"o":[[0,2.54],[1.012,1.96],[1.743,1.103],[2.137,0],[1.744,-1.132],[1.04,-1.959],[0,-2.483],[-1.041,-1.985],[-1.744,-1.103],[-2.194,0],[-1.744,1.131],[-1.013,1.959]],"v":[[83.866,38.746],[85.385,45.492],[89.519,50.087],[95.426,51.742],[101.247,50.045],[105.424,45.411],[106.985,38.664],[105.424,31.959],[101.247,27.325],[95.426,25.669],[89.519,27.366],[85.385,32.001]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.059],[-1.07,-2.727],[-1.997,-2.114],[-2.868,-1.195],[-3.601,0],[-2.869,1.196],[-1.998,2.114],[-1.042,2.726],[0,3.003],[1.04,2.727],[2.025,2.115],[2.84,1.197],[3.599,0],[2.869,-1.196],[1.996,-2.113],[1.067,-2.726]],"o":[[0,3.003],[1.067,2.726],[1.996,2.114],[2.869,1.196],[3.599,0],[2.869,-1.195],[1.996,-2.114],[1.04,-2.727],[0,-3.059],[-1.042,-2.726],[-2.025,-2.113],[-2.842,-1.196],[-3.601,0],[-2.868,1.197],[-1.997,2.115],[-1.07,2.727]],"v":[[-23.161,0.042],[-21.558,8.637],[-16.96,15.896],[-9.661,20.86],[0.042,22.655],[9.745,20.86],[17.044,15.896],[21.6,8.637],[23.161,0.042],[21.6,-8.636],[17.001,-15.896],[9.703,-20.861],[0.042,-22.655],[-9.661,-20.861],[-16.96,-15.896],[-21.558,-8.636]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.281516699697,0.515641216203,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[95.384,38.768],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[95.384,38.768],"ix":2},"a":{"a":0,"k":[95.384,38.768],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"o","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":63,"ty":4,"nm":"O","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[642.762,339.917,0],"ix":2,"l":2},"a":{"a":0,"k":[29.486,30.625,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"s","pt":{"a":0,"k":{"i":[[0,-2.475],[-0.788,-2.418],[-1.492,-1.883],[-2.166,-1.098],[-2.757,0],[-2.194,1.153],[-1.463,1.941],[-0.759,2.392],[0,2.419],[0.815,2.391],[1.49,1.885],[2.164,1.097],[2.7,0],[2.165,-1.152],[1.462,-1.912],[0.759,-2.363]],"o":[[0,2.588],[0.787,2.419],[1.489,1.886],[2.165,1.096],[2.812,0],[2.193,-1.152],[1.462,-1.94],[0.76,-2.39],[0,-2.586],[-0.816,-2.39],[-1.491,-1.884],[-2.167,-1.097],[-2.869,0],[-2.166,1.153],[-1.463,1.913],[-0.759,2.362]],"v":[[12.062,30.625],[13.243,38.135],[16.661,44.59],[22.145,49.062],[29.528,50.708],[37.038,48.978],[42.522,44.337],[45.854,37.84],[46.994,30.625],[45.77,23.159],[42.311,16.746],[36.827,12.274],[29.528,10.629],[21.976,12.359],[16.534,16.957],[13.201,23.37]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-3.993],[-1.406,-3.628],[-2.56,-2.897],[-3.573,-1.687],[-4.387,0],[-3.573,1.632],[-2.616,2.841],[-1.464,3.628],[0,3.938],[1.406,3.601],[2.531,2.925],[3.572,1.745],[4.331,0],[3.571,-1.658],[2.615,-2.84],[1.49,-3.628]],"o":[[0,3.826],[1.406,3.628],[2.559,2.897],[3.571,1.688],[4.219,0],[3.572,-1.631],[2.615,-2.84],[1.462,-3.629],[0,-3.825],[-1.406,-3.599],[-2.532,-2.925],[-3.573,-1.742],[-4.275,0],[-3.573,1.66],[-2.616,2.841],[-1.491,3.628]],"v":[[-29.236,0],[-27.128,11.18],[-21.178,20.968],[-11.982,27.844],[-0.043,30.375],[11.643,27.929],[20.926,21.221],[27.043,11.518],[29.236,0.169],[27.126,-10.969],[21.22,-20.756],[12.065,-27.76],[0.21,-30.375],[-11.56,-27.886],[-20.84,-21.136],[-27.001,-11.433]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.281516699697,0.515641216203,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[29.486,30.625],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 8","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[29.486,30.625],"ix":2},"a":{"a":0,"k":[29.486,30.625],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"O","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":64,"ty":4,"nm":"BackGround","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[750,750,0],"ix":2,"l":2},"a":{"a":0,"k":[750.25,750.25,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-750,750],[750,750],[750,-750],[-750,-750]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.137433205399,0.133689042634,0.278676081639,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[750.25,750.25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0}],"markers":[]} \ No newline at end of file diff --git a/src/assets/images/active-aids-banner.jpg b/src/assets/images/active-aids-banner.jpg new file mode 100644 index 0000000..dcc5a35 Binary files /dev/null and b/src/assets/images/active-aids-banner.jpg differ diff --git a/src/assets/images/auth-profile-picture.png b/src/assets/images/auth-profile-picture.png new file mode 100644 index 0000000..0fad8b2 Binary files /dev/null and b/src/assets/images/auth-profile-picture.png differ diff --git a/src/assets/images/auth-thumb.svg b/src/assets/images/auth-thumb.svg new file mode 100644 index 0000000..de3e405 --- /dev/null +++ b/src/assets/images/auth-thumb.svg @@ -0,0 +1,4030 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/background-2.svg b/src/assets/images/background-2.svg new file mode 100644 index 0000000..9ec737c --- /dev/null +++ b/src/assets/images/background-2.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/background-dark.svg b/src/assets/images/background-dark.svg new file mode 100644 index 0000000..ace1b83 --- /dev/null +++ b/src/assets/images/background-dark.svg @@ -0,0 +1,70 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/background.svg b/src/assets/images/background.svg new file mode 100644 index 0000000..b218783 --- /dev/null +++ b/src/assets/images/background.svg @@ -0,0 +1,64 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/bank-1.png b/src/assets/images/bank-1.png new file mode 100644 index 0000000..0a81b8a Binary files /dev/null and b/src/assets/images/bank-1.png differ diff --git a/src/assets/images/bank-2.png b/src/assets/images/bank-2.png new file mode 100644 index 0000000..b83bdb1 Binary files /dev/null and b/src/assets/images/bank-2.png differ diff --git a/src/assets/images/bank-3.png b/src/assets/images/bank-3.png new file mode 100644 index 0000000..703655b Binary files /dev/null and b/src/assets/images/bank-3.png differ diff --git a/src/assets/images/bank-4.png b/src/assets/images/bank-4.png new file mode 100644 index 0000000..95cf342 Binary files /dev/null and b/src/assets/images/bank-4.png differ diff --git a/src/assets/images/choose-collection-1.png b/src/assets/images/choose-collection-1.png new file mode 100644 index 0000000..246ed7d Binary files /dev/null and b/src/assets/images/choose-collection-1.png differ diff --git a/src/assets/images/choose-collection-2.png b/src/assets/images/choose-collection-2.png new file mode 100644 index 0000000..246ed7d Binary files /dev/null and b/src/assets/images/choose-collection-2.png differ diff --git a/src/assets/images/choose-collection-3.png b/src/assets/images/choose-collection-3.png new file mode 100644 index 0000000..246ed7d Binary files /dev/null and b/src/assets/images/choose-collection-3.png differ diff --git a/src/assets/images/collection-arts-1.jpg b/src/assets/images/collection-arts-1.jpg new file mode 100644 index 0000000..7de5ab8 Binary files /dev/null and b/src/assets/images/collection-arts-1.jpg differ diff --git a/src/assets/images/collection-arts-2.jpg b/src/assets/images/collection-arts-2.jpg new file mode 100644 index 0000000..d7d9727 Binary files /dev/null and b/src/assets/images/collection-arts-2.jpg differ diff --git a/src/assets/images/collection-arts-3.jpg b/src/assets/images/collection-arts-3.jpg new file mode 100644 index 0000000..d7d9727 Binary files /dev/null and b/src/assets/images/collection-arts-3.jpg differ diff --git a/src/assets/images/collection-cards-1.jpg b/src/assets/images/collection-cards-1.jpg new file mode 100644 index 0000000..7de5ab8 Binary files /dev/null and b/src/assets/images/collection-cards-1.jpg differ diff --git a/src/assets/images/collection-cards-2.jpg b/src/assets/images/collection-cards-2.jpg new file mode 100644 index 0000000..d7d9727 Binary files /dev/null and b/src/assets/images/collection-cards-2.jpg differ diff --git a/src/assets/images/collection-cards-3.jpg b/src/assets/images/collection-cards-3.jpg new file mode 100644 index 0000000..d7d9727 Binary files /dev/null and b/src/assets/images/collection-cards-3.jpg differ diff --git a/src/assets/images/collection-domain-1.jpg b/src/assets/images/collection-domain-1.jpg new file mode 100644 index 0000000..7de5ab8 Binary files /dev/null and b/src/assets/images/collection-domain-1.jpg differ diff --git a/src/assets/images/collection-domain-2.jpg b/src/assets/images/collection-domain-2.jpg new file mode 100644 index 0000000..d7d9727 Binary files /dev/null and b/src/assets/images/collection-domain-2.jpg differ diff --git a/src/assets/images/collection-domain-3.jpg b/src/assets/images/collection-domain-3.jpg new file mode 100644 index 0000000..d7d9727 Binary files /dev/null and b/src/assets/images/collection-domain-3.jpg differ diff --git a/src/assets/images/collection-game-1.jpg b/src/assets/images/collection-game-1.jpg new file mode 100644 index 0000000..7de5ab8 Binary files /dev/null and b/src/assets/images/collection-game-1.jpg differ diff --git a/src/assets/images/collection-game-2.jpg b/src/assets/images/collection-game-2.jpg new file mode 100644 index 0000000..d7d9727 Binary files /dev/null and b/src/assets/images/collection-game-2.jpg differ diff --git a/src/assets/images/collection-game-3.jpg b/src/assets/images/collection-game-3.jpg new file mode 100644 index 0000000..d7d9727 Binary files /dev/null and b/src/assets/images/collection-game-3.jpg differ diff --git a/src/assets/images/collection-photography-1.jpg b/src/assets/images/collection-photography-1.jpg new file mode 100644 index 0000000..7de5ab8 Binary files /dev/null and b/src/assets/images/collection-photography-1.jpg differ diff --git a/src/assets/images/collection-photography-2.jpg b/src/assets/images/collection-photography-2.jpg new file mode 100644 index 0000000..d7d9727 Binary files /dev/null and b/src/assets/images/collection-photography-2.jpg differ diff --git a/src/assets/images/collection-photography-3.jpg b/src/assets/images/collection-photography-3.jpg new file mode 100644 index 0000000..d7d9727 Binary files /dev/null and b/src/assets/images/collection-photography-3.jpg differ diff --git a/src/assets/images/collection-plan-1.jpg b/src/assets/images/collection-plan-1.jpg new file mode 100644 index 0000000..7de5ab8 Binary files /dev/null and b/src/assets/images/collection-plan-1.jpg differ diff --git a/src/assets/images/collection-plan-2.jpg b/src/assets/images/collection-plan-2.jpg new file mode 100644 index 0000000..d7d9727 Binary files /dev/null and b/src/assets/images/collection-plan-2.jpg differ diff --git a/src/assets/images/collection-plan-3.jpg b/src/assets/images/collection-plan-3.jpg new file mode 100644 index 0000000..d7d9727 Binary files /dev/null and b/src/assets/images/collection-plan-3.jpg differ diff --git a/src/assets/images/collection-sports-1.jpg b/src/assets/images/collection-sports-1.jpg new file mode 100644 index 0000000..7de5ab8 Binary files /dev/null and b/src/assets/images/collection-sports-1.jpg differ diff --git a/src/assets/images/collection-sports-2.jpg b/src/assets/images/collection-sports-2.jpg new file mode 100644 index 0000000..d7d9727 Binary files /dev/null and b/src/assets/images/collection-sports-2.jpg differ diff --git a/src/assets/images/collection-sports-3.jpg b/src/assets/images/collection-sports-3.jpg new file mode 100644 index 0000000..d7d9727 Binary files /dev/null and b/src/assets/images/collection-sports-3.jpg differ diff --git a/src/assets/images/collection-uitily-1.jpg b/src/assets/images/collection-uitily-1.jpg new file mode 100644 index 0000000..7de5ab8 Binary files /dev/null and b/src/assets/images/collection-uitily-1.jpg differ diff --git a/src/assets/images/collection-uitily-2.jpg b/src/assets/images/collection-uitily-2.jpg new file mode 100644 index 0000000..d7d9727 Binary files /dev/null and b/src/assets/images/collection-uitily-2.jpg differ diff --git a/src/assets/images/collection-uitily-3.jpg b/src/assets/images/collection-uitily-3.jpg new file mode 100644 index 0000000..d7d9727 Binary files /dev/null and b/src/assets/images/collection-uitily-3.jpg differ diff --git a/src/assets/images/collection-worlds-1.jpg b/src/assets/images/collection-worlds-1.jpg new file mode 100644 index 0000000..7de5ab8 Binary files /dev/null and b/src/assets/images/collection-worlds-1.jpg differ diff --git a/src/assets/images/collection-worlds-2.jpg b/src/assets/images/collection-worlds-2.jpg new file mode 100644 index 0000000..d7d9727 Binary files /dev/null and b/src/assets/images/collection-worlds-2.jpg differ diff --git a/src/assets/images/collection-worlds-3.jpg b/src/assets/images/collection-worlds-3.jpg new file mode 100644 index 0000000..d7d9727 Binary files /dev/null and b/src/assets/images/collection-worlds-3.jpg differ diff --git a/src/assets/images/country-1.png b/src/assets/images/country-1.png new file mode 100644 index 0000000..01c1eb9 Binary files /dev/null and b/src/assets/images/country-1.png differ diff --git a/src/assets/images/country-2.png b/src/assets/images/country-2.png new file mode 100644 index 0000000..01c1eb9 Binary files /dev/null and b/src/assets/images/country-2.png differ diff --git a/src/assets/images/country-3.png b/src/assets/images/country-3.png new file mode 100644 index 0000000..01c1eb9 Binary files /dev/null and b/src/assets/images/country-3.png differ diff --git a/src/assets/images/creator.png b/src/assets/images/creator.png new file mode 100644 index 0000000..b90347b Binary files /dev/null and b/src/assets/images/creator.png differ diff --git a/src/assets/images/data-table-user-1.png b/src/assets/images/data-table-user-1.png new file mode 100644 index 0000000..d0d8f56 Binary files /dev/null and b/src/assets/images/data-table-user-1.png differ diff --git a/src/assets/images/data-table-user-2.png b/src/assets/images/data-table-user-2.png new file mode 100644 index 0000000..d0d8f56 Binary files /dev/null and b/src/assets/images/data-table-user-2.png differ diff --git a/src/assets/images/data-table-user-3.png b/src/assets/images/data-table-user-3.png new file mode 100644 index 0000000..d0d8f56 Binary files /dev/null and b/src/assets/images/data-table-user-3.png differ diff --git a/src/assets/images/data-table-user-4.png b/src/assets/images/data-table-user-4.png new file mode 100644 index 0000000..d0d8f56 Binary files /dev/null and b/src/assets/images/data-table-user-4.png differ diff --git a/src/assets/images/google-logo.svg b/src/assets/images/google-logo.svg new file mode 100644 index 0000000..be5d677 --- /dev/null +++ b/src/assets/images/google-logo.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/assets/images/hero-bg.svg b/src/assets/images/hero-bg.svg new file mode 100644 index 0000000..463ec77 --- /dev/null +++ b/src/assets/images/hero-bg.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/hero-user.png b/src/assets/images/hero-user.png new file mode 100644 index 0000000..ee9d042 Binary files /dev/null and b/src/assets/images/hero-user.png differ diff --git a/src/assets/images/logo-1.svg b/src/assets/images/logo-1.svg new file mode 100644 index 0000000..f476181 --- /dev/null +++ b/src/assets/images/logo-1.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/logo-2.svg b/src/assets/images/logo-2.svg new file mode 100644 index 0000000..31b8fbc --- /dev/null +++ b/src/assets/images/logo-2.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/images/logo-3.svg b/src/assets/images/logo-3.svg new file mode 100644 index 0000000..f0d9926 --- /dev/null +++ b/src/assets/images/logo-3.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/images/marketplace-product-1.jpg b/src/assets/images/marketplace-product-1.jpg new file mode 100644 index 0000000..5ec12df Binary files /dev/null and b/src/assets/images/marketplace-product-1.jpg differ diff --git a/src/assets/images/marketplace-product-2.jpg b/src/assets/images/marketplace-product-2.jpg new file mode 100644 index 0000000..4134bd3 Binary files /dev/null and b/src/assets/images/marketplace-product-2.jpg differ diff --git a/src/assets/images/marketplace-product-3.jpg b/src/assets/images/marketplace-product-3.jpg new file mode 100644 index 0000000..4134bd3 Binary files /dev/null and b/src/assets/images/marketplace-product-3.jpg differ diff --git a/src/assets/images/marketplace-product-4.jpg b/src/assets/images/marketplace-product-4.jpg new file mode 100644 index 0000000..4134bd3 Binary files /dev/null and b/src/assets/images/marketplace-product-4.jpg differ diff --git a/src/assets/images/marketplace-product-5.jpg b/src/assets/images/marketplace-product-5.jpg new file mode 100644 index 0000000..4134bd3 Binary files /dev/null and b/src/assets/images/marketplace-product-5.jpg differ diff --git a/src/assets/images/marketplace-product-6.jpg b/src/assets/images/marketplace-product-6.jpg new file mode 100644 index 0000000..4134bd3 Binary files /dev/null and b/src/assets/images/marketplace-product-6.jpg differ diff --git a/src/assets/images/marketplace-product-7.jpg b/src/assets/images/marketplace-product-7.jpg new file mode 100644 index 0000000..4134bd3 Binary files /dev/null and b/src/assets/images/marketplace-product-7.jpg differ diff --git a/src/assets/images/marketplace-product-8.jpg b/src/assets/images/marketplace-product-8.jpg new file mode 100644 index 0000000..4134bd3 Binary files /dev/null and b/src/assets/images/marketplace-product-8.jpg differ diff --git a/src/assets/images/marketplace-product-9.jpg b/src/assets/images/marketplace-product-9.jpg new file mode 100644 index 0000000..4134bd3 Binary files /dev/null and b/src/assets/images/marketplace-product-9.jpg differ diff --git a/src/assets/images/owner.png b/src/assets/images/owner.png new file mode 100644 index 0000000..fa793e9 Binary files /dev/null and b/src/assets/images/owner.png differ diff --git a/src/assets/images/payment-method-1.png b/src/assets/images/payment-method-1.png new file mode 100644 index 0000000..2b44b25 Binary files /dev/null and b/src/assets/images/payment-method-1.png differ diff --git a/src/assets/images/payment-method-2.png b/src/assets/images/payment-method-2.png new file mode 100644 index 0000000..18a2b97 Binary files /dev/null and b/src/assets/images/payment-method-2.png differ diff --git a/src/assets/images/payment-method-3.png b/src/assets/images/payment-method-3.png new file mode 100644 index 0000000..ad635a4 Binary files /dev/null and b/src/assets/images/payment-method-3.png differ diff --git a/src/assets/images/payment-method-4.png b/src/assets/images/payment-method-4.png new file mode 100644 index 0000000..a669d22 Binary files /dev/null and b/src/assets/images/payment-method-4.png differ diff --git a/src/assets/images/profile-2.png b/src/assets/images/profile-2.png new file mode 100644 index 0000000..834ebae Binary files /dev/null and b/src/assets/images/profile-2.png differ diff --git a/src/assets/images/profile-cover-2.png b/src/assets/images/profile-cover-2.png new file mode 100644 index 0000000..3eacfd7 Binary files /dev/null and b/src/assets/images/profile-cover-2.png differ diff --git a/src/assets/images/profile-cover.png b/src/assets/images/profile-cover.png new file mode 100644 index 0000000..3eacfd7 Binary files /dev/null and b/src/assets/images/profile-cover.png differ diff --git a/src/assets/images/profile-info-cover-2.png b/src/assets/images/profile-info-cover-2.png new file mode 100644 index 0000000..d8504f4 Binary files /dev/null and b/src/assets/images/profile-info-cover-2.png differ diff --git a/src/assets/images/profile-info-cover.png b/src/assets/images/profile-info-cover.png new file mode 100644 index 0000000..882a104 Binary files /dev/null and b/src/assets/images/profile-info-cover.png differ diff --git a/src/assets/images/profile-info-profile.png b/src/assets/images/profile-info-profile.png new file mode 100644 index 0000000..d360554 Binary files /dev/null and b/src/assets/images/profile-info-profile.png differ diff --git a/src/assets/images/profile-pic.jpg b/src/assets/images/profile-pic.jpg new file mode 100644 index 0000000..d183d7f Binary files /dev/null and b/src/assets/images/profile-pic.jpg differ diff --git a/src/assets/images/profile.png b/src/assets/images/profile.png new file mode 100644 index 0000000..83181ea Binary files /dev/null and b/src/assets/images/profile.png differ diff --git a/src/assets/images/recent-transation-1.png b/src/assets/images/recent-transation-1.png new file mode 100644 index 0000000..01c1eb9 Binary files /dev/null and b/src/assets/images/recent-transation-1.png differ diff --git a/src/assets/images/recent-transation-2.png b/src/assets/images/recent-transation-2.png new file mode 100644 index 0000000..01c1eb9 Binary files /dev/null and b/src/assets/images/recent-transation-2.png differ diff --git a/src/assets/images/recent-transation-3.png b/src/assets/images/recent-transation-3.png new file mode 100644 index 0000000..01c1eb9 Binary files /dev/null and b/src/assets/images/recent-transation-3.png differ diff --git a/src/assets/images/shape/balance-bg.svg b/src/assets/images/shape/balance-bg.svg new file mode 100644 index 0000000..ec92569 --- /dev/null +++ b/src/assets/images/shape/balance-bg.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/images/shape/text-shape-three.svg b/src/assets/images/shape/text-shape-three.svg new file mode 100644 index 0000000..05f7b3f --- /dev/null +++ b/src/assets/images/shape/text-shape-three.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/assets/images/shape/title-shape-two.svg b/src/assets/images/shape/title-shape-two.svg new file mode 100644 index 0000000..0374734 --- /dev/null +++ b/src/assets/images/shape/title-shape-two.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/assets/images/shape/title-shape.svg b/src/assets/images/shape/title-shape.svg new file mode 100644 index 0000000..d54cbed --- /dev/null +++ b/src/assets/images/shape/title-shape.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/assets/images/shape/update-pass.svg b/src/assets/images/shape/update-pass.svg new file mode 100644 index 0000000..cb33af4 --- /dev/null +++ b/src/assets/images/shape/update-pass.svg @@ -0,0 +1,192 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/shop-creator.png b/src/assets/images/shop-creator.png new file mode 100644 index 0000000..64332f2 Binary files /dev/null and b/src/assets/images/shop-creator.png differ diff --git a/src/assets/images/shop-details-product.jpg b/src/assets/images/shop-details-product.jpg new file mode 100644 index 0000000..9fb2b19 Binary files /dev/null and b/src/assets/images/shop-details-product.jpg differ diff --git a/src/assets/images/shop-ower.png b/src/assets/images/shop-ower.png new file mode 100644 index 0000000..63e12db Binary files /dev/null and b/src/assets/images/shop-ower.png differ diff --git a/src/assets/images/slider-1.jpg b/src/assets/images/slider-1.jpg new file mode 100644 index 0000000..0ecb645 Binary files /dev/null and b/src/assets/images/slider-1.jpg differ diff --git a/src/assets/images/slider-2.jpg b/src/assets/images/slider-2.jpg new file mode 100644 index 0000000..0ecb645 Binary files /dev/null and b/src/assets/images/slider-2.jpg differ diff --git a/src/assets/images/slider-3.jpg b/src/assets/images/slider-3.jpg new file mode 100644 index 0000000..0ecb645 Binary files /dev/null and b/src/assets/images/slider-3.jpg differ diff --git a/src/assets/images/top-buyer-1png.png b/src/assets/images/top-buyer-1png.png new file mode 100644 index 0000000..ee9d042 Binary files /dev/null and b/src/assets/images/top-buyer-1png.png differ diff --git a/src/assets/images/top-buyer-2.png b/src/assets/images/top-buyer-2.png new file mode 100644 index 0000000..ee9d042 Binary files /dev/null and b/src/assets/images/top-buyer-2.png differ diff --git a/src/assets/images/top-buyer-3.png b/src/assets/images/top-buyer-3.png new file mode 100644 index 0000000..618c481 Binary files /dev/null and b/src/assets/images/top-buyer-3.png differ diff --git a/src/assets/images/top-buyer-4.png b/src/assets/images/top-buyer-4.png new file mode 100644 index 0000000..02de6e7 Binary files /dev/null and b/src/assets/images/top-buyer-4.png differ diff --git a/src/assets/images/top-creator-1.png b/src/assets/images/top-creator-1.png new file mode 100644 index 0000000..cf036db Binary files /dev/null and b/src/assets/images/top-creator-1.png differ diff --git a/src/assets/images/top-creator-2.png b/src/assets/images/top-creator-2.png new file mode 100644 index 0000000..082e1a3 Binary files /dev/null and b/src/assets/images/top-creator-2.png differ diff --git a/src/assets/images/top-creator-3.png b/src/assets/images/top-creator-3.png new file mode 100644 index 0000000..082e1a3 Binary files /dev/null and b/src/assets/images/top-creator-3.png differ diff --git a/src/assets/images/top-creator-4.png b/src/assets/images/top-creator-4.png new file mode 100644 index 0000000..cf036db Binary files /dev/null and b/src/assets/images/top-creator-4.png differ diff --git a/src/assets/images/top-creator-5.png b/src/assets/images/top-creator-5.png new file mode 100644 index 0000000..082e1a3 Binary files /dev/null and b/src/assets/images/top-creator-5.png differ diff --git a/src/assets/images/tranding-1.jpg b/src/assets/images/tranding-1.jpg new file mode 100644 index 0000000..d51391d Binary files /dev/null and b/src/assets/images/tranding-1.jpg differ diff --git a/src/assets/images/tranding-2.jpg b/src/assets/images/tranding-2.jpg new file mode 100644 index 0000000..d51391d Binary files /dev/null and b/src/assets/images/tranding-2.jpg differ diff --git a/src/assets/images/tranding-3.jpg b/src/assets/images/tranding-3.jpg new file mode 100644 index 0000000..d51391d Binary files /dev/null and b/src/assets/images/tranding-3.jpg differ diff --git a/src/assets/images/tranding-4.jpg b/src/assets/images/tranding-4.jpg new file mode 100644 index 0000000..d51391d Binary files /dev/null and b/src/assets/images/tranding-4.jpg differ diff --git a/src/components/ActiveBids/AllBidsSection.jsx b/src/components/ActiveBids/AllBidsSection.jsx new file mode 100644 index 0000000..b8a7e2e --- /dev/null +++ b/src/components/ActiveBids/AllBidsSection.jsx @@ -0,0 +1,35 @@ +import React from "react"; +import { Link } from "react-router-dom"; +import ProductCardStyleOne from "../Cards/ProductCardStyleOne"; +import DataIteration from "../Helpers/DataIteration"; + +export default function AllBidsSection({ className, allBids = [] }) { + return ( + <> +
+
+

All Bids

+
+
+
+ + {({ datas }) => ( +
+ +
+ )} + +
+
+ + View Art Work + +
+
+
+ + ); +} diff --git a/src/components/ActiveBids/CounterSection.jsx b/src/components/ActiveBids/CounterSection.jsx new file mode 100644 index 0000000..8faffd6 --- /dev/null +++ b/src/components/ActiveBids/CounterSection.jsx @@ -0,0 +1,393 @@ +import React from "react"; +import CounterUp from "../Helpers/CounterUp"; + +export default function CounterSection({ className }) { + return ( + <> +
+
+
+ {/* artworkd */} +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

+ K +

+

Artworks

+
+
+
+ {/* Auction */} +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

+ K +

+

Auction

+
+
+
+ {/* Creators */} +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

+ K +

+

Creators

+
+
+
+ {/* canceled */} +
+
+ + + + + + + + + + +
+
+

+ K +

+

Canceled

+
+
+
+
+
+ + ); +} diff --git a/src/components/ActiveBids/OverviewSection.jsx b/src/components/ActiveBids/OverviewSection.jsx new file mode 100644 index 0000000..211652b --- /dev/null +++ b/src/components/ActiveBids/OverviewSection.jsx @@ -0,0 +1,119 @@ +import React, { useState } from "react"; +import { Link } from "react-router-dom"; +import { toast } from "react-toastify"; +import activeAidsBanner from "../../assets/images/active-aids-banner.jpg"; +import HeroUser from "../../assets/images/hero-user.png"; +import CountDown from "../Helpers/CountDown"; + +export default function OverviewSection({ className }) { + const [addFavorite, setValue] = useState(false); + const favoriteHandler = () => { + if (!addFavorite) { + setValue(true); + toast.success("Added to Favorite List"); + } else { + setValue(false); + toast.warn("Remove to Favorite List"); + } + }; + return ( + <> +
+
+
+ banner +
+ +
+
+

+ Lock and Lob x Fiesta Spurs +

+ + ID : 2320382 + +
+ {/* user */} +
+
+ +
+
+

+ Brokln Simons +

+

+ @broklinslam_75 +

+
+
+ {/* countdown */} +
+
+

+ Current Bid +

+

+ 75,320 ETH +

+

+ 773.69 USD +

+
+
+
+

+ Remaing Time +

+

+ +

+
+ Hrs + Min + Sec +
+
+
+ {/* action */} +
+ + + + + View Art Work + + +
+
+
+
+ + ); +} diff --git a/src/components/ActiveBids/index.jsx b/src/components/ActiveBids/index.jsx new file mode 100644 index 0000000..047ed44 --- /dev/null +++ b/src/components/ActiveBids/index.jsx @@ -0,0 +1,21 @@ +import React from "react"; +import datas from "../../data/product_data.json"; +import UpdateTable from "../Home/UpdateTable"; +import Layout from "../Partials/Layout"; +import AllBidsSection from "./AllBidsSection"; +import CounterSection from "./CounterSection"; +import OverviewSection from "./OverviewSection"; + +export default function ActiveBids() { + const allBids = datas.datas; + return ( + <> + + + + + + + + ); +} diff --git a/src/components/AuthPages/AuthLayout.jsx b/src/components/AuthPages/AuthLayout.jsx new file mode 100644 index 0000000..cbfe492 --- /dev/null +++ b/src/components/AuthPages/AuthLayout.jsx @@ -0,0 +1,38 @@ +import React from "react"; +import loginThumb from "../../assets/images/auth-thumb.svg"; +import logo from "../../assets/images/logo-1.svg"; + +export default function LoginLayout({ slogan, children }) { + const checkScreenHeight = window.screen.height; + let screen = ""; + if (checkScreenHeight <= 950) { + screen = "h-screen"; + // screen = "h-[950px]"; + } else { + screen = "h-screen"; + } + return ( +
+
+
+
+
+ logo +
+
+ login-thumb +
+
+

+ {slogan} +

+
+
+
+ {children && children} +
+
+
+
+ ); +} diff --git a/src/components/AuthPages/AuthProfile/ActivitiesTab.jsx b/src/components/AuthPages/AuthProfile/ActivitiesTab.jsx new file mode 100644 index 0000000..4ba9f74 --- /dev/null +++ b/src/components/AuthPages/AuthProfile/ActivitiesTab.jsx @@ -0,0 +1,691 @@ +import React from "react"; +import dataImage1 from "../../../assets/images/data-table-user-1.png"; +import dataImage2 from "../../../assets/images/data-table-user-2.png"; +import dataImage3 from "../../../assets/images/data-table-user-3.png"; +import dataImage4 from "../../../assets/images/data-table-user-4.png"; + +export default function ActivitiesTab({ className }) { + return ( +
+
+
+

+ Activity +

+
+
+ + All Categories + + + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ListProduct NamePriceQuantityFromToTime
+ + 01 + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + 343 + + + + Marvin McKinney + + + + you + + + + 2 days ago + +
+ + 01 + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + 343 + + + + Marvin McKinney + + + + you + + + + 2 days ago + +
+ + 01 + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + 343 + + + + Marvin McKinney + + + + you + + + + 2 days ago + +
+ + 01 + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + 343 + + + + Marvin McKinney + + + + you + + + + 2 days ago + +
+ + 01 + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + 343 + + + + Marvin McKinney + + + + you + + + + 2 days ago + +
+ + 01 + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + 343 + + + + Marvin McKinney + + + + you + + + + 2 days ago + +
+ + 01 + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + 343 + + + + Marvin McKinney + + + + you + + + + 2 days ago + +
+ + 01 + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + 343 + + + + Marvin McKinney + + + + you + + + + 2 days ago + +
+
+
+ ); +} diff --git a/src/components/AuthPages/AuthProfile/CollectionTab.jsx b/src/components/AuthPages/AuthProfile/CollectionTab.jsx new file mode 100644 index 0000000..b1804bc --- /dev/null +++ b/src/components/AuthPages/AuthProfile/CollectionTab.jsx @@ -0,0 +1,58 @@ +import React from "react"; +import CollectionCard from "../../Cards/CollectionCard"; +import DataIteration from "../../Helpers/DataIteration"; +import SearchCom from "../../Helpers/SearchCom"; + +export default function CollectionTab({ className, products }) { + return ( + <> +
+
+
+ {/* filter-search */} +
+ +
+ {/* filer-dropdown */} +
+
+ + Recently Received + + + + + + +
+
+
+
+
+ + {({ datas }) => ( + + )} + +
+
+
+
+ + ); +} diff --git a/src/components/AuthPages/AuthProfile/CreateSaleSlider.jsx b/src/components/AuthPages/AuthProfile/CreateSaleSlider.jsx new file mode 100644 index 0000000..c78ef81 --- /dev/null +++ b/src/components/AuthPages/AuthProfile/CreateSaleSlider.jsx @@ -0,0 +1,104 @@ +import React, { useRef } from "react"; +import ProductCardStyleTwo from "../../Cards/ProductCardStyleTwo"; +import Icons from "../../Helpers/Icons"; +import SliderCom from "../../Helpers/SliderCom"; + +export default function CreateSaleSlider({ + className, + products, + productHide = false, +}) { + const settings = { + arrows: false, + slidesToShow: 3, + slidesToScroll: 3, + infinite: true, + responsive: [ + { + breakpoint: 769, + settings: { + slidesToShow: 2, + slidesToScroll: 2, + }, + }, + { + breakpoint: 619, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + }, + }, + ], + }; + const trendingSlider = useRef(null); + const prevHandler = () => { + trendingSlider.current.slickPrev(); + }; + const nextHandler = () => { + trendingSlider.current.slickNext(); + }; + return ( +
+ {/* heading */} +
+
+

Create for Sell

+
+
+ + +
+
+ {/* trending products */} +
+ + {products && + products.length > 0 && + products.map((item) => ( + +
+
+ ); +} diff --git a/src/components/AuthPages/AuthProfile/CreatedBidsSlider.jsx b/src/components/AuthPages/AuthProfile/CreatedBidsSlider.jsx new file mode 100644 index 0000000..b416ae9 --- /dev/null +++ b/src/components/AuthPages/AuthProfile/CreatedBidsSlider.jsx @@ -0,0 +1,111 @@ +import React, { useRef } from "react"; +import ProductCardStyleOne from "../../Cards/ProductCardStyleOne"; +import Icons from "../../Helpers/Icons"; +import SliderCom from "../../Helpers/SliderCom"; + +export default function CreatedBidsSlider({ + className, + products, + productHide = false, +}) { + const settings = { + arrows: false, + slidesToShow: 4, + slidesToScroll: 4, + infinite: true, + responsive: [ + { + breakpoint: 1025, + settings: { + slidesToShow: 3, + slidesToScroll: 3, + }, + }, + { + breakpoint: 769, + settings: { + slidesToShow: 2, + slidesToScroll: 2, + }, + }, + { + breakpoint: 619, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + }, + }, + ], + }; + const trendingSlider = useRef(null); + const prevHandler = () => { + trendingSlider.current.slickPrev(); + }; + const nextHandler = () => { + trendingSlider.current.slickNext(); + }; + return ( +
+ {/* heading */} +
+
+

Create for Bits

+
+
+ + +
+
+ {/* trending products */} +
+ + {products && + products.length > 0 && + products.map((item) => ( + +
+
+ ); +} diff --git a/src/components/AuthPages/AuthProfile/CreatedTab.jsx b/src/components/AuthPages/AuthProfile/CreatedTab.jsx new file mode 100644 index 0000000..2e9fdd4 --- /dev/null +++ b/src/components/AuthPages/AuthProfile/CreatedTab.jsx @@ -0,0 +1,57 @@ +import React from "react"; +import SearchCom from "../../Helpers/SearchCom"; +import CreatedBidsSlider from "./CreatedBidsSlider"; +import CreateSaleSlider from "./CreateSaleSlider"; + +export default function CreatedTab({ + className, + marketProducts, + mainProducts, +}) { + return ( + <> +
+
+
+ {/* filter-search */} +
+ +
+ {/* filer-dropdown */} +
+
+ + Recently Received + + + + + + +
+
+
+
+
+ +
+
+ +
+
+
+
+ + ); +} diff --git a/src/components/AuthPages/AuthProfile/HiddenProductsTab.jsx b/src/components/AuthPages/AuthProfile/HiddenProductsTab.jsx new file mode 100644 index 0000000..f802d73 --- /dev/null +++ b/src/components/AuthPages/AuthProfile/HiddenProductsTab.jsx @@ -0,0 +1,57 @@ +import React from "react"; +import SearchCom from "../../Helpers/SearchCom"; +import CreatedBidsSlider from "./CreatedBidsSlider"; +import CreateSaleSlider from "./CreateSaleSlider"; + +export default function HiddenProductsTab({ + className, + marketProducts, + mainProducts, +}) { + return ( + <> +
+
+
+ {/* filter-search */} +
+ +
+ {/* filer-dropdown */} +
+
+ + Recently Received + + + + + + +
+
+
+
+
+ +
+
+ +
+
+
+
+ + ); +} diff --git a/src/components/AuthPages/AuthProfile/OnSaleTab.jsx b/src/components/AuthPages/AuthProfile/OnSaleTab.jsx new file mode 100644 index 0000000..77ab34e --- /dev/null +++ b/src/components/AuthPages/AuthProfile/OnSaleTab.jsx @@ -0,0 +1,58 @@ +import React from "react"; +import ProductCardStyleTwo from "../../Cards/ProductCardStyleTwo"; +import DataIteration from "../../Helpers/DataIteration"; +import SearchCom from "../../Helpers/SearchCom"; + +export default function OnSaleTab({ className, products }) { + return ( + <> +
+
+
+ {/* filter-search */} +
+ +
+ {/* filer-dropdown */} +
+
+ + Recently Received + + + + + + +
+
+
+
+
+ + {({ datas }) => ( + + )} + +
+
+
+
+ + ); +} diff --git a/src/components/AuthPages/AuthProfile/OwnTab.jsx b/src/components/AuthPages/AuthProfile/OwnTab.jsx new file mode 100644 index 0000000..7a216f6 --- /dev/null +++ b/src/components/AuthPages/AuthProfile/OwnTab.jsx @@ -0,0 +1,58 @@ +import React from "react"; +import ProductCardStyleOne from "../../Cards/ProductCardStyleOne"; +import DataIteration from "../../Helpers/DataIteration"; +import SearchCom from "../../Helpers/SearchCom"; + +export default function OwnTab({ className, products }) { + return ( + <> +
+
+
+ {/* filter-search */} +
+ +
+ {/* filer-dropdown */} +
+
+ + Recently Received + + + + + + +
+
+
+
+
+ + {({ datas }) => ( + + )} + +
+
+
+
+ + ); +} diff --git a/src/components/AuthPages/AuthProfile/index.jsx b/src/components/AuthPages/AuthProfile/index.jsx new file mode 100644 index 0000000..82d1cd8 --- /dev/null +++ b/src/components/AuthPages/AuthProfile/index.jsx @@ -0,0 +1,219 @@ +import React, { useState } from "react"; +import { Link } from "react-router-dom"; +import authProfilePic from "../../../assets/images/auth-profile-picture.png"; +import profileBanner from "../../../assets/images/profile-cover.png"; +import collections from "../../../data/collectionplan_data.json"; +import marketPlace from "../../../data/marketplace_data.json"; +import products from "../../../data/product_data.json"; +import Layout from "../../Partials/Layout"; +import ActivitiesTab from "./ActivitiesTab"; +import CollectionTab from "./CollectionTab"; +import CreatedTab from "./CreatedTab"; +import HiddenProductsTab from "./HiddenProductsTab"; +import OnSaleTab from "./OnSaleTab"; +import OwnTab from "./OwnTab"; + +export default function AuthProfile() { + const onSaleProducts = marketPlace.data; + const CreatedSell = marketPlace.data; + const CreatedBits = products.datas; + // const mainProducts = products.datas; + const ownProducts = products.datas; + const collectionProducts = collections.data; + + const tabs = [ + { + id: 1, + name: "onsale", + content: "On Sale", + }, + { + id: 2, + name: "owned", + content: "Owned", + }, + { + id: 3, + name: "created", + content: "Created", + }, + { + id: 4, + name: "hidden", + content: "Hidden", + }, + { + id: 5, + name: "collection", + content: "Collection", + }, + { + id: 6, + name: "activity", + content: "Activity", + }, + ]; + + const [tab, setTab] = useState(tabs[0].name); + const tabHandler = (value) => { + setTab(value); + }; + return ( + <> + +
+
+
+
+
+ banner +
+
+
+
+ {/* profile picture */} +
+ +
+
+
+

+ Rafiqul Islam Suvo +

+
+
+

+ Autoglyphs are fitting the first “on-chain” to the find + generative art on the Ethereum blockchain + Read More +

+
+
+

+ + 49 + + Followers +

+

+ + 35 + + Following +

+

+ + 914 + + Favorites +

+
+
+
+
+ + Edit Profile + + +
+
+
+
+
+
    + {tabs && + tabs.length > 0 && + tabs.map((tabValue) => ( +
  • tabHandler(tabValue.name)} + > + + {tabValue.content} + + + 16 + +
    • + ))} +
+
+
+ + Upload Product + +
+
+
+
+
+ +
+ {tab === "onsale" ? ( + + ) : tab === "owned" ? ( + + ) : tab === "created" ? ( + + ) : tab === "hidden" ? ( + + ) : tab === "collection" ? ( + + ) : tab === "activity" ? ( + + ) : ( + "" + )} +
+
+
+ + + ); +} diff --git a/src/components/AuthPages/ForgotPassword/index.jsx b/src/components/AuthPages/ForgotPassword/index.jsx new file mode 100644 index 0000000..616283a --- /dev/null +++ b/src/components/AuthPages/ForgotPassword/index.jsx @@ -0,0 +1,47 @@ +import React from "react"; +import titleShape from "../../../assets/images/shape/title-shape-two.svg"; +import InputCom from "../../Helpers/Inputs/InputCom"; +import AuthLayout from "../AuthLayout"; + +export default function ForgotPassword() { + return ( + <> + +
+
+
+

+ Forget Password +

+
+ shape +
+
+
+
+ +
+ +
+
+
+ + + ); +} diff --git a/src/components/AuthPages/Login/index.jsx b/src/components/AuthPages/Login/index.jsx new file mode 100644 index 0000000..0e359c6 --- /dev/null +++ b/src/components/AuthPages/Login/index.jsx @@ -0,0 +1,155 @@ +import React, { useState } from "react"; +import { useNavigate } from "react-router-dom"; +import { toast } from "react-toastify"; +import googleLogo from "../../../assets/images/google-logo.svg"; +import titleShape from "../../../assets/images/shape/title-shape.svg"; +import InputCom from "../../Helpers/Inputs/InputCom"; +import AuthLayout from "../AuthLayout"; + +export default function Login() { + const [checked, setValue] = useState(false); + const [loginLoading, setLoginLoading] = useState(false); + const rememberMe = () => { + setValue(!checked); + }; + + // email + const [email, setMail] = useState("example@quomodosoft.com"); + const handleEmail = (e) => { + setMail(e.target.value); + }; + // password + const [password, setPassword] = useState("123456"); + const handlePassword = (e) => { + setPassword(e.target.value); + }; + const navigate = useNavigate(); + const doLogin = () => { + if (email !== "" && password !== "") { + if (email === "example@quomodosoft.com") { + localStorage.setItem("email", `${email}`); + setLoginLoading(true); + setTimeout(() => { + toast.success("Login Successfully"); + navigate("/", { replace: true }); + setLoginLoading(false); + }, 2000); + } else { + toast.error("Invalid Credential"); + } + } + }; + + return ( + <> + +
+
+
+

+ Log In +

+
+ shape +
+
+
+
+ +
+
+ +
+
+
+ + + Remember Me + +
+ + Forgot Password + +
+
+
+ +
+ + google logo + + Sign In with Google + + +
+
+

+ Dont’t have an aceount ? + + Sign up free + +

+
+
+
+
+ + + ); +} diff --git a/src/components/AuthPages/SignUp/index.jsx b/src/components/AuthPages/SignUp/index.jsx new file mode 100644 index 0000000..a61c0d1 --- /dev/null +++ b/src/components/AuthPages/SignUp/index.jsx @@ -0,0 +1,165 @@ +import React, { useState } from "react"; +import loginThumb from "../../../assets/images/auth-thumb.svg"; +import googleLogo from "../../../assets/images/google-logo.svg"; +import logo from "../../../assets/images/logo-1.svg"; +import titleShape from "../../../assets/images/shape/title-shape-two.svg"; +import InputCom from "../../Helpers/Inputs/InputCom"; + +export default function SignUp() { + const [checked, setValue] = useState(false); + const rememberMe = () => { + setValue(!checked); + }; + return ( + <> +
+
+
+
+
+ logo +
+
+ login-thumb +
+
+

+ Welcome to Nftmax Admin Panel +

+
+
+
+
+
+
+

+ Create Account +

+
+ shape +
+
+
+
+
+ +
+
+ +
+
+
+ +
+
+ +
+
+ +
+
+
+ + + I agree all + + tarm and condition + + in Neftmax. + +
+
+ +
+

+ Already have aceount? + + Log In + +

+
+
+
+
+
+
+
+
+ + ); +} diff --git a/src/components/AuthPages/ThankYou/index.jsx b/src/components/AuthPages/ThankYou/index.jsx new file mode 100644 index 0000000..5feabbd --- /dev/null +++ b/src/components/AuthPages/ThankYou/index.jsx @@ -0,0 +1,48 @@ +import React from "react"; + +export default function ThankYou({ className }) { + return ( +
+
+
+

+ Password Updated +

+
+
+ + + + +
+
+

+ Thanks you ! +

+

+ Your password has been updated +

+
+ + Back to Login + +
+
+ ); +} diff --git a/src/components/AuthPages/UpdatePassword/index.jsx b/src/components/AuthPages/UpdatePassword/index.jsx new file mode 100644 index 0000000..c902064 --- /dev/null +++ b/src/components/AuthPages/UpdatePassword/index.jsx @@ -0,0 +1,81 @@ +import React, { useState } from "react"; +import titleShape from "../../../assets/images/shape/title-shape-two.svg"; +import InputCom from "../../Helpers/Inputs/InputCom"; +import AuthLayout from "../AuthLayout"; +import ThankYou from "../ThankYou"; + +export default function UpdatePassword() { + const [updated, setValue] = useState(false); + const [message, setMessage] = useState(false); + const updatePassword = () => { + setValue(!updated); + setTimeout(() => { + setMessage(!message); + }, 100); + }; + + return ( + <> + + {updated === false ? ( +
+
+
+

+ Update Password +

+ {/* w-[341px] absolute top-14 left-12 */} +
+ shape +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ ) : ( + + )} + + + ); +} diff --git a/src/components/AuthPages/UserProfile/ActivitiesTab.jsx b/src/components/AuthPages/UserProfile/ActivitiesTab.jsx new file mode 100644 index 0000000..4ba9f74 --- /dev/null +++ b/src/components/AuthPages/UserProfile/ActivitiesTab.jsx @@ -0,0 +1,691 @@ +import React from "react"; +import dataImage1 from "../../../assets/images/data-table-user-1.png"; +import dataImage2 from "../../../assets/images/data-table-user-2.png"; +import dataImage3 from "../../../assets/images/data-table-user-3.png"; +import dataImage4 from "../../../assets/images/data-table-user-4.png"; + +export default function ActivitiesTab({ className }) { + return ( +
+
+
+

+ Activity +

+
+
+ + All Categories + + + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ListProduct NamePriceQuantityFromToTime
+ + 01 + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + 343 + + + + Marvin McKinney + + + + you + + + + 2 days ago + +
+ + 01 + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + 343 + + + + Marvin McKinney + + + + you + + + + 2 days ago + +
+ + 01 + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + 343 + + + + Marvin McKinney + + + + you + + + + 2 days ago + +
+ + 01 + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + 343 + + + + Marvin McKinney + + + + you + + + + 2 days ago + +
+ + 01 + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + 343 + + + + Marvin McKinney + + + + you + + + + 2 days ago + +
+ + 01 + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + 343 + + + + Marvin McKinney + + + + you + + + + 2 days ago + +
+ + 01 + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + 343 + + + + Marvin McKinney + + + + you + + + + 2 days ago + +
+ + 01 + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + 343 + + + + Marvin McKinney + + + + you + + + + 2 days ago + +
+
+
+ ); +} diff --git a/src/components/AuthPages/UserProfile/CollectionTab.jsx b/src/components/AuthPages/UserProfile/CollectionTab.jsx new file mode 100644 index 0000000..b1804bc --- /dev/null +++ b/src/components/AuthPages/UserProfile/CollectionTab.jsx @@ -0,0 +1,58 @@ +import React from "react"; +import CollectionCard from "../../Cards/CollectionCard"; +import DataIteration from "../../Helpers/DataIteration"; +import SearchCom from "../../Helpers/SearchCom"; + +export default function CollectionTab({ className, products }) { + return ( + <> +
+
+
+ {/* filter-search */} +
+ +
+ {/* filer-dropdown */} +
+
+ + Recently Received + + + + + + +
+
+
+
+
+ + {({ datas }) => ( + + )} + +
+
+
+
+ + ); +} diff --git a/src/components/AuthPages/UserProfile/CreateSaleSlider.jsx b/src/components/AuthPages/UserProfile/CreateSaleSlider.jsx new file mode 100644 index 0000000..c78ef81 --- /dev/null +++ b/src/components/AuthPages/UserProfile/CreateSaleSlider.jsx @@ -0,0 +1,104 @@ +import React, { useRef } from "react"; +import ProductCardStyleTwo from "../../Cards/ProductCardStyleTwo"; +import Icons from "../../Helpers/Icons"; +import SliderCom from "../../Helpers/SliderCom"; + +export default function CreateSaleSlider({ + className, + products, + productHide = false, +}) { + const settings = { + arrows: false, + slidesToShow: 3, + slidesToScroll: 3, + infinite: true, + responsive: [ + { + breakpoint: 769, + settings: { + slidesToShow: 2, + slidesToScroll: 2, + }, + }, + { + breakpoint: 619, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + }, + }, + ], + }; + const trendingSlider = useRef(null); + const prevHandler = () => { + trendingSlider.current.slickPrev(); + }; + const nextHandler = () => { + trendingSlider.current.slickNext(); + }; + return ( +
+ {/* heading */} +
+
+

Create for Sell

+
+
+ + +
+
+ {/* trending products */} +
+ + {products && + products.length > 0 && + products.map((item) => ( + +
+
+ ); +} diff --git a/src/components/AuthPages/UserProfile/CreatedBidsSlider.jsx b/src/components/AuthPages/UserProfile/CreatedBidsSlider.jsx new file mode 100644 index 0000000..b416ae9 --- /dev/null +++ b/src/components/AuthPages/UserProfile/CreatedBidsSlider.jsx @@ -0,0 +1,111 @@ +import React, { useRef } from "react"; +import ProductCardStyleOne from "../../Cards/ProductCardStyleOne"; +import Icons from "../../Helpers/Icons"; +import SliderCom from "../../Helpers/SliderCom"; + +export default function CreatedBidsSlider({ + className, + products, + productHide = false, +}) { + const settings = { + arrows: false, + slidesToShow: 4, + slidesToScroll: 4, + infinite: true, + responsive: [ + { + breakpoint: 1025, + settings: { + slidesToShow: 3, + slidesToScroll: 3, + }, + }, + { + breakpoint: 769, + settings: { + slidesToShow: 2, + slidesToScroll: 2, + }, + }, + { + breakpoint: 619, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + }, + }, + ], + }; + const trendingSlider = useRef(null); + const prevHandler = () => { + trendingSlider.current.slickPrev(); + }; + const nextHandler = () => { + trendingSlider.current.slickNext(); + }; + return ( +
+ {/* heading */} +
+
+

Create for Bits

+
+
+ + +
+
+ {/* trending products */} +
+ + {products && + products.length > 0 && + products.map((item) => ( + +
+
+ ); +} diff --git a/src/components/AuthPages/UserProfile/CreatedTab.jsx b/src/components/AuthPages/UserProfile/CreatedTab.jsx new file mode 100644 index 0000000..2e9fdd4 --- /dev/null +++ b/src/components/AuthPages/UserProfile/CreatedTab.jsx @@ -0,0 +1,57 @@ +import React from "react"; +import SearchCom from "../../Helpers/SearchCom"; +import CreatedBidsSlider from "./CreatedBidsSlider"; +import CreateSaleSlider from "./CreateSaleSlider"; + +export default function CreatedTab({ + className, + marketProducts, + mainProducts, +}) { + return ( + <> +
+
+
+ {/* filter-search */} +
+ +
+ {/* filer-dropdown */} +
+
+ + Recently Received + + + + + + +
+
+
+
+
+ +
+
+ +
+
+
+
+ + ); +} diff --git a/src/components/AuthPages/UserProfile/HiddenProductsTab.jsx b/src/components/AuthPages/UserProfile/HiddenProductsTab.jsx new file mode 100644 index 0000000..f802d73 --- /dev/null +++ b/src/components/AuthPages/UserProfile/HiddenProductsTab.jsx @@ -0,0 +1,57 @@ +import React from "react"; +import SearchCom from "../../Helpers/SearchCom"; +import CreatedBidsSlider from "./CreatedBidsSlider"; +import CreateSaleSlider from "./CreateSaleSlider"; + +export default function HiddenProductsTab({ + className, + marketProducts, + mainProducts, +}) { + return ( + <> +
+
+
+ {/* filter-search */} +
+ +
+ {/* filer-dropdown */} +
+
+ + Recently Received + + + + + + +
+
+
+
+
+ +
+
+ +
+
+
+
+ + ); +} diff --git a/src/components/AuthPages/UserProfile/OnSaleTab.jsx b/src/components/AuthPages/UserProfile/OnSaleTab.jsx new file mode 100644 index 0000000..77ab34e --- /dev/null +++ b/src/components/AuthPages/UserProfile/OnSaleTab.jsx @@ -0,0 +1,58 @@ +import React from "react"; +import ProductCardStyleTwo from "../../Cards/ProductCardStyleTwo"; +import DataIteration from "../../Helpers/DataIteration"; +import SearchCom from "../../Helpers/SearchCom"; + +export default function OnSaleTab({ className, products }) { + return ( + <> +
+
+
+ {/* filter-search */} +
+ +
+ {/* filer-dropdown */} +
+
+ + Recently Received + + + + + + +
+
+
+
+
+ + {({ datas }) => ( + + )} + +
+
+
+
+ + ); +} diff --git a/src/components/AuthPages/UserProfile/OwnTab.jsx b/src/components/AuthPages/UserProfile/OwnTab.jsx new file mode 100644 index 0000000..7a216f6 --- /dev/null +++ b/src/components/AuthPages/UserProfile/OwnTab.jsx @@ -0,0 +1,58 @@ +import React from "react"; +import ProductCardStyleOne from "../../Cards/ProductCardStyleOne"; +import DataIteration from "../../Helpers/DataIteration"; +import SearchCom from "../../Helpers/SearchCom"; + +export default function OwnTab({ className, products }) { + return ( + <> +
+
+
+ {/* filter-search */} +
+ +
+ {/* filer-dropdown */} +
+
+ + Recently Received + + + + + + +
+
+
+
+
+ + {({ datas }) => ( + + )} + +
+
+
+
+ + ); +} diff --git a/src/components/AuthPages/UserProfile/index.jsx b/src/components/AuthPages/UserProfile/index.jsx new file mode 100644 index 0000000..6f72b97 --- /dev/null +++ b/src/components/AuthPages/UserProfile/index.jsx @@ -0,0 +1,866 @@ +import React, { useState } from "react"; +import { Link } from "react-router-dom"; +import authProfilePic from "../../../assets/images/auth-profile-picture.png"; +import followerProfile from "../../../assets/images/profile-2.png"; +import profileBanner from "../../../assets/images/profile-cover-2.png"; +import collections from "../../../data/collectionplan_data.json"; +import marketPlace from "../../../data/marketplace_data.json"; +import products from "../../../data/product_data.json"; +import ModalCom from "../../Helpers/ModalCom"; +import Layout from "../../Partials/Layout"; +import ActivitiesTab from "./ActivitiesTab"; +import CollectionTab from "./CollectionTab"; +import CreatedTab from "./CreatedTab"; +import HiddenProductsTab from "./HiddenProductsTab"; +import OnSaleTab from "./OnSaleTab"; +import OwnTab from "./OwnTab"; + +export default function UserProfile() { + const onSaleProducts = marketPlace.data; + const CreatedSell = marketPlace.data; + const CreatedBits = products.datas; + const ownProducts = products.datas; + const collectionProducts = collections.data; + + const tabs = [ + { + id: 1, + name: "onsale", + content: "On Sale", + }, + { + id: 2, + name: "owned", + content: "Owned", + }, + { + id: 3, + name: "created", + content: "Created", + }, + { + id: 4, + name: "hidden", + content: "Hidden", + }, + { + id: 5, + name: "collection", + content: "Collection", + }, + { + id: 6, + name: "activity", + content: "Activity", + }, + ]; + + const [tab, setTab] = useState(tabs[0].name); + const tabHandler = (value) => { + setTab(value); + }; + + const [showFollowerModal, setValue] = useState(false); + const openFollowerModal = () => { + setValue(!showFollowerModal); + }; + return ( + <> + +
+
+
+
+
+ + +
+
+
+
+ {/* profile picture */} +
+ +
+
+
+

+ Rafiqul Islam Suvo +

+
+
+

+ Autoglyphs are fitting the first “on-chain” to the find + generative art on the Ethereum blockchain + Read More +

+
+
+

+ + 49 + + Followers +

+

+ + 35 + + Following +

+

+ + 914 + + Favorites +

+
+
+
+ + +
+
+
+
+
+
+
    + {tabs && + tabs.length > 0 && + tabs.map((tabValue) => ( +
  • tabHandler(tabValue.name)} + > + + {tabValue.content} + + + 16 + +
    • + ))} +
+
+
+ + Upload Product + +
+
+
+
+
+ +
+ {tab === "onsale" ? ( + + ) : tab === "owned" ? ( + + ) : tab === "created" ? ( + + ) : tab === "hidden" ? ( + + ) : tab === "collection" ? ( + + ) : tab === "activity" ? ( + + ) : ( + "" + )} +
+
+
+ {showFollowerModal && ( + +
+
+

+ Followers +

+ +
+
+
+
+
+
+ + + + + + + +
+
+

+ Cody Fisher +

+

+ 34.k followers +

+
+
+
+ + +
+
+
+
+
+ + + + + + + +
+
+

+ Wade Warren +

+

+ 34.k followers +

+
+
+
+ + +
+
+
+
+
+ + + + + + + +
+
+

+ Guy Hawkins +

+

+ 34.k followers +

+
+
+
+ + +
+
+
+
+
+ + + + + + + +
+
+

+ Jane Cooper +

+

+ 34.k followers +

+
+
+
+ + +
+
+
+
+
+ + + + + + + +
+
+

+ Eleanor Pena +

+

+ 34.k followers +

+
+
+
+ + +
+
+
+
+
+ + + + + + + +
+
+

+ Eleanor Pena +

+

+ 34.k followers +

+
+
+
+ + +
+
+
+
+
+ + + + + + + +
+
+

+ Robert Fox +

+

+ 34.k followers +

+
+
+
+ + +
+
+
+
+
+ + + + + + + +
+
+

+ Jacob Jones +

+

+ 34.k followers +

+
+
+
+ + +
+
+
+
+
+ + + + + + + +
+
+

+ Robert Fox +

+

+ 34.k followers +

+
+
+
+ + +
+
+
+
+
+ + + + + + + +
+
+

+ Wade Warren +

+

+ 34.k followers +

+
+
+
+ + +
+
+
+
+
+ + + + + + + +
+
+

+ Jerome Bell +

+

+ 34.k followers +

+
+
+
+ + +
+
+
+
+
+ + )} + + + ); +} diff --git a/src/components/AuthPages/VerifyYou/Otp.jsx b/src/components/AuthPages/VerifyYou/Otp.jsx new file mode 100644 index 0000000..ea07d94 --- /dev/null +++ b/src/components/AuthPages/VerifyYou/Otp.jsx @@ -0,0 +1,73 @@ +import React, { useEffect } from "react"; + +export default function Otp() { + useEffect(() => { + const otp = document.querySelector("#otp-inputs"); + // eslint-disable-next-line no-restricted-syntax + for (const pin of otp.children) { + // eslint-disable-next-line no-loop-func + pin.onkeyup = () => { + if (pin.nextSibling) { + pin.nextSibling.children.otp.focus(); + } + }; + } + }); + return ( + <> +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ + ); +} diff --git a/src/components/AuthPages/VerifyYou/index.jsx b/src/components/AuthPages/VerifyYou/index.jsx new file mode 100644 index 0000000..679f6b7 --- /dev/null +++ b/src/components/AuthPages/VerifyYou/index.jsx @@ -0,0 +1,47 @@ +import React from "react"; +import titleShape from "../../../assets/images/shape/text-shape-three.svg"; +import AuthLayout from "../AuthLayout"; +import Otp from "./Otp"; + +export default function VerifyYou() { + return ( + <> + +
+
+
+

+ Verification Code +

+
+ shape +
+
+
+ + +
+

+ Dont’t have an aceount ? + + Please resend + +

+
+
+
+
+ + + ); +} diff --git a/src/components/Cards/CollectionCard.jsx b/src/components/Cards/CollectionCard.jsx new file mode 100644 index 0000000..e9dc1c7 --- /dev/null +++ b/src/components/Cards/CollectionCard.jsx @@ -0,0 +1,57 @@ +import React from "react"; +import { Link } from "react-router-dom"; +import localImgLoad from "../../lib/localImgLoad"; + +export default function CollectionCard({ collectionData }) { + return ( + +
+
+
+
+ +
+
+
+ +
+
+ +
+
+
+
+
+ +

+ {collectionData.title} +

+
+

+ {collectionData.NumberOfItem} +

+
+
+
+ + ); +} diff --git a/src/components/Cards/HistoryAnalyticsCard.jsx b/src/components/Cards/HistoryAnalyticsCard.jsx new file mode 100644 index 0000000..f039cf1 --- /dev/null +++ b/src/components/Cards/HistoryAnalyticsCard.jsx @@ -0,0 +1,51 @@ +import React from "react"; +import QuickCounterChart from "../Charts/QuickCounterChart"; + +export default function HistoryAnalyticsCard({ + title, + numberOfCount, + numberOfAnalyse, + children, + primaryColor, + iconBg, +}) { + return ( +
+
+
+
+
+ {children && children} +
+
+

+ {numberOfCount} +

+

+ {title} +

+

+ {Math.sign(numberOfAnalyse) === -1 + ? `${numberOfAnalyse}` + : `+${numberOfAnalyse}`} + (11.5%) +

+
+
+
+ +
+
+
+
+ ); +} diff --git a/src/components/Cards/PreviewProductCardStyleOne.jsx b/src/components/Cards/PreviewProductCardStyleOne.jsx new file mode 100644 index 0000000..78ac907 --- /dev/null +++ b/src/components/Cards/PreviewProductCardStyleOne.jsx @@ -0,0 +1,82 @@ +import React from "react"; +import { Link } from "react-router-dom"; +import localImgLoad from "../../lib/localImgLoad"; +import CountDown from "../Helpers/CountDown"; +import Icons from "../Helpers/Icons"; + +export default function PreviewProductCardStyleOne({ datas }) { + return ( +
+
+ {/* thumbnail */} +
+ {/* thumbnail image */} +
+ + + + + + +
+
+ {/* user */} +
+
+ user +
+

+ Owned by {datas.username} +

+
+ {/* details */} +
+ {/* product title */} +

+ {datas.title} +

+ {/* countdown */} +
+
+

+ Current Bid +

+

+ {datas.price} +

+
+
+
+

+ Remaing Time +

+

+ +

+
+
+
+
+
+ + + View Art Work + +
+
+ ); +} diff --git a/src/components/Cards/ProductCardStyleOne.jsx b/src/components/Cards/ProductCardStyleOne.jsx new file mode 100644 index 0000000..41ed30d --- /dev/null +++ b/src/components/Cards/ProductCardStyleOne.jsx @@ -0,0 +1,214 @@ +import React, { useState } from "react"; +import { Link } from "react-router-dom"; +import { toast } from "react-toastify"; +import localImgLoad from "../../lib/localImgLoad"; +import CountDown from "../Helpers/CountDown"; +import Icons from "../Helpers/Icons"; + +export default function ProductCardStyleOne({ datas, hidden = false }) { + const [addFavorite, setValue] = useState(false); + const [options, setOption] = useState(false); + const favoriteHandler = () => { + if (!addFavorite) { + setValue(true); + toast.success("Added to Favorite List"); + } else { + setValue(false); + toast.warn("Remove to Favorite List"); + } + }; + return ( +
+
+ {/* thumbnail */} +
+ {/* thumbnail image */} +
+
+ + + + setOption(!options)} + className="w-7 h-7 flex justify-center items-center bg-white rounded-full cursor-pointer" + > + + + {options && ( +
setOption(!options)} + className="w-full h-screen fixed top-0 left-0 z-10" + >
+ )} +
+
    +
  • setOption(!options)} + className="text-thin-light-gray tracking-wide text-xs cursor-pointer" + > +
    + + + + + + + Share + +
    +
    • +
  • setOption(!options)} + className="text-thin-light-gray dark:text-white tracking-wide text-xs cursor-pointer" + > +
    + + + + + + + Report + +
    +
    • +
+
+
+ {hidden && ( +
+ + + + + + + +
+ )} +
+
+ {/* user */} +
+
+ user +
+

+ Owned by + + {datas.username} + +

+
+ {/* details */} +
+ {/* product title */} + + {datas.title} + + {/* countdown */} +
+
+

+ Current Bid +

+

+ {datas.price} +

+
+
+
+

+ Remaing Time +

+

+ +

+
+
+
+
+
+ + Place a Bid + + + + View Art Work + + +
+
+ ); +} diff --git a/src/components/Cards/ProductCardStyleTwo.jsx b/src/components/Cards/ProductCardStyleTwo.jsx new file mode 100644 index 0000000..6a30fbb --- /dev/null +++ b/src/components/Cards/ProductCardStyleTwo.jsx @@ -0,0 +1,273 @@ +import React, { useState } from "react"; +import { Link } from "react-router-dom"; +import { toast } from "react-toastify"; +import localImgLoad from "../../lib/localImgLoad"; +import Icons from "../Helpers/Icons"; + +export default function ProductCardStyleTwo({ + className, + datas, + hidden = false, +}) { + const [addFavorite, setValue] = useState(datas.whishlisted); + const [options, setOption] = useState(false); + const favoriteHandler = () => { + if (!addFavorite) { + setValue(true); + toast.success("Added to Favorite List"); + } else { + setValue(false); + toast.warn("Remove to Favorite List"); + } + }; + return ( +
+
+
+
+
+ +
+
+

Owned by

+

+ {datas.owner} +

+
+
+
+
+
+ +
+
+

+ Create by +

+

+ {datas.creator} +

+
+
+
+
+
+
+
+ {datas.isActive && ( + + Active + + )} +
+
+ + + {options && ( +
setOption(!options)} + className="w-full h-screen fixed top-0 left-0 z-10" + >
+ )} +
+
    +
  • setOption(!options)} + className="text-thin-light-gray tracking-wide text-xs cursor-pointer" + > +
    + + + + + + + Share + +
    +
    • +
  • setOption(!options)} + className="text-thin-light-gray tracking-wide text-xs cursor-pointer" + > +
    + + + + + + + Report + +
    +
    • +
+
+
+
+ {hidden && ( +
+ + + + + + + +
+ )} +
+
+
+ {/* title */} + +

+ {datas.title} +

+ +
+
+
+ + + + + + + + + +
+
+

+ {datas.eth_price} +

+

+ ( {datas.usd_price}) +

+
+
+
+ +
+
+
+
+
+ ); +} diff --git a/src/components/Charts/CurrencyStatics.jsx b/src/components/Charts/CurrencyStatics.jsx new file mode 100644 index 0000000..c347b51 --- /dev/null +++ b/src/components/Charts/CurrencyStatics.jsx @@ -0,0 +1,92 @@ +import { + CategoryScale, + Chart as ChartJS, + LinearScale, + LineElement, + PointElement, + Tooltip, +} from "chart.js"; +import React from "react"; +import { Line } from "react-chartjs-2"; + +ChartJS.register( + CategoryScale, + LinearScale, + PointElement, + LineElement, + Tooltip +); +export default function CurrencyStatics({ + datasetsLtc = [], + datasetsBtc = [], + datasetsEth = [], + dataLabels = [], +}) { + const options = { + responsive: true, + elements: { + line: { + tension: 0.5, + }, + }, + plugins: { + legend: { + position: "top", + }, + }, + scales: { + x: { + grid: { + display: false, + drawBorder: false, + }, + gridLines: { + zeroLineColor: "transparent", + }, + }, + + y: { + beginAtZero: true, + grid: { + // display: false, + drawBorder: false, + }, + ticks: { + callback(value) { + return `${value}%`; + }, + }, + }, + }, + }; + const labels = dataLabels; + const data = { + labels, + datasets: [ + { + label: "Dataset 1", + data: datasetsLtc, + borderColor: "#5356FB", + backgroundColor: "#5356FB", + borderWidth: 5, + }, + { + label: "Dataset 2", + data: datasetsBtc, + // data: [4, 14, 20, 34, 40, 90, 60, 75, 80, 95], + borderColor: "#F539F8", + backgroundColor: "#F539F8", + borderWidth: 5, + }, + { + label: "Dataset 3", + data: datasetsEth, + // data: [3, 17, 23, 40, 53, 60, 73, 80, 93], + borderColor: "#F2994A", + backgroundColor: "#F2994A", + borderWidth: 5, + }, + ], + }; + return ; +} diff --git a/src/components/Charts/DoughnutChart.jsx b/src/components/Charts/DoughnutChart.jsx new file mode 100644 index 0000000..d9556f2 --- /dev/null +++ b/src/components/Charts/DoughnutChart.jsx @@ -0,0 +1,109 @@ +/* eslint-disable guard-for-in */ +/* eslint-disable vars-on-top */ +/* eslint-disable no-underscore-dangle */ +import { ArcElement, Chart as ChartJS, Tooltip } from "chart.js"; +import React from "react"; +import { Doughnut } from "react-chartjs-2"; + +ChartJS.register(ArcElement, Tooltip, { + id: "doughnut", +}); + +export default function DoughnutChart({ dataSets = [] }) { + const data = { + labels: ["Profit", "Total sold", "Total cancle", "Total pending"], + datasets: [ + { + label: "# of Votes", + data: dataSets, + backgroundColor: ["#E3E4FE", "#5356FB", "#F539F8", "#FFCD00"], + borderWidth: 0, + }, + ], + }; + const options = { + responsive: true, + cornerRadius: 8, + legend: { + display: false, + }, + plugins: { + tooltip: { + enabled: false, + }, + }, + elements: { arc: { roundedCornersFor: { start: [0, 1, 2, 3] } } }, + }; + const plugins = [ + { + afterUpdate(chart) { + if (chart.options.elements.arc.roundedCornersFor !== undefined) { + const arcValues = Object.values( + chart.options.elements.arc.roundedCornersFor + ); + + arcValues.forEach((arcs) => { + // eslint-disable-next-line no-param-reassign + arcs = Array.isArray(arcs) ? arcs : [arcs]; + arcs.forEach((i) => { + const arc = chart.getDatasetMeta(0).data[i]; + arc.round = { + x: (chart.chartArea.left + chart.chartArea.right) / 2, + y: chart.chartArea.top + chart.chartArea.bottom / 2, + radius: (arc.outerRadius + arc.innerRadius) / 2, + thickness: (arc.outerRadius - arc.innerRadius) / 2, + backgroundColor: arc.options.backgroundColor, + }; + }); + }); + } + }, + afterDraw: (chart) => { + if (chart.options.elements.arc.roundedCornersFor !== undefined) { + const { ctx } = chart; + let arc; + const { roundedCornersFor } = chart.options.elements.arc; + // eslint-disable-next-line no-restricted-syntax + for (const position in roundedCornersFor) { + const values = Array.isArray(roundedCornersFor[position]) + ? roundedCornersFor[position] + : [roundedCornersFor[position]]; + // eslint-disable-next-line no-loop-func + values.forEach((p) => { + arc = chart.getDatasetMeta(0).data[p]; + const startAngle = Math.PI / 2 - arc.startAngle; + // const startAngle = Math.PI - arc.startAngle - Math.PI; + const endAngle = Math.PI / 2 - arc.endAngle; + // const endAngle = Math.PI - arc.endAngle - Math.PI; + ctx.save(); + ctx.translate(arc.round.x, arc.round.y); + ctx.fillStyle = arc.options.backgroundColor; + ctx.beginPath(); + if (position === "start") { + ctx.arc( + arc.round.radius * Math.sin(startAngle), + arc.round.radius * Math.cos(startAngle), + arc.round.thickness, + 0, + 2 * Math.PI + ); + } else { + ctx.arc( + arc.round.radius * Math.sin(endAngle), + arc.round.radius * Math.cos(endAngle), + arc.round.thickness, + 0, + 2 * Math.PI + ); + } + ctx.closePath(); + ctx.fill(); + ctx.restore(); + }); + } + } + }, + }, + ]; + return ; +} diff --git a/src/components/Charts/InvestmentLineChart.jsx b/src/components/Charts/InvestmentLineChart.jsx new file mode 100644 index 0000000..b7b7bc0 --- /dev/null +++ b/src/components/Charts/InvestmentLineChart.jsx @@ -0,0 +1,130 @@ +/* eslint-disable no-plusplus */ +/* eslint-disable no-param-reassign */ +/* eslint-disable no-shadow */ +/* eslint-disable no-restricted-globals */ +/* eslint-disable guard-for-in */ +/* eslint-disable vars-on-top */ +/* eslint-disable no-underscore-dangle */ +import { + CategoryScale, + Chart as ChartJS, + Filler, + LinearScale, + LineElement, + PointElement, + Title, + Tooltip, +} from "chart.js"; +import React from "react"; +import { Line } from "react-chartjs-2"; + +ChartJS.register( + CategoryScale, + LinearScale, + PointElement, + LineElement, + Title, + Tooltip, + Filler, + { + id: "lineChart", + } +); + +export default function InvestmentLineChart({ datasets }) { + const lineChartOptions = { + type: "line", + responsive: true, + scales: { + x: { + ticks: { + display: false, + }, + grid: { + display: false, + drawBorder: false, + }, + gridLines: { + zeroLineColor: "transparent", + }, + }, + + y: { + beginAtZero: true, + ticks: { + display: false, + }, + grid: { + display: false, + drawBorder: false, + }, + gridLines: { + zeroLineColor: "transparent", + }, + }, + }, + maintainAspectRatio: false, + lineTension: 0.5, + elements: { + point: { + radius: [0, 0, 0, 0, 0, 0, 0, 4, 0, 0, 0, 0, 0, 0, 0, 0], + hoverRadius: 6, + }, + }, + }; + const LineChartData = { + labels: datasets, + datasets: [ + { + label: "First dataset", + data: datasets, + fill: true, + backgroundColor: () => { + const chart = document.getElementById("chart").getContext("2d"); + const gradient = chart.createLinearGradient(0, 0, 0, 285); + // background: linear-gradient(180deg, rgba(245, 57, 248, 0.2) -0.98%, rgba(245, 57, 248, 0) 100%); + + gradient.addColorStop(0, "rgba(245, 57, 248,0.5)"); + gradient.addColorStop(1, "rgba(245, 57, 248, 0)"); + + return gradient; + }, + borderColor: "#f539f8", + pointBorderColor: "#ffffff", + pointBackgroundColor: "#f539f8", + pointBorderWidth: 3, + pointHoverBorderWidth: 3, + }, + ], + }; + const plugins = [ + { + beforeDatasetsDraw(chart) { + chart.ctx.shadowColor = "rgba(0, 0, 0, 0.2)"; + chart.ctx.shadowBlur = 10; + }, + afterDatasetsDraw(chart) { + chart.ctx.shadowColor = "rgba(0, 0, 0, 0)"; + chart.ctx.shadowBlur = 0; + }, + }, + ]; + + return ( + <> + +
+ {LineChartData.datasets[0].data.map((value) => ( + + | + + ))} +
+ + ); +} diff --git a/src/components/Charts/MarketHistoryChart.jsx b/src/components/Charts/MarketHistoryChart.jsx new file mode 100644 index 0000000..84cbc57 --- /dev/null +++ b/src/components/Charts/MarketHistoryChart.jsx @@ -0,0 +1,104 @@ +import { + CategoryScale, + Chart as ChartJS, + LinearScale, + LineElement, + PointElement, + Tooltip, +} from "chart.js"; +import React, { useContext } from "react"; +import { Line } from "react-chartjs-2"; +import DarkModeContext from "../Contexts/DarkModeContext"; + +ChartJS.register( + CategoryScale, + LinearScale, + PointElement, + LineElement, + Tooltip +); +export default function MarketHistoryChart({ + dataLvl = [], + datasetOne = [], + datasetTwo = [], +}) { + const darkMode = useContext(DarkModeContext); + const options = { + responsive: true, + plugins: { + legend: { + position: "top", + }, + title: { + display: false, + text: "Chart.js Line Chart", + }, + }, + lineTension: 0.4, + scales: { + x: { + grid: { + color: darkMode.theme === "light" ? "#E3E4FE" : "#a7a9b533", + lineWidth: 2, + drawBorder: false, + }, + gridLines: { + zeroLineColor: "transparent", + }, + }, + + y: { + beginAtZero: true, + grid: { + display: false, + drawBorder: false, + }, + gridLines: { + zeroLineColor: "transparent", + }, + ticks: { + callback(value) { + return `${value}%`; + }, + }, + }, + }, + elements: { + point: { + radius: [0, 0, 6, 0, 0, 0, 0, 0], + hoverRadius: 6, + }, + }, + }; + const labels = dataLvl; + const data = { + labels, + datasets: [ + { + label: "Dataset 1", + data: datasetOne, + // data: [10, -30, 50, -70, 90, -10, 30, -50, 70, -90], + borderColor: "#5356FB", + backgroundColor: "#5356FB", + borderWidth: 4, + pointBorderColor: "#ffffff", + pointBackgroundColor: "#5356FB", + pointBorderWidth: 3, + pointHoverBorderWidth: 3, + }, + { + label: "Dataset 2", + data: datasetTwo, + // data: [-20, 40, -60, 80, -90, 20, -40, 60, -80, 90], + borderColor: "#F539F8", + backgroundColor: "#F539F8", + borderWidth: 4, + pointBorderColor: "#ffffff", + pointBackgroundColor: "#f539f8", + pointBorderWidth: 3, + pointHoverBorderWidth: 3, + }, + ], + }; + return ; +} diff --git a/src/components/Charts/MarketVisitorAnalytic.jsx b/src/components/Charts/MarketVisitorAnalytic.jsx new file mode 100644 index 0000000..4f68c27 --- /dev/null +++ b/src/components/Charts/MarketVisitorAnalytic.jsx @@ -0,0 +1,106 @@ +/* eslint-disable no-plusplus */ +/* eslint-disable no-param-reassign */ +/* eslint-disable no-shadow */ +/* eslint-disable no-restricted-globals */ +/* eslint-disable guard-for-in */ +/* eslint-disable vars-on-top */ +/* eslint-disable no-underscore-dangle */ +import { + CategoryScale, + Chart as ChartJS, + Filler, + LinearScale, + LineElement, + PointElement, + Title, + Tooltip, +} from "chart.js"; +import React, { useContext } from "react"; +import { Line } from "react-chartjs-2"; + +import DarkModeContext from "../Contexts/DarkModeContext"; + +ChartJS.register( + CategoryScale, + LinearScale, + PointElement, + LineElement, + Title, + Tooltip, + Filler, + { + id: "lineChart", + } +); + +export default function MarketVisitorAnalytic({ datasets, dataLvls }) { + const darkMode = useContext(DarkModeContext); + const lineChartOptions = { + type: "line", + responsive: true, + scales: { + x: { + grid: { + display: false, + drawBorder: false, + }, + gridLines: { + zeroLineColor: "transparent", + }, + }, + + y: { + beginAtZero: true, + ticks: { + display: false, + }, + grid: { + display: false, + drawBorder: false, + }, + gridLines: { + zeroLineColor: "transparent", + }, + }, + }, + maintainAspectRatio: false, + lineTension: 0.5, + }; + const LineChartData = { + labels: dataLvls, + datasets: [ + { + label: "First dataset", + data: datasets, + // data: [50, 30, 100, 20, 50, 30, 100, 20], + fill: true, + backgroundColor: + darkMode.theme === "light" + ? "rgb(250, 236, 254)" + : " rgba(245, 57, 248, 0.1)", + borderColor: "#D040F9", + pointBorderColor: "#AE8FF7", + pointBackgroundColor: "#ffffff", + pointRadius: 5, + pointHoverRadius: 5, + borderWidth: 5, + pointBorderWidth: 3, + pointHoverBorderWidth: 5, + }, + // { + // label: 'Data One', + // backgroundColor: '#f87979', + // data: [this.getRandomInt(), this.getRandomInt()] + // } + ], + }; + const plugins = [{}]; + return ( + + ); +} diff --git a/src/components/Charts/MiniLineChart.jsx b/src/components/Charts/MiniLineChart.jsx new file mode 100644 index 0000000..2d00643 --- /dev/null +++ b/src/components/Charts/MiniLineChart.jsx @@ -0,0 +1,106 @@ +/* eslint-disable no-plusplus */ +/* eslint-disable no-param-reassign */ +/* eslint-disable no-shadow */ +/* eslint-disable no-restricted-globals */ +/* eslint-disable guard-for-in */ +/* eslint-disable vars-on-top */ +/* eslint-disable no-underscore-dangle */ +import { + CategoryScale, + Chart as ChartJS, + Filler, + LinearScale, + LineElement, + PointElement, + Title, + Tooltip, +} from "chart.js"; +import React from "react"; +import { Line } from "react-chartjs-2"; + +ChartJS.register( + CategoryScale, + LinearScale, + PointElement, + LineElement, + Title, + Tooltip, + Filler, + { + id: "lineChart", + } +); + +export default function MiniLineChart({ datasets = [] }) { + const lineChartOptions = { + type: "line", + responsive: true, + scales: { + x: { + grid: { + display: false, + drawBorder: false, + }, + gridLines: { + zeroLineColor: "transparent", + }, + }, + + y: { + beginAtZero: true, + ticks: { + display: false, + }, + grid: { + display: false, + drawBorder: false, + }, + gridLines: { + zeroLineColor: "transparent", + }, + }, + }, + maintainAspectRatio: false, + lineTension: 0.5, + elements: { + point: { + radius: [0, 0, 4, 0], + hoverRadius: 6, + }, + }, + }; + const LineChartData = { + labels: ["12AM", "4PM", "1.00AM", "2.00AM"], + datasets: [ + { + label: "First dataset", + data: datasets, + fill: true, + backgroundColor: () => { + const chart = document.getElementById("chart").getContext("2d"); + const gradient = chart.createLinearGradient(0, 0, 0, 450); + gradient.addColorStop(0, "rgba(83, 86, 251,0.6)"); + gradient.addColorStop(0.2, "rgba(83, 86, 251, 0.01)"); + + return gradient; + }, + borderColor: "#5356FB", + pointBackgroundColor: "#5356FB", + }, + // { + // label: 'Data One', + // backgroundColor: '#f87979', + // data: [this.getRandomInt(), this.getRandomInt()] + // } + ], + }; + const plugins = [{}]; + return ( + + ); +} diff --git a/src/components/Charts/QuickCounterChart.jsx b/src/components/Charts/QuickCounterChart.jsx new file mode 100644 index 0000000..e9a0fac --- /dev/null +++ b/src/components/Charts/QuickCounterChart.jsx @@ -0,0 +1,113 @@ +/* eslint-disable no-plusplus */ +/* eslint-disable no-param-reassign */ +/* eslint-disable no-shadow */ +/* eslint-disable no-restricted-globals */ +/* eslint-disable guard-for-in */ +/* eslint-disable vars-on-top */ +/* eslint-disable no-underscore-dangle */ +import { + CategoryScale, + Chart as ChartJS, + Filler, + LinearScale, + LineElement, + PointElement, + Title, + Tooltip, +} from "chart.js"; +import React from "react"; +import { Line } from "react-chartjs-2"; + +ChartJS.register( + CategoryScale, + LinearScale, + PointElement, + LineElement, + Title, + Tooltip, + Filler, + { + id: "lineChart", + } +); + +export default function QuickCounterChart({ primaryColor }) { + const lineChartOptions = { + type: "line", + responsive: true, + scales: { + x: { + ticks: { + display: false, + }, + grid: { + display: false, + drawBorder: false, + }, + gridLines: { + zeroLineColor: "transparent", + }, + }, + + y: { + beginAtZero: true, + ticks: { + display: false, + }, + grid: { + display: false, + drawBorder: false, + }, + gridLines: { + zeroLineColor: "transparent", + }, + }, + }, + maintainAspectRatio: false, + lineTension: 0.5, + elements: { + point: { + radius: [0, 0, 6, 0, 0, 0, 0, 0], + hoverRadius: 6, + }, + }, + }; + const LineChartData = { + labels: [ + "12AM", + "4PM", + "1.00AM", + "2.00AM", + "12AM", + "4PM", + "1.00AM", + "2.00AM", + ], + datasets: [ + { + label: "First dataset", + data: [1, 5, 1, 5, 1, 19, 3, 8], + fill: true, + borderColor: primaryColor, + pointBorderColor: "rgba(226, 226, 226, 1)", + pointBackgroundColor: primaryColor, + backgroundColor: "#ffffff00", + borderWidth: 3, + }, + // { + // label: 'Data One', + // backgroundColor: '#f87979', + // data: [this.getRandomInt(), this.getRandomInt()] + // } + ], + }; + const plugins = [{}]; + return ( + + ); +} diff --git a/src/components/Charts/SellAnalysChart.jsx b/src/components/Charts/SellAnalysChart.jsx new file mode 100644 index 0000000..d763c56 --- /dev/null +++ b/src/components/Charts/SellAnalysChart.jsx @@ -0,0 +1,139 @@ +import { + CategoryScale, + Chart as ChartJS, + Filler, + LinearScale, + LineElement, + PointElement, + Tooltip, +} from "chart.js"; +import React, { useContext } from "react"; +import { Line } from "react-chartjs-2"; +import DarkModeContext from "../Contexts/DarkModeContext"; + +ChartJS.register( + CategoryScale, + LinearScale, + PointElement, + LineElement, + Tooltip, + Filler +); +export default function SellAnalysChart({ datasets, dataLvls }) { + const darkMode = useContext(DarkModeContext); + const options = { + responsive: true, + plugins: { + legend: { + position: "top", + }, + title: { + display: false, + text: "Chart.js Line Chart", + }, + }, + // lineTension: 0.4, + scales: { + x: { + grid: { + color: darkMode.theme === "light" ? "#E3E4FE" : "#a7a9b533", + lineWidth: 2, + drawBorder: true, + }, + gridLines: { + zeroLineColor: "transparent", + }, + }, + + y: { + beginAtZero: true, + grid: { + color: darkMode.theme === "light" ? "#E3E4FE" : "#a7a9b533", + lineWidth: 2, + drawBorder: true, + }, + gridLines: { + zeroLineColor: "transparent", + }, + ticks: { + callback(value) { + return `${value} ETH`; + }, + }, + }, + }, + elements: { + point: { + radius: [6], + // hoverRadius: 6, + }, + }, + }; + const labels = dataLvls; + let width; + let height; + let gradient; + function getGradient(ctx, chartArea) { + const chartWidth = chartArea.right - chartArea.left; + const chartHeight = chartArea.bottom - chartArea.top; + if (gradient === null || width !== chartWidth || height !== chartHeight) { + // Create the gradient because this is either the first render + // or the size of the chart has changed + width = chartWidth; + height = chartHeight; + gradient = ctx.createLinearGradient( + 0, + chartArea.bottom, + 0, + chartArea.top + ); + gradient.addColorStop(0, "rgba(83, 86, 251,1)"); + gradient.addColorStop(0.5, "rgba(195, 66, 249,1)"); + gradient.addColorStop(1, "rgba(245, 57, 248,1)"); + } + + return gradient; + } + const data = { + labels, + datasets: [ + { + label: "Dataset 1", + data: datasets, + // data: [0, 51, 9, "", 31, 6, "", "", "", 71, 51, 60, 5, 51, 21], + borderColor(context) { + const { chart } = context; + const { ctx, chartArea } = chart; + + if (!chartArea) { + // This case happens on initial chart load + return null; + } + return getGradient(ctx, chartArea); + }, + fill: true, + backgroundColor: () => { + const charts = document.getElementById("chart").getContext("2d"); + const gradients = charts.createLinearGradient(0, 0, 0, 550); + gradients.addColorStop(0, "rgba(245, 57, 248,0.6)"); + gradients.addColorStop(1, "rgba(83, 86, 251, 0.01)"); + + return gradients; + }, + borderWidth: 4, + pointBackgroundColor(context) { + const { chart } = context; + const { ctx, chartArea } = chart; + + if (!chartArea) { + // This case happens on initial chart load + return null; + } + return getGradient(ctx, chartArea); + }, + // pointBorderWidth: 3, + }, + ], + }; + return ; +} diff --git a/src/components/Charts/SellHistoryAnalytic.jsx b/src/components/Charts/SellHistoryAnalytic.jsx new file mode 100644 index 0000000..5f9e0c0 --- /dev/null +++ b/src/components/Charts/SellHistoryAnalytic.jsx @@ -0,0 +1,80 @@ +import { + BarElement, + CategoryScale, + Chart as ChartJS, + LinearScale, + Tooltip, +} from "chart.js"; +import React, { useContext } from "react"; +import { Bar } from "react-chartjs-2"; +import DarkModeContext from "../Contexts/DarkModeContext"; + +ChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip); + +export default function SellHistoryAnalytic() { + const darkMode = useContext(DarkModeContext); + const options = { + responsive: true, + barThickness: 7, + scales: { + x: { + grid: { + display: false, + }, + gridLines: { + zeroLineColor: "transparent", + }, + }, + + y: { + beginAtZero: true, + grid: { + // display: false, + drawBorder: false, + color: darkMode.theme === "light" ? "#E5E5E5" : "#393B4A", + borderDash: [5, 5], + borderDashOffset: 2, + borderWidth: 2, + }, + gridLines: { + zeroLineColor: "transparent", + }, + ticks: { + callback(value) { + return `${value}% `; + }, + }, + }, + }, + plugins: { + legend: { + position: "top", + }, + // title: { + // display: true, + // text: "Chart.js Bar Chart", + // }, + }, + }; + + const labels = ["Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri"]; + + const data = { + labels, + datasets: [ + { + label: "Dataset 1", + data: [65, 59, 80, 81, 56, 55, 40], + backgroundColor: "#5356FB", + borderRadius: 10, + }, + { + label: "Dataset 2", + data: [87, 98, 23, 51, 12, 78, 35], + backgroundColor: "#F539F8", + borderRadius: 10, + }, + ], + }; + return ; +} diff --git a/src/components/Charts/SellMonthStatics.jsx b/src/components/Charts/SellMonthStatics.jsx new file mode 100644 index 0000000..353d7ac --- /dev/null +++ b/src/components/Charts/SellMonthStatics.jsx @@ -0,0 +1,167 @@ +/* eslint-disable no-plusplus */ +/* eslint-disable no-param-reassign */ +/* eslint-disable no-shadow */ +/* eslint-disable no-restricted-globals */ +/* eslint-disable guard-for-in */ +/* eslint-disable vars-on-top */ +/* eslint-disable no-underscore-dangle */ +import { + CategoryScale, + Chart as ChartJS, + Filler, + LinearScale, + LineElement, + PointElement, + Title, + Tooltip, +} from "chart.js"; +import React from "react"; +import { Line } from "react-chartjs-2"; + +ChartJS.register( + CategoryScale, + LinearScale, + PointElement, + LineElement, + Title, + Tooltip, + Filler, + { + id: "lineChart", + } +); + +export default function SellMonthStatics({ setRGBColor }) { + const rgbColor = setRGBColor; + const colors = rgbColor.match(/\d+/g).map(Number); + const [r, g, b] = colors; + let setColor = ""; + if (colors.length >= 3) { + setColor = `${r}, ${g}, ${b}`; + } + + const lineChartOptions = { + type: "line", + responsive: true, + scales: { + x: { + grid: { + display: false, + drawBorder: false, + }, + gridLines: { + zeroLineColor: "transparent", + }, + ticks: { + display: false, + }, + }, + + y: { + beginAtZero: true, + ticks: { + display: false, + }, + grid: { + display: false, + drawBorder: false, + }, + gridLines: { + zeroLineColor: "transparent", + }, + }, + }, + maintainAspectRatio: false, + lineTension: 0.3, + elements: { + point: { + radius: [6], + hoverRadius: 6, + }, + }, + }; + const LineChartData = { + labels: [ + "01", + "02", + "03", + "04", + "05", + "06", + "07", + "08", + "09", + "10", + "11", + "12", + "13", + "14", + "15", + "16", + "17", + "18", + "19", + "20", + "21", + "22", + "23", + "24", + "25", + "26", + "27", + "28", + "29", + "30", + ], + datasets: [ + { + label: "First dataset", + data: [ + 51, 61, 51, 61, 91, 51, 61, 51, 61, 51, 61, 41, 51, 61, 51, 61, 91, + 51, 61, 51, 61, 51, 61, 41, 51, 61, 51, 61, 91, 51, + ], + fill: true, + backgroundColor: () => { + if (setColor) { + const chart = document.getElementById("chart").getContext("2d"); + const gradient = chart.createLinearGradient(0, 0, 0, 1000); + gradient.addColorStop(0, `rgba(${setColor || ""},0.3)`); + gradient.addColorStop(0.2, `rgba(${setColor || ""}, 0.01)`); + return gradient; + } + return false; + }, + borderColor: `rgb(${setColor})`, + borderWidth: 3, + pointBackgroundColor: `transparent`, + pointHoverBackgroundColor: `rgb(${setColor})`, + pointBorderColor: "transparent", + pointHoverBorderColor: "#ffffff", + pointBorderWidth: 4, + pointHoverBorderWidth: 3, + }, + // { + // label: 'Data One', + // backgroundColor: '#f87979', + // data: [this.getRandomInt(), this.getRandomInt()] + // } + ], + }; + + const plugins = [ + { + beforeDatasetsDraw(chart) { + chart.ctx.shadowColor = "rgba(5, 5, 5, 0.15)"; + chart.ctx.shadowBlur = 3; + }, + }, + ]; + return ( + + ); +} diff --git a/src/components/Contexts/DarkModeContext.js b/src/components/Contexts/DarkModeContext.js new file mode 100644 index 0000000..1a5c2f3 --- /dev/null +++ b/src/components/Contexts/DarkModeContext.js @@ -0,0 +1,4 @@ +import { createContext } from "react"; + +const DarkModeContext = createContext(); +export default DarkModeContext; diff --git a/src/components/FourZeroFour/index.jsx b/src/components/FourZeroFour/index.jsx new file mode 100644 index 0000000..24977e2 --- /dev/null +++ b/src/components/FourZeroFour/index.jsx @@ -0,0 +1,32 @@ +import React from "react"; +import Lottie from "react-lottie"; +import { useNavigate } from "react-router-dom"; +import * as animationData from "../../assets/images/Lotties/77618-website-404-error-animation.json"; + +export default function FourZeroFour() { + const navigate = useNavigate(); + const defaultOptions = { + loop: true, + autoplay: true, + animationData, + rendererSettings: { + preserveAspectRatio: "xMidYMid slice", + }, + }; + return ( +
+
+ +
+ +
+
+
+ ); +} diff --git a/src/components/Helpers/Accordion.jsx b/src/components/Helpers/Accordion.jsx new file mode 100644 index 0000000..86bdc1a --- /dev/null +++ b/src/components/Helpers/Accordion.jsx @@ -0,0 +1,47 @@ +import React from "react"; +import Icons from "./Icons"; + +export default function Accordion({ datas }) { + const [isOpen, setOpen] = React.useState(false); + const accordionHandler = () => { + setOpen(!isOpen); + }; + return ( + <> +
+
+
+ + + + + + +
+
+

+ {datas.title} +

+
+
+
+
+
+
+

+ {datas.content} +

+
+
+
+
+ + ); +} diff --git a/src/components/Helpers/CountDown.jsx b/src/components/Helpers/CountDown.jsx new file mode 100644 index 0000000..c2f39bd --- /dev/null +++ b/src/components/Helpers/CountDown.jsx @@ -0,0 +1,61 @@ +/* eslint-disable no-underscore-dangle */ +import React, { useEffect, useState } from "react"; + +function CountDown({ lastDate = "" }) { + // const [showDate, setDate] = useState(0); + const [showHour, setHour] = useState(0); + const [showMinute, setMinute] = useState(0); + const [showSecound, setDateSecound] = useState(0); + // count Down + const provideDate = new Date(lastDate); + // format date + const year = provideDate.getFullYear(); + const month = provideDate.getMonth(); + // console.log(month); + const date = provideDate.getDate(); + // console.log(date); + const hours = provideDate.getHours(); + // console.log(hours); + const minutes = provideDate.getMinutes(); + // console.log(minutes); + const seconds = provideDate.getSeconds(); + // console.log(seconds); + + // date calculation logic + const _seconds = 1000; + const _minutes = _seconds * 60; + const _hours = _minutes * 60; + const _date = _hours * 24; + + // interval function + const startInterval = () => { + const timer = setInterval(() => { + const now = new Date(); + const distance = + new Date(year, month, date, hours, minutes, seconds).getTime() - + now.getTime(); + if (distance < 0) { + clearInterval(timer); + return; + } + // setDate(Math.floor(distance / _date)); + setMinute(Math.floor((distance % _hours) / _minutes)); + setHour(Math.floor((distance % _date) / _hours)); + setDateSecound(Math.floor((distance % _minutes) / _seconds)); + }, 1000); + }; + + // effect + useEffect(() => { + if (lastDate !== "") { + startInterval(); + } + }); + return ( + + {showHour} : {showMinute} : {showSecound} + + ); +} + +export default CountDown; diff --git a/src/components/Helpers/CounterUp.jsx b/src/components/Helpers/CounterUp.jsx new file mode 100644 index 0000000..094317d --- /dev/null +++ b/src/components/Helpers/CounterUp.jsx @@ -0,0 +1,28 @@ +import React, { useEffect, useState } from "react"; +import CountUp from "react-countup"; + +function CounterUp({ endValue = 0, sectionId }) { + const [showCount, setShowCountValue] = useState(false); + useEffect(() => { + const rec = document.getElementById(sectionId); + if (rec) { + const currentPosition = rec.offsetTop - document.body.scrollTop; + if (currentPosition < window.innerHeight) { + setShowCountValue(true); + } else { + window.addEventListener("scroll", () => { + const currentScrollPosition = + window.pageYOffset || document.documentElement.scrollTop; + if (currentScrollPosition + 500 > currentPosition) { + setShowCountValue(true); + } + }); + } + } + }, [endValue, sectionId, showCount]); + return ( + <>{showCount ? : 0} + ); +} + +export default CounterUp; diff --git a/src/components/Helpers/DataIteration.jsx b/src/components/Helpers/DataIteration.jsx new file mode 100644 index 0000000..9e5ebc1 --- /dev/null +++ b/src/components/Helpers/DataIteration.jsx @@ -0,0 +1,16 @@ +import React from "react"; + +function DataIteration(props) { + const { datas, startLength, endLength, children } = props; + return ( + <> + {datas && + datas.length >= endLength && + datas + .slice(startLength, endLength) + .map((value) => children({ datas: value }))} + + ); +} + +export default DataIteration; diff --git a/src/components/Helpers/Icons.jsx b/src/components/Helpers/Icons.jsx new file mode 100644 index 0000000..ca65e6c --- /dev/null +++ b/src/components/Helpers/Icons.jsx @@ -0,0 +1,476 @@ +import React from "react"; + +export default function Icons({ name }) { + return ( + <> + {name === "message" ? ( + + + + + ) : name === "password" ? ( + + + + ) : name === "password-hover" ? ( + + + + ) : name === "people" ? ( + + + + + ) : name === "people-hover" ? ( + + + + + ) : name === "deep-search" ? ( + + + + ) : name === "wallet" ? ( + + + + + + ) : name === "deep-plus" ? ( + + + + ) : name === "notification" ? ( + + + + + ) : name === "dashboard" ? ( + + + + + + + ) : name === "active-bids" ? ( + + + + + + + ) : name === "market" ? ( + + + + + ) : name === "wallet-two" ? ( + + + + + + ) : name === "star" ? ( + + + + ) : name === "shop-card" ? ( + + + + + + + + ) : name === "heart" ? ( + + + + ) : name === "history" ? ( + + + + + ) : name === "setting" ? ( + + + + ) : name === "people-two" ? ( + + + + + ) : name === "message-two" ? ( + + + + + ) : name === "add-people" ? ( + + + + + + ) : name === "close" ? ( + + + + ) : name === "arrows" ? ( + + + + ) : name === "love" ? ( + + + + ) : name === "dots" ? ( + + + + + + ) : name === "bank-card" ? ( + + + + + ) : name === "notification-setting" ? ( + + + + + + ) : name === "login-activity" ? ( + + + + + + + + + ) : name === "block-question" ? ( + + + + ) : name === "page-right" ? ( + + + + + + ) : name === "deep-delete" ? ( + + + + + ) : name === "hide-password" ? ( + + + + + + + + ) : name === "show-password" ? ( + + + + + ) : name === "accordion-minus" ? ( + + + + ) : ( + "" + )} + + ); +} diff --git a/src/components/Helpers/Icons/BtcIco.jsx b/src/components/Helpers/Icons/BtcIco.jsx new file mode 100644 index 0000000..99acb23 --- /dev/null +++ b/src/components/Helpers/Icons/BtcIco.jsx @@ -0,0 +1,37 @@ +import React from "react"; + +export default function BtcIco() { + return ( + + + + + + + + + + + + + + ); +} diff --git a/src/components/Helpers/Icons/EthIco.jsx b/src/components/Helpers/Icons/EthIco.jsx new file mode 100644 index 0000000..b81dc73 --- /dev/null +++ b/src/components/Helpers/Icons/EthIco.jsx @@ -0,0 +1,46 @@ +import React from "react"; + +export default function EthIco() { + return ( + + + + + + + + + + ); +} diff --git a/src/components/Helpers/Icons/LtcIco.jsx b/src/components/Helpers/Icons/LtcIco.jsx new file mode 100644 index 0000000..8983b7e --- /dev/null +++ b/src/components/Helpers/Icons/LtcIco.jsx @@ -0,0 +1,33 @@ +import React from "react"; + +export default function LtcIco() { + return ( + + + + + + + + + + + + + ); +} diff --git a/src/components/Helpers/Icons/Usdt.jsx b/src/components/Helpers/Icons/Usdt.jsx new file mode 100644 index 0000000..22feb6c --- /dev/null +++ b/src/components/Helpers/Icons/Usdt.jsx @@ -0,0 +1,41 @@ +import React from "react"; + +export default function Usdt() { + return ( + + + + + + + + + + + + + + + ); +} diff --git a/src/components/Helpers/Inputs/InputCom/index.jsx b/src/components/Helpers/Inputs/InputCom/index.jsx new file mode 100644 index 0000000..86aec14 --- /dev/null +++ b/src/components/Helpers/Inputs/InputCom/index.jsx @@ -0,0 +1,40 @@ +import React from "react"; +import Icons from "../../Icons"; + +export default function InputCom({ + label, + type, + name, + placeholder, + iconName, + inputHandler, + value, +}) { + return ( +
+ {label && ( + + )} +
+ + {iconName && ( +
+ +
+ )} +
+
+ ); +} diff --git a/src/components/Helpers/ModalCom.jsx b/src/components/Helpers/ModalCom.jsx new file mode 100644 index 0000000..60e241d --- /dev/null +++ b/src/components/Helpers/ModalCom.jsx @@ -0,0 +1,24 @@ +import React, { useEffect } from "react"; + +export default function ModalCom({ action, children, situation }) { + useEffect(() => { + if (situation) { + document.body.style.overflowY = "hidden"; + } + return () => { + document.body.style.overflowY = "unset"; + }; + }); + + return ( +
+
+
+ {children && children} +
+
+ ); +} diff --git a/src/components/Helpers/ScrollToTop.jsx b/src/components/Helpers/ScrollToTop.jsx new file mode 100644 index 0000000..dca45dc --- /dev/null +++ b/src/components/Helpers/ScrollToTop.jsx @@ -0,0 +1,13 @@ +import { useEffect } from "react"; +import { useLocation } from "react-router-dom"; + +const ScrollToTop = ({ children }) => { + const location = useLocation(); + useEffect(() => { + window.scrollTo(0, 0); + }, [location]); + + return <>{children}; +}; + +export default ScrollToTop; diff --git a/src/components/Helpers/SearchCom.jsx b/src/components/Helpers/SearchCom.jsx new file mode 100644 index 0000000..9858e98 --- /dev/null +++ b/src/components/Helpers/SearchCom.jsx @@ -0,0 +1,25 @@ +import React from "react"; +import Icons from "./Icons"; + +export default function SearchCom({ className, inputClasses }) { + return ( +
+
+ +
+
+ +
+
+ ); +} diff --git a/src/components/Helpers/SelectBox/index.jsx b/src/components/Helpers/SelectBox/index.jsx new file mode 100644 index 0000000..c2fa678 --- /dev/null +++ b/src/components/Helpers/SelectBox/index.jsx @@ -0,0 +1,74 @@ +import React, { useState } from "react"; +import useToggle from "../../../hooks/useToggle"; + +function SelectBox({ datas = [], className, action, contentBodyClasses }) { + const [item, setItem] = useState(datas[0]); + // custom hook + const [toggle, setToggle] = useToggle(false); + const handler = (e, value) => { + e.preventDefault(); + if (action) { + action(value); + } + setItem(value); + setToggle.set(false); + }; + return ( + <> + {datas.length > 0 && ( +
+
setToggle.toggle()} + className="flex space-x-1 items-center" + > + {item} + + + + + +
+ {toggle && ( +
setToggle.toggle()} + className="w-full h-screen fixed top-0 left-0 z-10" + >
+ )} + +
+
    + {datas.map((value) => ( +
  • handler(e, value)} + className="text-thin-light-gray tracking-wide text-sm cursor-pointer" + > + {value} +
    • + ))} +
+
+
+ )} + + ); +} + +export default SelectBox; diff --git a/src/components/Helpers/SliderCom.jsx b/src/components/Helpers/SliderCom.jsx new file mode 100644 index 0000000..cff7038 --- /dev/null +++ b/src/components/Helpers/SliderCom.jsx @@ -0,0 +1,19 @@ +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick-theme.css"; +import "slick-carousel/slick/slick.css"; + +export default function SliderCom(props) { + const { asNavFor, className, settings, children, selector } = props; + + return ( + + {children} + + ); +} diff --git a/src/components/Helpers/SwitchCom.jsx b/src/components/Helpers/SwitchCom.jsx new file mode 100644 index 0000000..2bccb53 --- /dev/null +++ b/src/components/Helpers/SwitchCom.jsx @@ -0,0 +1,18 @@ +import React from "react"; + +export default function SwitchCom({ className, value, handler }) { + return ( + <> +
+
+
+ + ); +} diff --git a/src/components/Helpers/Toaster.jsx b/src/components/Helpers/Toaster.jsx new file mode 100644 index 0000000..bf5eb75 --- /dev/null +++ b/src/components/Helpers/Toaster.jsx @@ -0,0 +1,11 @@ +import React from "react"; +import { ToastContainer } from "react-toastify"; +import "react-toastify/dist/ReactToastify.css"; + +export default function Toaster() { + return ( +
+ +
+ ); +} diff --git a/src/components/History/HistoryTable.jsx b/src/components/History/HistoryTable.jsx new file mode 100644 index 0000000..7a203f9 --- /dev/null +++ b/src/components/History/HistoryTable.jsx @@ -0,0 +1,1066 @@ +import React, { useState } from "react"; +import dataImage1 from "../../assets/images/data-table-user-1.png"; +import dataImage2 from "../../assets/images/data-table-user-2.png"; +import dataImage3 from "../../assets/images/data-table-user-3.png"; +import dataImage4 from "../../assets/images/data-table-user-4.png"; +import SelectBox from "../Helpers/SelectBox"; + +export default function HistoryTable({ className }) { + const filterCategories = ["All Categories", "Explore", "Featured"]; + const [selectedCategory, setCategory] = useState(filterCategories[0]); + return ( +
+
+
+

+ Products History +

+
+ +
+
+ + + + + + + + + + + + + {selectedCategory === "All Categories" ? ( + <> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) : selectedCategory === "Explore" ? ( + <> + + + + + + + + + + + + + + + + + + + + ) : ( + <> + + + + + + + + + + + + + + + + + + + + )} + +
All ProductValueUSD24H%BitsTimeStatus
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ ); +} diff --git a/src/components/History/MarketHistorySection.jsx b/src/components/History/MarketHistorySection.jsx new file mode 100644 index 0000000..3ceb3f7 --- /dev/null +++ b/src/components/History/MarketHistorySection.jsx @@ -0,0 +1,145 @@ +import React, { useState } from "react"; +import MarketHistoryChart from "../Charts/MarketHistoryChart"; +import SelectBox from "../Helpers/SelectBox"; + +export default function MarketHistorySection() { + const filterDatas = ["Last 15 days", "Last 7 days", "Last Month"]; + const [currencyDataLvl, setCurrencyDataLvl] = useState([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + "Jan 8", + "Jan 9", + "Jan 10", + "Jan 11", + "Jan 12", + "Jan 13", + "Jan 14", + "Jan 15", + ]); + const [datasetOne, setDatasetOne] = useState([ + 10, -30, 50, -70, 90, -10, 30, -50, 70, -90, -10, 30, -50, 70, -90, + ]); + const [datasetTwo, setDatasetTwo] = useState([ + -20, 40, -60, 80, -90, 20, -40, 60, -80, 90, 20, -40, 60, -80, 90, + ]); + const currencyStaticsHandler = (value) => { + if (value === "Last Month") { + setCurrencyDataLvl([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + "Jan 8", + "Jan 9", + "Jan 10", + "Jan 11", + "Jan 12", + "Jan 13", + "Jan 14", + "Jan 15", + "Jan 16", + "Jan 17", + "Jan 18", + "Jan 19", + "Jan 20", + "Jan 21", + "Jan 22", + "Jan 23", + "Jan 24", + "Jan 25", + "Jan 26", + "Jan 27", + "Jan 28", + "Jan 29", + "Jan 30", + ]); + setDatasetOne([ + 10, -30, 50, -70, 90, -10, 30, -50, 70, -90, -10, 30, -50, 70, -90, 66, + 10, -30, 50, -70, 90, -10, 30, -50, 70, -90, -10, 30, -50, 70, -90, 60, + ]); + setDatasetTwo([ + -20, 40, -60, 80, -90, 20, -40, 60, -80, 90, 20, -40, 60, -80, 90, 66, + -20, 40, -60, 80, -90, 20, -40, 60, -80, 90, 20, -40, 60, -80, 90, + ]); + } else if (value === "Last 7 days") { + setCurrencyDataLvl([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + ]); + setDatasetOne([10, -30, 50, -70, 90, -10, 30]); + setDatasetTwo([-20, 40, -60, 80, -90, 20, -40]); + } else { + setCurrencyDataLvl([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + "Jan 8", + "Jan 9", + "Jan 10", + "Jan 11", + "Jan 12", + "Jan 13", + "Jan 14", + "Jan 15", + ]); + setDatasetOne([ + 10, -30, 50, -70, 90, -10, 30, -50, 70, -90, -10, 30, -50, 70, -90, + ]); + setDatasetTwo([ + -20, 40, -60, 80, -90, 20, -40, 60, -80, 90, 20, -40, 60, -80, 90, + ]); + } + }; + return ( +
+
+
+
+
+

+ Market History +

+
+
+
+ +

+ Visitors +

+
+
+ +

+ Sales +

+
+
+ +
+
+ +
+
+ ); +} diff --git a/src/components/History/index.jsx b/src/components/History/index.jsx new file mode 100644 index 0000000..a9bcc69 --- /dev/null +++ b/src/components/History/index.jsx @@ -0,0 +1,157 @@ +import React from "react"; +import HistoryAnalyticsCard from "../Cards/HistoryAnalyticsCard"; +import SellHistoryMarketVisitorAnalytic from "../Home/SellHistoryMarketVisitorAnalytic"; +import Layout from "../Partials/Layout"; +import HistoryTable from "./HistoryTable"; +import MarketHistorySection from "./MarketHistorySection"; + +export default function History() { + return ( + <> + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + +
+
+ + + ); +} diff --git a/src/components/Home/CreateNft.jsx b/src/components/Home/CreateNft.jsx new file mode 100644 index 0000000..827b837 --- /dev/null +++ b/src/components/Home/CreateNft.jsx @@ -0,0 +1,36 @@ +import React from "react"; +import { Link } from "react-router-dom"; + +export default function CreateNft({ className }) { + return ( +
+
+

+ Create your own NFT and extraordinary get lot of Sell. +

+

+ Buy and sell NFTs from the world’s top artists +

+
+
+
+ + Upload Products + + + + View Art Work + + +
+
+
+ ); +} diff --git a/src/components/Home/Hero.jsx b/src/components/Home/Hero.jsx new file mode 100644 index 0000000..0d6ebc5 --- /dev/null +++ b/src/components/Home/Hero.jsx @@ -0,0 +1,139 @@ +import React, { useState } from "react"; +import { Link } from "react-router-dom"; +import { toast } from "react-toastify"; +import heroBg from "../../assets/images/hero-bg.svg"; +import heroUser from "../../assets/images/hero-user.png"; +import slider1 from "../../assets/images/slider-1.jpg"; +import slider2 from "../../assets/images/slider-2.jpg"; +import slider3 from "../../assets/images/slider-3.jpg"; +import CountDown from "../Helpers/CountDown"; +import SliderCom from "../Helpers/SliderCom"; + +export default function Hero({ className }) { + const settings = { + autoplay: true, + dots: true, + arrows: false, + infinite: true, + swipe: true, + }; + const [addFavorite, setValue] = useState(false); + const favoriteHandler = () => { + if (!addFavorite) { + setValue(true); + toast.success("Added to Favorite List"); + } else { + setValue(false); + toast.warn("Remove to Favorite List"); + } + }; + return ( +
+
+ {/* heading */} +
+

+ Lock and Lob x Fiesta Spurs +

+ + ID : 2320382 + +
+ {/* user */} +
+
+ +
+
+

+ Brokln Simons +

+

@broklinslam_75

+
+
+ {/* countdown */} +
+
+

Current Bid

+

+ 75,320 ETH +

+

773.69 USD

+
+
+
+

Remaing Time

+

+ +

+
+ Hrs + Min + Sec +
+
+
+ {/* action */} +
+ + + Place a Bid + + + + {" "} + View Art Work + + +
+
+
+
+ +
+ slider +
+
+ slider +
+
+ slider +
+ +
+
+
+ ); +} diff --git a/src/components/Home/SellHistoryMarketVisitorAnalytic.jsx b/src/components/Home/SellHistoryMarketVisitorAnalytic.jsx new file mode 100644 index 0000000..2de2da2 --- /dev/null +++ b/src/components/Home/SellHistoryMarketVisitorAnalytic.jsx @@ -0,0 +1,133 @@ +import React, { useState } from "react"; +import MarketVisitorAnalytic from "../Charts/MarketVisitorAnalytic"; +import SelectBox from "../Helpers/SelectBox"; +import SellHistoryWidget from "./SellHistoryWidget"; + +export default function SellHistoryMarketVisitorAnalytic({ className }) { + const [currencyDataLvl, setCurrencyDataLvl] = useState([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + "Jan 8", + "Jan 9", + "Jan 10", + "Jan 11", + "Jan 12", + "Jan 13", + "Jan 14", + "Jan 15", + ]); + const filterDatas = ["Last 15 days", "Last 7 days", "Last Month"]; + const [filterDataSet, setFilterDataSet] = useState([ + 50, 30, 100, 20, 50, 30, 100, 20, 50, 30, 100, 20, 50, 30, 100, + ]); + const dataSetHandler = (value) => { + if (value === "Last Month") { + setCurrencyDataLvl([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + "Jan 8", + "Jan 9", + "Jan 10", + "Jan 11", + "Jan 12", + "Jan 13", + "Jan 14", + "Jan 15", + "Jan 16", + "Jan 17", + "Jan 18", + "Jan 19", + "Jan 20", + "Jan 21", + "Jan 22", + "Jan 23", + "Jan 24", + "Jan 25", + "Jan 26", + "Jan 27", + "Jan 28", + "Jan 29", + "Jan 30", + ]); + setFilterDataSet([ + 50, 30, 100, 20, 50, 30, 100, 20, 50, 30, 100, 20, 50, 30, 100, 50, 30, + 50, 30, 100, 20, 50, 30, 100, 20, 50, 30, 100, 20, 50, 30, 100, + ]); + } else if (value === "Last 7 days") { + setCurrencyDataLvl([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + ]); + setFilterDataSet([50, 30, 100, 20, 50, 30, 100]); + } else { + setCurrencyDataLvl([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + "Jan 8", + "Jan 9", + "Jan 10", + "Jan 11", + "Jan 12", + "Jan 13", + "Jan 14", + "Jan 15", + ]); + setFilterDataSet([ + 50, 30, 100, 20, 50, 30, 100, 20, 50, 30, 100, 20, 50, 30, 100, + ]); + } + }; + return ( +
+
+
+ +
+
+
+
+
+
+

+ Market Visitor +

+
+ +
+
+ +
+
+
+
+
+
+ ); +} diff --git a/src/components/Home/SellHistoryWidget.jsx b/src/components/Home/SellHistoryWidget.jsx new file mode 100644 index 0000000..a204568 --- /dev/null +++ b/src/components/Home/SellHistoryWidget.jsx @@ -0,0 +1,36 @@ +import React from "react"; +import SellHistoryAnalytic from "../Charts/SellHistoryAnalytic"; + +export default function SellHistoryWidget() { + return ( +
+
+
+
+

+ Sell History +

+
+
+
+ +

+ Avg: Sell Price +

+
+
+ +

+ Total Sell +

+
+
+ Current Week +
+
+ +
+
+
+ ); +} diff --git a/src/components/Home/TopSellerTopBuyerSliderSection.jsx b/src/components/Home/TopSellerTopBuyerSliderSection.jsx new file mode 100644 index 0000000..55e3850 --- /dev/null +++ b/src/components/Home/TopSellerTopBuyerSliderSection.jsx @@ -0,0 +1,794 @@ +import React, { useRef } from "react"; +import top from "../../assets/images/top-buyer-1png.png"; +import top2 from "../../assets/images/top-buyer-2.png"; +import top3 from "../../assets/images/top-buyer-3.png"; +import top4 from "../../assets/images/top-buyer-4.png"; +import Icons from "../Helpers/Icons"; +import SliderCom from "../Helpers/SliderCom"; + +export default function TopSellerTopBuyerSliderSection({ className }) { + const settings = { + arrows: false, + dots: false, + infinite: true, + autoplay: true, + slidesToShow: 4, + slidesToScroll: 1, + responsive: [ + { + breakpoint: 426, + settings: { + slidesToShow: 2, + slidesToScroll: 1, + }, + }, + ], + }; + const sellSlider = useRef(null); + const buySlider = useRef(null); + const prevHandler = (value) => { + if (value === "sell") { + sellSlider.current.slickPrev(); + } + if (value === "buy") { + buySlider.current.slickPrev(); + } + }; + const nextHandler = (value) => { + if (value === "sell") { + sellSlider.current.slickNext(); + } + if (value === "buy") { + buySlider.current.slickNext(); + } + }; + return ( + <> +
+
+
+
+
+

+ Top Seller +

+
+ + +
+
+
+ +
+ {/* img */} +
+
+ top +
+ + + +
+
+
+ {/* title */} +
+

+ Brokln Simons +

+
+ {/* username */} +
+

+ @broklinslam_75 +

+
+ {/* items */} +
+
+ + + + + + + + + + + + + 3435 Items +
+
+
+
+ {/* img */} +
+
+ top +
+ + + +
+
+
+ {/* title */} +
+

+ Brokln Simons +

+
+ {/* username */} +
+

+ @broklinslam_75 +

+
+ {/* items */} +
+
+ + + + + + + + + + + + + 3435 Items +
+
+
+
+ {/* img */} +
+
+ top +
+ + + +
+
+
+ {/* title */} +
+

+ Brokln Simons +

+
+ {/* username */} +
+

+ @broklinslam_75 +

+
+ {/* items */} +
+
+ + + + + + + + + + + + + 3435 Items +
+
+
+
+ {/* img */} +
+
+ top +
+ + + +
+
+
+ {/* title */} +
+

+ Brokln Simons +

+
+ {/* username */} +
+

+ @broklinslam_75 +

+
+ {/* items */} +
+
+ + + + + + + + + + + + + 3435 Items +
+
+
+
+ {/* img */} +
+
+ top +
+ + + +
+
+
+ {/* title */} +
+

+ Brokln Simons +

+
+ {/* username */} +
+

+ @broklinslam_75 +

+
+ {/* items */} +
+
+ + + + + + + + + + + + + 3435 Items +
+
+
+ +
+
+
+
+

+ Top Buyer +

+
+ + +
+
+
+ +
+ {/* img */} +
+
+ top +
+ + + +
+
+
+ {/* title */} +
+

+ Brokln Simons +

+
+ {/* username */} +
+

+ @broklinslam_75 +

+
+ {/* items */} +
+
+ + + + + + + + + 3435 Items +
+
+
+
+ {/* img */} +
+
+ top +
+ + + +
+
+
+ {/* title */} +
+

+ Brokln Simons +

+
+ {/* username */} +
+

+ @broklinslam_75 +

+
+ {/* items */} +
+
+ + + + + + + + + 3435 Items +
+
+
+
+ {/* img */} +
+
+ top +
+ + + +
+
+
+ {/* title */} +
+

+ Brokln Simons +

+
+ {/* username */} +
+

+ @broklinslam_75 +

+
+ {/* items */} +
+
+ + + + + + + + + 3435 Items +
+
+
+
+ {/* img */} +
+
+ top +
+ + + +
+
+
+ {/* title */} +
+

+ Brokln Simons +

+
+ {/* username */} +
+

+ @broklinslam_75 +

+
+ {/* items */} +
+
+ + + + + + + + + 3435 Items +
+
+
+
+ {/* img */} +
+
+ top +
+ + + +
+
+
+ {/* title */} +
+

+ Brokln Simons +

+
+ {/* username */} +
+

+ @broklinslam_75 +

+
+ {/* items */} +
+
+ + + + + + + + + 3435 Items +
+
+
+ +
+
+
+
+
+ + ); +} diff --git a/src/components/Home/TrendingSection.jsx b/src/components/Home/TrendingSection.jsx new file mode 100644 index 0000000..9db0b95 --- /dev/null +++ b/src/components/Home/TrendingSection.jsx @@ -0,0 +1,103 @@ +import React, { useRef } from "react"; +import ProductCardStyleOne from "../Cards/ProductCardStyleOne"; +import Icons from "../Helpers/Icons"; +import SliderCom from "../Helpers/SliderCom"; + +export default function TrendingSection({ className, trending }) { + const settings = { + arrows: false, + slidesToShow: 4, + slidesToScroll: 4, + infinite: true, + responsive: [ + { + breakpoint: 1025, + settings: { + slidesToShow: 3, + slidesToScroll: 3, + }, + }, + { + breakpoint: 769, + settings: { + slidesToShow: 2, + slidesToScroll: 2, + }, + }, + { + breakpoint: 619, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + }, + }, + ], + }; + const trendingSlider = useRef(null); + const prevHandler = () => { + trendingSlider.current.slickPrev(); + }; + const nextHandler = () => { + trendingSlider.current.slickNext(); + }; + return ( +
+ {/* heading */} +
+
+

Tranding Action

+
+
+ + +
+
+ {/* trending products */} +
+ + {trending && + trending.length > 0 && + trending.map((item) => ( + + ))} + +
+
+ ); +} diff --git a/src/components/Home/UpdateTable.jsx b/src/components/Home/UpdateTable.jsx new file mode 100644 index 0000000..1db3d12 --- /dev/null +++ b/src/components/Home/UpdateTable.jsx @@ -0,0 +1,944 @@ +import React, { useState } from "react"; +import dataImage1 from "../../assets/images/data-table-user-1.png"; +import dataImage2 from "../../assets/images/data-table-user-2.png"; +import dataImage3 from "../../assets/images/data-table-user-3.png"; +import dataImage4 from "../../assets/images/data-table-user-4.png"; +import SelectBox from "../Helpers/SelectBox"; + +export default function UpdateTable({ className }) { + const filterCategories = ["All Categories", "Explore", "Featured"]; + const [selectedCategory, setCategory] = useState(filterCategories[0]); + return ( +
+
+
+

+ All NFTS Update +

+ + 435 + +
+ +
+
+ + + {/* table heading */} + + + + + + + + + + {/* table heading end */} + {selectedCategory === "All Categories" ? ( + <> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) : selectedCategory === "Explore" ? ( + <> + + + + + + + + + + + + + + + + + + + + ) : ( + + + + + + + + + + )} + +
+ All Product + ValueUSD24H%BitsTimeStatus
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+
+ + + + + + + + + + + + + 7473 ETH + +
+ 		+
+ + + + + + + + + + 6392.99$ + +
+ 		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
+
+
+ ); +} diff --git a/src/components/Home/index.jsx b/src/components/Home/index.jsx new file mode 100644 index 0000000..2cd0802 --- /dev/null +++ b/src/components/Home/index.jsx @@ -0,0 +1,26 @@ +import React from "react"; +import datas from "../../data/product_data.json"; +import Layout from "../Partials/Layout"; +import CreateNft from "./CreateNft"; +import Hero from "./Hero"; +import SellHistoryMarketVisitorAnalytic from "./SellHistoryMarketVisitorAnalytic"; +import TopSellerTopBuyerSliderSection from "./TopSellerTopBuyerSliderSection"; +import TrendingSection from "./TrendingSection"; +import UpdateTable from "./UpdateTable"; + +export default function Home() { + const trending = datas.datas; + + return ( + +
+ + + + + + +
+ + ); +} diff --git a/src/components/MarketPlace/MainSection.jsx b/src/components/MarketPlace/MainSection.jsx new file mode 100644 index 0000000..200bb71 --- /dev/null +++ b/src/components/MarketPlace/MainSection.jsx @@ -0,0 +1,108 @@ +import React, { useEffect, useState } from "react"; +import ProductCardStyleTwo from "../Cards/ProductCardStyleTwo"; +import DataIteration from "../Helpers/DataIteration"; +import SearchCom from "../Helpers/SearchCom"; + +export default function MainSection({ className, marketPlaceProduct }) { + const [tab, setTab] = useState("explore"); + const [products, setProducts] = useState(marketPlaceProduct); + const tabHandler = (value) => { + setTab(value); + }; + useEffect(() => { + if (tab === "artist") { + setProducts(marketPlaceProduct.slice(0, 3)); + } else if (tab === "market") { + setProducts(marketPlaceProduct.slice(0, 6)); + } else if (tab === "shop") { + setProducts(marketPlaceProduct.slice(6, 9)); + } else if (tab === "assets") { + setProducts(marketPlaceProduct.slice(3, 6)); + } else { + setProducts(marketPlaceProduct); + } + }, [tab, marketPlaceProduct]); + + return ( +
+
+
+
+
+ tabHandler("explore")} + className={`md:text-[18px] text-md text-dark-gray dark:text-white hover:text-pink border-b hover:border-pink font-medium cursor-pointer ${ + tab === "explore" + ? "text-pink border-pink" + : " border-transparent" + }`} + > + Explore + + tabHandler("artist")} + className={`md:text-[18px] text-md text-dark-gray dark:text-white hover:text-pink border-b hover:border-pink font-medium cursor-pointer ${ + tab === "artist" + ? "text-pink border-pink" + : " border-transparent" + }`} + > + Featured Artist + + tabHandler("market")} + className={`md:text-[18px] text-md text-dark-gray dark:text-white hover:text-pink border-b hover:border-pink font-medium cursor-pointer ${ + tab === "market" + ? "text-pink border-pink" + : " border-transparent" + }`} + > + Open Market + + tabHandler("shop")} + className={`md:text-[18px] text-md text-dark-gray dark:text-white hover:text-pink border-b hover:border-pink font-medium cursor-pointer ${ + tab === "shop" + ? "text-pink border-pink" + : " border-transparent" + }`} + > + Partner Shops + + tabHandler("assets")} + className={`md:text-[18px] text-md text-dark-gray dark:text-white hover:text-pink border-b hover:border-pink font-medium cursor-pointer ${ + tab === "assets" + ? "text-pink border-pink" + : " border-transparent" + }`} + > + Game Assets + +
+
+ +
+ +
+
+
+
+ + {({ datas }) => ( + + )} + +
+
+
+
+ ); +} diff --git a/src/components/MarketPlace/index.jsx b/src/components/MarketPlace/index.jsx new file mode 100644 index 0000000..20397b5 --- /dev/null +++ b/src/components/MarketPlace/index.jsx @@ -0,0 +1,17 @@ +import React from "react"; +import products from "../../data/marketplace_data.json"; +import CreateNft from "../Home/CreateNft"; +import Layout from "../Partials/Layout"; +import MainSection from "./MainSection"; + +export default function MarketPlace() { + const marketProduct = products.data; + return ( + <> + + + + + + ); +} diff --git a/src/components/MyCollection/CollectionItem/MainSection.jsx b/src/components/MyCollection/CollectionItem/MainSection.jsx new file mode 100644 index 0000000..e4f5aed --- /dev/null +++ b/src/components/MyCollection/CollectionItem/MainSection.jsx @@ -0,0 +1,23 @@ +import React from "react"; +import ProductCardStyleOne from "../../Cards/ProductCardStyleOne"; +import DataIteration from "../../Helpers/DataIteration"; + +export default function MainSection({ collectionData, className }) { + return ( + <> +
+
+ + {({ datas }) => ( + + )} + +
+
+ + ); +} diff --git a/src/components/MyCollection/CollectionItem/index.jsx b/src/components/MyCollection/CollectionItem/index.jsx new file mode 100644 index 0000000..5c251f1 --- /dev/null +++ b/src/components/MyCollection/CollectionItem/index.jsx @@ -0,0 +1,24 @@ +import React from "react"; +import datas from "../../../data/product_data.json"; +import Layout from "../../Partials/Layout"; +import MainSection from "./MainSection"; + +export default function CollectionItem() { + return ( + +
+
+ {/* heading */} +
+
+

+ Seo Planes +

+
+
+ +
+
+ + ); +} diff --git a/src/components/MyCollection/MainSection.jsx b/src/components/MyCollection/MainSection.jsx new file mode 100644 index 0000000..f5b94df --- /dev/null +++ b/src/components/MyCollection/MainSection.jsx @@ -0,0 +1,23 @@ +import React from "react"; +import CollectionCard from "../Cards/CollectionCard"; +import DataIteration from "../Helpers/DataIteration"; + +function MainSection({ collectionData, className }) { + return ( +
+
+ + {({ datas }) => ( + + )} + +
+
+ ); +} + +export default MainSection; diff --git a/src/components/MyCollection/index.jsx b/src/components/MyCollection/index.jsx new file mode 100644 index 0000000..87cafaf --- /dev/null +++ b/src/components/MyCollection/index.jsx @@ -0,0 +1,29 @@ +import React from "react"; +import collectionData from "../../data/collectionplan_data.json"; +import Layout from "../Partials/Layout"; +import MainSection from "./MainSection"; + +export default function MyCollection() { + return ( + <> + +
+
+ {/* heading */} +
+
+

+ My Collection +

+
+
+ +
+
+ + + ); +} diff --git a/src/components/MyWallet/CurrencyStaticsSection.jsx b/src/components/MyWallet/CurrencyStaticsSection.jsx new file mode 100644 index 0000000..24a26dd --- /dev/null +++ b/src/components/MyWallet/CurrencyStaticsSection.jsx @@ -0,0 +1,159 @@ +import React, { useState } from "react"; +import CurrencyStatics from "../Charts/CurrencyStatics"; +import SelectBox from "../Helpers/SelectBox"; + +export default function CurrencyStaticsSection() { + const filterDatas = ["Last 15 days", "Last 7 days", "Last Month"]; + const [currencyDataLvl, setCurrencyDataLvl] = useState([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + "Jan 8", + "Jan 9", + "Jan 10", + "Jan 11", + "Jan 12", + "Jan 13", + "Jan 14", + "Jan 15", + ]); + const [datasetLtc, setDatasetLtc] = useState([ + 0, 10, 12, 15, 20, 24, 45, 25, 75, 65, 70, 85, 88, 90, 100, + ]); + const [datasetsBtc, setDatasetBtc] = useState([ + 0, 15, 15, 18, 23, 30, 40, 28, 78, 68, 73, 88, 88, 90, 100, + ]); + const [datasetsEth, setDatasetEth] = useState([ + 0, 17, 18, 20, 28, 35, 48, 30, 80, 70, 78, 90, 91, 94, 98, + ]); + const currencyStaticsHandler = (value) => { + if (value === "Last Month") { + setCurrencyDataLvl([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + "Jan 8", + "Jan 9", + "Jan 10", + "Jan 11", + "Jan 12", + "Jan 13", + "Jan 14", + "Jan 15", + "Jan 16", + "Jan 17", + "Jan 18", + "Jan 19", + "Jan 20", + "Jan 21", + "Jan 22", + "Jan 23", + "Jan 24", + "Jan 25", + "Jan 26", + "Jan 27", + "Jan 28", + "Jan 29", + "Jan 30", + ]); + setDatasetLtc([ + 0, 5, 8, 11, 12, 16, 18, 21, 28, 31, 46, 38, 35, 41, 50, 43, 65, 76, 58, + 66, 60, 71, 72, 78, 81, 86, 89, 91, 95, 99, + ]); + setDatasetBtc([ + 1, 5, 8, 11, 12, 16, 20, 21, 28, 31, 46, 38, 38, 41, 50, 45, 61, 76, 58, + 66, 60, 71, 72, 78, 81, 86, 91, 91, 95, 99, + ]); + setDatasetEth([ + 0, 5, 8, 11, 12, 20, 18, 21, 28, 25, 46, 38, 35, 41, 50, 55, 65, 70, 58, + 66, 60, 71, 72, 78, 81, 86, 89, 91, 96, 99, + ]); + } else if (value === "Last 7 days") { + setCurrencyDataLvl([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + ]); + setDatasetLtc([0, 10, 15, 30, 45, 75, 65]); + setDatasetBtc([4, 15, 21, 35, 41, 91, 61]); + setDatasetEth([5, 16, 21, 43, 51, 61, 74]); + } else { + setCurrencyDataLvl([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + "Jan 8", + "Jan 9", + "Jan 10", + "Jan 11", + "Jan 12", + "Jan 13", + "Jan 14", + "Jan 15", + ]); + setDatasetLtc([ + 0, 10, 12, 15, 20, 24, 45, 25, 75, 65, 70, 85, 88, 90, 100, + ]); + setDatasetBtc([ + 0, 15, 15, 18, 23, 30, 40, 28, 78, 68, 73, 88, 88, 90, 100, + ]); + setDatasetEth([ + 0, 17, 18, 20, 28, 35, 48, 30, 80, 70, 78, 90, 91, 94, 98, + ]); + } + }; + return ( +
+
+
+
+
+

+ Currency Statistics +

+
+
+
+ +

LTC

+
+
+ +

ETH

+
+
+ +

BTC

+
+
+ +
+
+ +
+
+
+
+ ); +} diff --git a/src/components/MyWallet/CurrentBalanceWidget.jsx b/src/components/MyWallet/CurrentBalanceWidget.jsx new file mode 100644 index 0000000..210c8a6 --- /dev/null +++ b/src/components/MyWallet/CurrentBalanceWidget.jsx @@ -0,0 +1,116 @@ +import React, { useState } from "react"; +import background from "../../assets/images/shape/balance-bg.svg"; + +export default function CurrentBalanceWidget() { + const [eth] = useState(90); + const [btc] = useState(85); + const [ltc] = useState(20); + return ( +
+
+
+
+

+ 04 +

+

+ Wallets +

+
+
+
+

+ 6,572.00 +

+

+ Total Transactions +

+
+
+
+

+ Current Balance +

+

+ $94734.00 +

+

+ +324.75 (11.5%) +

+
+
+
+
+
+ + + + +
+

+ {eth} + % +

+
+
+

2.32 ETH

+
+
+
+
+
+ + + + +
+

+ {btc} + % +

+
+
+

1.76 BTC

+
+
+
+
+
+ + + + +
+

+ {ltc} + % +

+
+
+

2.32 LTC

+
+
+
+
+ ); +} diff --git a/src/components/MyWallet/InvestmentSection.jsx b/src/components/MyWallet/InvestmentSection.jsx new file mode 100644 index 0000000..e7eedda --- /dev/null +++ b/src/components/MyWallet/InvestmentSection.jsx @@ -0,0 +1,36 @@ +import React, { useState } from "react"; +import InvestmentLineChart from "../Charts/InvestmentLineChart"; +import SelectBox from "../Helpers/SelectBox"; + +export default function InvestmentSection() { + const filterDatas = ["Last 15 days", "Last 7 days", "Last Month"]; + const [filterDataSet, setFilterDataSet] = useState([ + 50, 30, 100, 20, 197, 50, 30, 100, 20, 200, 50, 30, 100, 20, 197, 50, + ]); + const dataSetHandler = (value) => { + if (value === "Last Month") { + setFilterDataSet([ + 50, 30, 100, 20, 197, 50, 30, 100, 20, 200, 50, 30, 100, 20, 197, 50, + 50, 30, 100, 20, 197, 50, 30, 100, 20, 200, 50, 30, 100, 20, 197, 50, + ]); + } else if (value === "Last 7 days") { + setFilterDataSet([154, 50, 30, 100, 20, 197, 50]); + } else { + setFilterDataSet([ + 50, 30, 100, 20, 197, 50, 30, 100, 20, 200, 50, 30, 100, 20, 197, 50, + ]); + } + }; + return ( +
+ {/* heading */} +
+

Investment

+ +
+
+ +
+
+ ); +} diff --git a/src/components/MyWallet/RecentTransactionWidget.jsx b/src/components/MyWallet/RecentTransactionWidget.jsx new file mode 100644 index 0000000..0893b4b --- /dev/null +++ b/src/components/MyWallet/RecentTransactionWidget.jsx @@ -0,0 +1,343 @@ +import React, { useState } from "react"; +import transaction1 from "../../assets/images/recent-transation-1.png"; +import transaction2 from "../../assets/images/recent-transation-2.png"; +import transaction3 from "../../assets/images/recent-transation-3.png"; + +export default function RecentTransactionWidget() { + const transationFilterData = [ + { + id: 1, + name: "all", + uniqueId: Math.random(), + }, + { + id: 2, + name: "send", + uniqueId: Math.random(), + }, + { + id: 3, + name: "recent", + uniqueId: Math.random(), + }, + ]; + const [filterActive, setValue] = useState(transationFilterData[0].id); + const filterHander = (value) => { + setValue(value); + }; + return ( +
+ {/* heading */} +
+
+

+ Recent Transaction +

+
+
+
    + {transationFilterData.map((value) => ( +
  • filterHander(value.id)} + key={value.uniqueId} + className={`text-base text-thin-light-gray hover:text-purple border-b dark:border-[#5356fb29] border-transparent hover:border-purple uppercase ${ + filterActive === value.id ? "border-purple text-purple" : "" + }`} + > + {value.name} +
    • + ))} + {/*
  • + All +
    • +
  • + SEND +
    • +
  • + recent +
    • */} +
+
+
+ {/* content */} + + {filterActive === 2 ? ( +
+
    +
  • +
    +
    +
    + +
    +
    +
    +

    + Add ETH from MetaMask +

    +
    +
    +

    + 22 hours ago +

    +
    +
    +
    +
    +

    + $512.44 +

    +

    + +324.75 +

    +
    +
    +
    • +
  • +
    +
    +
    + +
    +
    +
    +

    + Add BTC from Coinbase Wallet +

    +
    +
    +

    + 22 hours ago +

    +
    +
    +
    +
    +

    + $512.44 +

    +

    + -824.78 +

    +
    +
    +
    • +
  • +
    +
    +
    + +
    +
    +
    +

    + Buy Nft art from LTC +

    +
    +
    +

    + 22 hours ago +

    +
    +
    +
    +
    +

    + $512.44 +

    +

    + -924.54 +

    +
    +
    +
    • +
+
+ ) : filterActive === 3 ? ( +
+
    +
  • +
    +
    +
    + +
    +
    +
    +

    + Add ETH from MetaMask +

    +
    +
    +

    + 22 hours ago +

    +
    +
    +
    +
    +

    + $512.44 +

    +

    + +324.75 +

    +
    +
    +
    • +
  • +
    +
    +
    + +
    +
    +
    +

    + Add BTC from Coinbase Wallet +

    +
    +
    +

    + 22 hours ago +

    +
    +
    +
    +
    +

    + $512.44 +

    +

    + -824.78 +

    +
    +
    +
    • +
+
+ ) : ( +
+
    +
  • +
    +
    +
    + +
    +
    +
    +

    + Add ETH from MetaMask +

    +
    +
    +

    + 22 hours ago +

    +
    +
    +
    +
    +

    + $512.44 +

    +

    + +324.75 +

    +
    +
    +
    • +
  • +
    +
    +
    + +
    +
    +
    +

    + Add BTC from Coinbase Wallet +

    +
    +
    +

    + 22 hours ago +

    +
    +
    +
    +
    +

    + $512.44 +

    +

    + -824.78 +

    +
    +
    +
    • +
  • +
    +
    +
    + +
    +
    +
    +

    + Buy Nft art from LTC +

    +
    +
    +

    + 22 hours ago +

    +
    +
    +
    +
    +

    + $512.44 +

    +

    + -924.54 +

    +
    +
    +
    • +
  • +
    +
    +
    + +
    +
    +
    +

    + Add ETH from MetaMask +

    +
    +
    +

    + 22 hours ago +

    +
    +
    +
    +
    +

    + $512.44 +

    +

    + +324.75 +

    +
    +
    +
    • +
+
+ )} +
+ ); +} diff --git a/src/components/MyWallet/index.jsx b/src/components/MyWallet/index.jsx new file mode 100644 index 0000000..212404b --- /dev/null +++ b/src/components/MyWallet/index.jsx @@ -0,0 +1,261 @@ +import React from "react"; +import bank1 from "../../assets/images/bank-1.png"; +import bank2 from "../../assets/images/bank-2.png"; +import bank3 from "../../assets/images/bank-3.png"; +import bank4 from "../../assets/images/bank-4.png"; +import Layout from "../Partials/Layout"; +import CurrencyStaticsSection from "./CurrencyStaticsSection"; +import CurrentBalanceWidget from "./CurrentBalanceWidget"; +import InvestmentSection from "./InvestmentSection"; +import RecentTransactionWidget from "./RecentTransactionWidget"; + +export default function MyWallet() { + return ( + <> + +
+
+
+
+ +
+
+
+
+

+ My Wallet +

+
+
+
+
+
+
+ +
+
+

+ MetaMask +

+
+
+
+
+
+

+ $734.79 +

+

+ New Add + + +324.75 + +

+
+
+ + + + + + + +
+
+
+
+
+
+
+ +
+
+

+ Coinbase Wallet +

+
+
+
+
+
+

+ $734.79 +

+

+ New Add + + +324.75 + +

+
+
+ + + + + + + +
+
+
+
+
+
+
+ +
+
+

+ Bitski +

+
+
+
+
+
+

+ $734.79 +

+

+ New Add + + +324.75 + +

+
+
+ + + + + + + +
+
+
+
+
+
+
+ +
+
+

+ WalletConnect +

+
+
+
+
+
+

+ $734.79 +

+

+ New Add + + +324.75 + +

+
+
+ + + + + + + +
+
+
+
+
+
+
+ + {/* flex space-x-11 */} +
+
+ +
+
+ +
+
+
+
+ + + ); +} diff --git a/src/components/Notification/index.jsx b/src/components/Notification/index.jsx new file mode 100644 index 0000000..2e75580 --- /dev/null +++ b/src/components/Notification/index.jsx @@ -0,0 +1,1332 @@ +import React, { useState } from "react"; +import { Link } from "react-router-dom"; +import Layout from "../Partials/Layout"; + +export default function Notification() { + const [selectTab, setValue] = useState("today"); + const filterHandler = (value) => { + setValue(value); + }; + return ( + +
+
+ {/* heading */} +
+
+

+ + Todays Notifications + + + 7 Days Notifications + + + All Notifications + +

+
+
+
filterHandler("today")} className="relative"> + + Today + + + 07 + +
+ filterHandler("days")} + className={`text-thin-light-gray text-18 cursor-pointer ${ + selectTab === "days" ? "text-purple" : "" + }`} + > + 7 days + + filterHandler("all")} + className={`text-thin-light-gray text-18 cursor-pointer ${ + selectTab === "all" ? "text-purple" : "" + }`} + > + All + +
+
+
+
    +
  • +
    +
    + + + + +
    +
    +

    + Your Account has been created + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + You upload your frast product + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + + + +
    +
    +

    + Thank you ! + you made your frast sell + 232.98 ETH +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + Your Account has been created + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + +
    +
    +

    + Your Account has been created + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + You upload your frast product + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + + + +
    +
    +

    + Thank you ! + you made your frast sell + 232.98 ETH +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + Your Account has been created + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + +
    +
    +

    + Your Account has been created + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + You upload your frast product + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + + + +
    +
    +

    + Thank you ! + you made your frast sell + 232.98 ETH +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + Your Account has been created + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + +
    +
    +

    + Your Account has been created + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
+
+ + See all Notification + +
+
+
+
    +
  • +
    +
    + + + + + + +
    +
    +

    + You upload your frast product + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + + + +
    +
    +

    + Thank you ! + you made your frast sell + 232.98 ETH +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + Your Account has been created + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + +
    +
    +

    + Your Account has been created + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + You upload your frast product + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + + + +
    +
    +

    + Thank you ! + you made your frast sell + 232.98 ETH +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + Your Account has been created + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + +
    +
    +

    + Your Account has been created + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
+
+ + See all Notification + +
+
+
+
    +
  • +
    +
    + + + + +
    +
    +

    + Your Account has been created + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + You upload your frast product + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + + + +
    +
    +

    + Thank you ! + you made your frast sell + 232.98 ETH +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + Your Account has been created + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + +
    +
    +

    + Your Account has been created + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + You upload your frast product + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + + + +
    +
    +

    + Thank you ! + you made your frast sell + 232.98 ETH +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + Your Account has been created + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + +
    +
    +

    + Your Account has been created + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + You upload your frast product + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + + + +
    +
    +

    + Thank you ! + you made your frast sell + 232.98 ETH +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + Your Account has been created + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + +
    +
    +

    + Your Account has been created + successfully done +

    +

    + 23 house ago +

    +
    +
    +
    • +
+
+ + See all Notification + +
+
+
+
+ + ); +} diff --git a/src/components/Partials/Default.jsx b/src/components/Partials/Default.jsx new file mode 100644 index 0000000..fb8c123 --- /dev/null +++ b/src/components/Partials/Default.jsx @@ -0,0 +1,36 @@ +import React, { useEffect, useState } from "react"; +import DarkModeContext from "../Contexts/DarkModeContext"; + +function Default({ children }) { + // dark mode setup + const [theme, setTheme] = useState(null); + + useEffect(() => { + if (window.matchMedia("(prefers-color-scheme: dark)").matches) { + setTheme("dark"); + } else { + setTheme("light"); + } + }, []); + + useEffect(() => { + if (theme === "dark") { + document.documentElement.classList.add("dark"); + } else { + document.documentElement.classList.remove("dark"); + } + }, [theme]); + + const handleThemeSwitch = () => { + setTheme(theme === "dark" ? "light" : "dark"); + }; + return ( + <> + + {children && children} + + + ); +} + +export default Default; diff --git a/src/components/Partials/Header.jsx b/src/components/Partials/Header.jsx new file mode 100644 index 0000000..384d087 --- /dev/null +++ b/src/components/Partials/Header.jsx @@ -0,0 +1,942 @@ +import React, { useContext } from "react"; +import { Link } from "react-router-dom"; +import bank1 from "../../assets/images/bank-1.png"; +import bank2 from "../../assets/images/bank-2.png"; +import bank3 from "../../assets/images/bank-3.png"; +import bank4 from "../../assets/images/bank-4.png"; +import profileImg from "../../assets/images/profile-pic.jpg"; +import useToggle from "../../hooks/useToggle"; +import DarkModeContext from "../Contexts/DarkModeContext"; +import Icons from "../Helpers/Icons"; +import ModalCom from "../Helpers/ModalCom"; +import SearchCom from "../Helpers/SearchCom"; + +export default function Header({ logoutModalHandler, sidebarHandler }) { + const [balanceDropdown, setbalanceValue] = useToggle(false); + const [notificationDropdown, setNotificationValue] = useToggle(false); + const [userProfileDropdown, setProfileDropdown] = useToggle(false); + const [moneyPopup, setPopup] = useToggle(false); + const darkMode = useContext(DarkModeContext); + const handlerBalance = () => { + setbalanceValue.toggle(); + if (notificationDropdown) { + setNotificationValue.toggle(); + } + if (userProfileDropdown) { + setProfileDropdown.toggle(); + } + }; + const handlerNotification = () => { + setNotificationValue.toggle(); + if (balanceDropdown) { + setbalanceValue.toggle(); + } + if (userProfileDropdown) { + setProfileDropdown.toggle(); + } + }; + const handlerProfile = () => { + setProfileDropdown.toggle(); + if (balanceDropdown) { + setbalanceValue.toggle(); + } + if (notificationDropdown) { + setNotificationValue.toggle(); + } + }; + const clickAwayhandler = () => { + if (balanceDropdown) { + setbalanceValue.toggle(); + } + if (notificationDropdown) { + setNotificationValue.toggle(); + } + if (userProfileDropdown) { + setProfileDropdown.toggle(); + } + }; + const addMoneyHandler = () => { + setPopup.toggle(); + setbalanceValue.set(false); + }; + return ( + <> +
+
+ + {/* search bar */} +
+ +
+ + {/* user info */} +
+ {/* dark mode */} + + {/* balance */} +
+
handlerBalance()} + className="flex items-center lg:justify-between justify-center w-full h-full" + > + + + +

+ $ 234,435.34 +

+ + + +
+
+
+

+ Your Balance +

+
+
+
    +
  • +
    +
    +
    + +
    +
    +

    + MetaMask +

    +
    +
    +
    +

    + 75,320 ETH +

    +

    + (773.69 USD) +

    +
    +
    +
    • +
  • +
    +
    +
    + +
    +
    +

    + Coinbase Wallet +

    +
    +
    +
    +

    + 56,124 ETH +

    +

    + (773.69 USD) +

    +
    +
    +
    • +
  • +
    +
    +
    + +
    +
    +

    + Bitski +

    +
    +
    +
    +

    + 99,123 ETH +

    +

    + (773.69 USD) +

    +
    +
    +
    • +
  • +
    +
    +
    + +
    +
    +

    + WalletConnect +

    +
    +
    +
    +

    + 43,728 ETH +

    +

    + (773.69 USD) +

    +
    +
    +
    • +
+
+ +
+
+
+
+
+
+

+ $ 234,435.34 +

+
+
+
+ {/* notification */} +
+
handlerNotification()} + className="lg:w-[48px] lg:h-[48px] w-[38px] h-[38px] bg-white flex justify-center items-center rounded-full overflow-hidden relative" + > + + + 10 + +
+
+
+

+ Recent Notifications +

+
+
+
    +
  • +
    +
    + + + + +
    +
    +

    + Your Account has been created + + successfully done + +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + You upload your frast product + + successfully done + +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + + + +
    +
    +

    + Thank you ! + you made your frast sell + 232.98 ETH +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + Your Account has been created + + successfully done + +

    +

    + 23 house ago +

    +
    +
    +
    • +
  • +
    +
    + + + + +
    +
    +

    + Your Account has been created + + successfully done + +

    +

    + 23 house ago +

    +
    +
    +
    • +
+
+ + See all Notification + +
+
+
+
+
+ + + + 10 + + +
+ {/* profile */} +
+
handlerProfile()} + className="flex items-center space-x-3.5" + > + {/* profile-image */} +
+ profile +
+
+

+ Brokln Simons +

+

+ @broklinslam_75 +

+
+
+
+
+

+ My Profile +

+
+
+
    +
  • + +
    + + + + + +
    +
    +

    + My Profile +

    +
    + +
    • +
  • + +
    + + + + + +
    +
    +

    + Message +

    +
    + +
    • +
  • + +
    + + + + + + +
    +
    +

    + History +

    +
    + +
    • +
  • + +
    + + + + +
    +
    +

    + Setting +

    +
    + +
    • +
  • +
    +
    + + + + + +
    +
    +

    + Log Out +

    +
    +
    +
    • +
+
+
+
+
+ + profile + +
+
+
+
+ {balanceDropdown || notificationDropdown || userProfileDropdown ? ( +
+ ) : ( + "" + )} + {moneyPopup && ( + +
+
+

+ Connect to a wallet +

+ + + + + + +
+
+
    +
  • +
    +
    +
    + +
    +
    +

    + MetaMask +

    +
    +
    +
    + +
    +
    +
    • +
  • +
    +
    +
    + +
    +
    +

    + Coinbase Wallet +

    +
    +
    +
    + +
    +
    +
    • +
  • +
    +
    +
    + +
    +
    +

    + Bitski +

    +
    +
    +
    + +
    +
    +
    • +
  • +
    +
    +
    + +
    +
    +

    + WalletConnect +

    +
    +
    +
    + +
    +
    +
    • +
+
+ + View Wallet + +
+
+
+ + )} + + ); +} diff --git a/src/components/Partials/Layout.jsx b/src/components/Partials/Layout.jsx new file mode 100644 index 0000000..aa94917 --- /dev/null +++ b/src/components/Partials/Layout.jsx @@ -0,0 +1,171 @@ +import React, { useState } from "react"; +import { useDispatch, useSelector } from "react-redux"; +import { useNavigate } from "react-router-dom"; +import { toast } from "react-toastify"; +import useToggle from "../../hooks/useToggle"; +import { drawerToggle } from "../../store/drawer"; +import ModalCom from "../Helpers/ModalCom"; +import Header from "./Header"; +import MobileSidebar from "./MobileSideBar"; +import RightSideBar from "./RightSideBar"; +import Sidebar from "./Sidebar"; + +export default function Layout({ children }) { + const { drawer } = useSelector((state) => state.drawer); + const dispatch = useDispatch(); + const [MobileSideBar, setMobileSidebar] = useToggle(false); + const [logoutModal, setLogoutModal] = useState(false); + const logoutModalHandler = () => { + setLogoutModal(!logoutModal); + }; + const navigate = useNavigate(); + const logOut = () => { + localStorage.removeItem("email"); + localStorage.clear(); + toast.success("Come Back Soon", { + icon: `🙂`, + }); + + navigate("/login", { replace: true }); + }; + return ( + <> +
+
+ {/* sidebar */} + + {MobileSideBar && ( +
setMobileSidebar.toggle()} + className="bg-black bg-opacity-20 fixed left-0 top-0 w-full h-full z-[50] block xl:hidden" + >
+ )} +
+ setMobileSidebar.toggle()} + /> +
+ {/* end sidebar */} +
+ {/* header */} +
+
setMobileSidebar.toggle()} + logoutModalHandler={logoutModalHandler} + /> +
+ {/* container */} +
+
+ {children && children} +
+
+ +
+
+
+
+
+ {logoutModal && ( + +
+
+

+ Confirm +

+ +
+
+
+ + + + + +
+
+

+ Are you sure you want to Logout NETMAX admin Penal? +

+
+
+ + +
+
+
+ + )} + + ); +} diff --git a/src/components/Partials/MobileSideBar.jsx b/src/components/Partials/MobileSideBar.jsx new file mode 100644 index 0000000..9cc74ff --- /dev/null +++ b/src/components/Partials/MobileSideBar.jsx @@ -0,0 +1,310 @@ +import React, { useContext } from "react"; +import { NavLink } from "react-router-dom"; +import logo from "../../assets/images/logo-2.svg"; +import logo3 from "../../assets/images/logo-3.svg"; +import DarkModeContext from "../Contexts/DarkModeContext"; +import Icons from "../Helpers/Icons"; + +export default function MobileSidebar({ sidebar, action, logoutModalHandler }) { + const darkMode = useContext(DarkModeContext); + return ( +
+ {/* logo-area */} +
+
+ {darkMode.theme === "light" ? ( + nft + ) : ( + nft + )} +
+ + + + + + + + + + + + + + + + + + + +
+ {/* menu and settings item */} +
+ {/* menus item */} +
+
+

Menu

+
+
+
    +
  • + + + + + + Dashboard + + +
    • +
  • + + + + + + Active Bids + + 19 + + + +
    • +
  • + + + + + + Marketplace + + 09 + + + +
    • +
  • + + + + + + My Wallet + + +
    • +
  • + + + + + + My collections + + +
    • +
  • + + + + + + Sell + + 4k + + + +
    • +
  • + + + + + + Saved + + 32 + + + +
    • +
  • + + + + + + Message + + 19 + + + +
    • +
  • + + + + + + History + + +
    • +
+
+
+
+
+

Settings

+
+
+
    +
  • + + + + + + My Profile + + +
    • +
  • + + + + + + Settings + + +
    • +
+
+
+
+ {/* signout area */} + {sidebar ? ( + + ) : ( + + )} +
+ ); +} diff --git a/src/components/Partials/RightSideBar.jsx b/src/components/Partials/RightSideBar.jsx new file mode 100644 index 0000000..5194ee8 --- /dev/null +++ b/src/components/Partials/RightSideBar.jsx @@ -0,0 +1,594 @@ +import React, { useState } from "react"; +import topCreator1 from "../../assets/images/top-creator-1.png"; +import topCreator2 from "../../assets/images/top-creator-2.png"; +import topCreator3 from "../../assets/images/top-creator-3.png"; +import topCreator4 from "../../assets/images/top-creator-4.png"; +import topCreator5 from "../../assets/images/top-creator-5.png"; +import DoughnutChart from "../Charts/DoughnutChart"; +import MiniLineChart from "../Charts/MiniLineChart"; +import Icons from "../Helpers/Icons"; +import BtcIco from "../Helpers/Icons/BtcIco"; +import EthIco from "../Helpers/Icons/EthIco"; +import LtcIco from "../Helpers/Icons/LtcIco"; +import Usdt from "../Helpers/Icons/Usdt"; +import SelectBox from "../Helpers/SelectBox"; + +export default function RightSideBar() { + const filterDatas = ["Last 15 days", "Last Month", "Last 6 month"]; + const [filterDataSet, setFilterDataSet] = useState([10, 30, 20, 40]); + const dataSetHandler = (value) => { + if (value === "Last 15 days") { + setFilterDataSet([10, 30, 20, 40]); + } else if (value === "Last Month") { + setFilterDataSet([15, 35, 10, 20]); + } else { + setFilterDataSet([8, 15, 40, 30]); + } + }; + + const [selectedRate, setSelectedRate] = useState("ETH"); + const [rateStaticsDropdown, setRateStaticsDropdown] = useState(false); + const [filterRateStatics, setFilterRateStatics] = useState([50, 30, 90, 20]); + const rateDataSetHandler = (value) => { + setSelectedRate(value); + if (value === "USD") { + setFilterRateStatics([50, 30, 90, 20]); + } else if (value === "BTC") { + setFilterRateStatics([15, 35, 10, 20]); + } else { + setFilterRateStatics([8, 15, 20, 30]); + } + setRateStaticsDropdown(!filterRateStatics); + }; + return ( + <> +
+
+
+
+

+ Statistics +

+ +
+
+ +
+ + + + + + + + + + + + + + + + + +
+
+
+
+
+

+ Your All Artwork Statistics +

+
+
+
    +
  • + +
    + + Profit : + + + {/* don't change variable only change state */} + {filterDataSet[0]}% + +
    +
    • +
  • + +
    + + Total Sold : + + + {/* don't change variable only change state */} + {filterDataSet[1]}% + +
    +
    • +
  • + +
    + + Total Sold : + + + {/* don't change variable only change state */} + {filterDataSet[2]}% + +
    +
    • +
  • + +
    + + Total Sold : + + + {/* don't change variable only change state */} + {filterDataSet[3]}% + +
    +
    • +
+
+
+
+
+
+ {/* dropdown heading */} +
+ {/* icon area */} +
+ {selectedRate === "LTC" ? ( + + ) : selectedRate === "USD" ? ( + + ) : selectedRate === "BTC" ? ( + + ) : ( + + )} +
+ {/* heading */} +
setRateStaticsDropdown(!rateStaticsDropdown)} + > + + {selectedRate} rate + + + + + + +
+
+
    +
  • rateDataSetHandler("ETH")} + > + + + + + ETH Rate + +
    • +
  • rateDataSetHandler("USD")} + > + + + + + USDT Rate + +
    • +
  • rateDataSetHandler("BTC")} + > + + + + + BTC Rate + +
    • +
  • rateDataSetHandler("LTC")} + > + + + + + LTC Rate + +
    • +
+
+
+ {/* details Money */} +
+

+ $7473.67 USD +

+

+324.75 (11.5%)

+
+
+
+ +
+
+ {/* top-creator */} +
+ {/* heading */} +
+

+ Top creator +

+
+ Weekly + + + + + +
+
+ +
+
+ {/* image */} +
+ top +
+ {/* name */} +
+

+ Albert Flores +

+

@broklinslam_75

+
+ {/* action */} +
+ + +
+
+
+ {/* image */} +
+ top +
+ {/* name */} +
+

+ Albert Flores +

+

@broklinslam_75

+
+ {/* action */} +
+ + +
+
+
+ {/* image */} +
+ top +
+ {/* name */} +
+

+ Albert Flores +

+

@broklinslam_75

+
+ {/* action */} +
+ + +
+
+
+ {/* image */} +
+ top +
+ {/* name */} +
+

+ Albert Flores +

+

@broklinslam_75

+
+ {/* action */} +
+ + +
+
+
+ {/* image */} +
+ top +
+ {/* name */} +
+

+ Albert Flores +

+

@broklinslam_75

+
+ {/* action */} +
+ + +
+
+
+
+ {/* top-platform */} +
+ {/* heading */} +
+

+ Top Platform +

+
+ View all +
+
+ +
+
+ {/* image */} +
+ + + + +
+ {/* name */} +
+

+ OpenSea +

+
+ {/* action */} +
+
+ {/* image */} +
+ + + + +
+ {/* name */} +
+

+ Rarible +

+
+ {/* action */} +
+
+ {/* image */} +
+ + + + + + + + + + +
+ {/* name */} +
+

+ Myth Market +

+
+
+
+ {/* image */} +
+ + + + + +
+ {/* name */} +
+

+ KnownOrigin +

+
+
+
+
+
+ + ); +} diff --git a/src/components/Partials/Sidebar.jsx b/src/components/Partials/Sidebar.jsx new file mode 100644 index 0000000..cb82f20 --- /dev/null +++ b/src/components/Partials/Sidebar.jsx @@ -0,0 +1,407 @@ +import React, { useContext, useEffect } from "react"; +import { NavLink } from "react-router-dom"; +import logo from "../../assets/images/logo-2.svg"; +import logo3 from "../../assets/images/logo-3.svg"; +import DarkModeContext from "../Contexts/DarkModeContext"; +import Icons from "../Helpers/Icons"; + +export default function Sidebar({ sidebar, action, logoutModalHandler }) { + const darkMode = useContext(DarkModeContext); + useEffect(() => { + const title = document.querySelectorAll(".menu-setting-items .heading"); + if (sidebar) { + title.forEach((elm) => { + elm.classList.add("active"); + }); + } else { + title.forEach((elm) => { + elm.classList.remove("active"); + }); + } + }); + return ( +
+ {/* logo-area */} +
+
+ {darkMode.theme === "light" ? ( + nft + ) : ( + nft + )} +
+ + + + + + + + + + + + + + + + + + + +
+ {/* menu and settings item */} +
+ {/* menus item */} +
+
+

Menu

+
+
+
    +
  • + (navData.isActive ? "active" : ""), + sidebar ? "justify-start space-x-3.5" : "justify-center") + } `} + to="/" + > + + + + + Dashboard + + +
    • +
  • + (navData.isActive ? "active" : ""), + sidebar ? "justify-start space-x-3.5" : "justify-center") + }`} + > + + + + + Active Bids + + 19 + + + +
    • +
  • + (navData.isActive ? "active" : ""), + sidebar ? "justify-start space-x-3.5" : "justify-center") + }`} + > + + + + + Marketplace + + 09 + + + +
    • +
  • + (navData.isActive ? "active" : ""), + sidebar ? "justify-start space-x-3.5" : "justify-center") + }`} + > + + + + + My Wallet + + +
    • +
  • + (navData.isActive ? "active" : ""), + sidebar ? "justify-start space-x-3.5" : "justify-center") + }`} + > + + + + + My collections + + +
    • +
  • + (navData.isActive ? "active" : ""), + sidebar ? "justify-start space-x-3.5" : "justify-center") + }`} + > + + + + + Sell + + 4k + + + +
    • +
  • + (navData.isActive ? "active" : ""), + sidebar ? "justify-start space-x-3.5" : "justify-center") + }`} + > + + + + + Saved + + 32 + + + +
    • +
  • + (navData.isActive ? "active" : ""), + sidebar ? "justify-start space-x-3.5" : "justify-center") + }`} + > + + + + + Message + + 19 + + + +
    • +
  • + (navData.isActive ? "active" : ""), + sidebar ? "justify-start space-x-3.5" : "justify-center") + }`} + > + + + + + History + + +
    • +
+
+
+
+
+

Settings

+
+
+
    +
  • + (navData.isActive ? "active" : ""), + sidebar ? "justify-start space-x-3.5" : "justify-center") + }`} + > + + + + + My Profile + + +
    • +
  • + (navData.isActive ? "active" : ""), + sidebar ? "justify-start space-x-3.5" : "justify-center") + }`} + > + + + + + Settings + + +
    • +
+
+
+
+ {/* signout area */} + {sidebar ? ( + + ) : ( + + )} +
+ ); +} diff --git a/src/components/Saved/MainSection.jsx b/src/components/Saved/MainSection.jsx new file mode 100644 index 0000000..cd7b8f0 --- /dev/null +++ b/src/components/Saved/MainSection.jsx @@ -0,0 +1,21 @@ +import React from "react"; +import ProductCardStyleOne from "../Cards/ProductCardStyleOne"; +import DataIteration from "../Helpers/DataIteration"; + +export default function MainSection({ products }) { + return ( +
+ + {({ datas }) => ( +
+ +
+ )} + +
+ ); +} diff --git a/src/components/Saved/index.jsx b/src/components/Saved/index.jsx new file mode 100644 index 0000000..9101863 --- /dev/null +++ b/src/components/Saved/index.jsx @@ -0,0 +1,24 @@ +import React from "react"; +import products from "../../data/product_data.json"; +import CreateNft from "../Home/CreateNft"; +import Layout from "../Partials/Layout"; +import MainSection from "./MainSection"; + +export default function Saved() { + const productData = [...products.datas, ...products.datas]; + return ( + <> + +
+
+
+

All Saved

+
+
+
+ + + + + ); +} diff --git a/src/components/Sell/SellAnaliseStatics.jsx b/src/components/Sell/SellAnaliseStatics.jsx new file mode 100644 index 0000000..19f3d4e --- /dev/null +++ b/src/components/Sell/SellAnaliseStatics.jsx @@ -0,0 +1,175 @@ +import React, { useState } from "react"; +import SellAnalysChart from "../Charts/SellAnalysChart"; +import SelectBox from "../Helpers/SelectBox"; + +export default function SellAnaliseStatics() { + const filterDatas = ["Last 15 days", "Last 7 days", "Last Month"]; + const [currencyDataLvl, setCurrencyDataLvl] = useState([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + "Jan 8", + "Jan 9", + "Jan 10", + "Jan 11", + "Jan 12", + "Jan 13", + "Jan 14", + "Jan 15", + ]); + const [filterDataSet, setFilterDataSet] = useState([ + 0, + 51, + 9, + "", + 31, + 6, + "", + "", + "", + 71, + 51, + 60, + 5, + 51, + 21, + ]); + const dataSetHandler = (value) => { + if (value === "Last Month") { + setCurrencyDataLvl([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + "Jan 8", + "Jan 9", + "Jan 10", + "Jan 11", + "Jan 12", + "Jan 13", + "Jan 14", + "Jan 15", + "Jan 16", + "Jan 17", + "Jan 18", + "Jan 19", + "Jan 20", + "Jan 21", + "Jan 22", + "Jan 23", + "Jan 24", + "Jan 25", + "Jan 26", + "Jan 27", + "Jan 28", + "Jan 29", + "Jan 30", + ]); + setFilterDataSet([ + 10, + 30, + 20, + 40, + 13, + 51, + 9, + "", + 31, + 6, + "", + "", + "", + 71, + 51, + 60, + 5, + 51, + 21, + 0, + 51, + 9, + "", + 31, + 6, + "", + "", + "", + 71, + 51, + ]); + } else if (value === "Last 7 days") { + setCurrencyDataLvl([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + ]); + setFilterDataSet([15, 35, 10, 20, 71, 51, 60]); + } else { + setCurrencyDataLvl([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + "Jan 8", + "Jan 9", + "Jan 10", + "Jan 11", + "Jan 12", + "Jan 13", + "Jan 14", + "Jan 15", + ]); + setFilterDataSet([ + 0, + 51, + 9, + "", + 31, + 6, + "", + "", + "", + 71, + 51, + 60, + 5, + 51, + 21, + ]); + } + }; + return ( +
+
+
+
+

+ Sell Analize +

+
+ +
+
+ +
+
+
+ ); +} diff --git a/src/components/Sell/SellProductHistoryTable.jsx b/src/components/Sell/SellProductHistoryTable.jsx new file mode 100644 index 0000000..a039d55 --- /dev/null +++ b/src/components/Sell/SellProductHistoryTable.jsx @@ -0,0 +1,718 @@ +import React, { useState } from "react"; +import dataImage1 from "../../assets/images/data-table-user-1.png"; +import SelectBox from "../Helpers/SelectBox"; + +export default function SellProductHistoryTable({ className }) { + const filterCategories = ["All Categories", "Explore", "Featured"]; + const [selectedCategory, setCategory] = useState(filterCategories[0]); + return ( +
+
+
+

+ Products History +

+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {selectedCategory === "All Categories" ? ( + <> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) : selectedCategory === "Explore" ? ( + <> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) : ( + <> + + + + + + + + + + + + + + + + + + + + )} + +
ListPublish dateProduct NametypeSellTenderedEarnings
+ + 01 + + + + 2 Hours 1 min 30s + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+ + Art + + + + 343 + + + + 1.323ETH + + + + 1.323ETH + +
+ + 02 + + + + 2 Hours 1 min 30s + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+ + Art + + + + 343 + + + + 1.323ETH + + + + 1.323ETH + +
+ + 03 + + + + 2 Hours 1 min 30s + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+ + Art + + + + 343 + + + + 1.323ETH + + + + 1.323ETH + +
+ + 04 + + + + 2 Hours 1 min 30s + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+ + Art + + + + 343 + + + + 1.323ETH + + + + 1.323ETH + +
+ + 01 + + + + 2 Hours 1 min 30s + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+ + Art + + + + 343 + + + + 1.323ETH + + + + 1.323ETH + +
+ + 02 + + + + 2 Hours 1 min 30s + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+ + Art + + + + 343 + + + + 1.323ETH + + + + 1.323ETH + +
+ + 03 + + + + 2 Hours 1 min 30s + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+ + Art + + + + 343 + + + + 1.323ETH + + + + 1.323ETH + +
+ + 04 + + + + 2 Hours 1 min 30s + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+ + Art + + + + 343 + + + + 1.323ETH + + + + 1.323ETH + +
+ + 01 + + + + 2 Hours 1 min 30s + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+ + Art + + + + 343 + + + + 1.323ETH + + + + 1.323ETH + +
+ + 02 + + + + 2 Hours 1 min 30s + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+ + Art + + + + 343 + + + + 1.323ETH + + + + 1.323ETH + +
+ + 03 + + + + 2 Hours 1 min 30s + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+ + Art + + + + 343 + + + + 1.323ETH + + + + 1.323ETH + +
+ + 03 + + + + 2 Hours 1 min 30s + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+ + Art + + + + 343 + + + + 1.323ETH + + + + 1.323ETH + +
+ + 04 + + + + 2 Hours 1 min 30s + + +
+
+ data +
+
+

+ Mullican Computer Joy +

+ + Owned by Xoeyam + +
+
+ 		+ + Art + + + + 343 + + + + 1.323ETH + + + + 1.323ETH + +
+
+
+ ); +} diff --git a/src/components/Sell/index.jsx b/src/components/Sell/index.jsx new file mode 100644 index 0000000..eaec854 --- /dev/null +++ b/src/components/Sell/index.jsx @@ -0,0 +1,193 @@ +import React from "react"; +import country1 from "../../assets/images/country-1.png"; +import country2 from "../../assets/images/country-2.png"; +import country3 from "../../assets/images/country-3.png"; +import SellMonthStatics from "../Charts/SellMonthStatics"; +import SellHistoryWidget from "../Home/SellHistoryWidget"; +import CurrentBalanceWidget from "../MyWallet/CurrentBalanceWidget"; +import Layout from "../Partials/Layout"; +import SellAnaliseStatics from "./SellAnaliseStatics"; +import SellProductHistoryTable from "./SellProductHistoryTable"; + +export default function Sell() { + return ( + <> + +
+
+
+
+ {/* style={{ width: "calc(50% - 15px)" }} */} +
+ +
+
+
+ {/* heading */} +
+

+ Bits this Month +

+
+
+
+

+ 769.44 ETH +

+

+ ($949374.94) + + -224.75 (11.5%) + +

+
+
+ +
+
+
+
+
+
+ {/* heading */} +
+

+ Sell Earing this Month +

+
+
+
+

+ 769.44 ETH +

+

+ ($949374.94) + + 224.75 (11.5%) + +

+
+
+ +
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+ {/* heading */} +
+
+

+ Top Sell Country +

+
+
+ + Last 7 days + + + + + + +
+
+
+
    +
  • +
    +
    + +
    +

    + Netherlands +

    +
    +
    +

    + 3.435ETH +

    +
    +
    • +
  • +
    +
    + +
    +

    + Netherlands +

    +
    +
    +

    + 3.435ETH +

    +
    +
    • +
  • +
    +
    + +
    +

    + Netherlands +

    +
    +
    +

    + 3.435ETH +

    +
    +
    • +
+
+
+
+

+ See All +

+
+
+
+
+
+ +
+
+ + + ); +} diff --git a/src/components/Settings/PasswordSvg.jsx b/src/components/Settings/PasswordSvg.jsx new file mode 100644 index 0000000..f7e85ae --- /dev/null +++ b/src/components/Settings/PasswordSvg.jsx @@ -0,0 +1,2229 @@ +import React from "react"; + +export default function PasswordSvg() { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} diff --git a/src/components/Settings/Tabs/ChangePasswordTab.jsx b/src/components/Settings/Tabs/ChangePasswordTab.jsx new file mode 100644 index 0000000..a078646 --- /dev/null +++ b/src/components/Settings/Tabs/ChangePasswordTab.jsx @@ -0,0 +1,143 @@ +/* eslint-disable no-unused-expressions */ + +import React, { useState } from "react"; +import Icons from "../../Helpers/Icons"; +import PasswordSvg from "../PasswordSvg"; + +export default function ChangePasswordTab() { + const [oldPass, setOldPass] = useState("hide-password"); + const [newPass, setNewPass] = useState("hide-password"); + const [confirmPass, setConfirmPass] = useState("hide-password"); + const showPassword = (value) => { + const password = document.getElementById(`${value}`); + if (value && value === "old_password") { + if (password.type === "password") { + password.type = "text"; + setOldPass("show-password"); + } else { + password.type = "password"; + setOldPass("hide-password"); + } + } + if (value && value === "new_password") { + if (password.type === "password") { + password.type = "text"; + setNewPass("show-password"); + } else { + password.type = "password"; + setNewPass("hide-password"); + } + } + if (value && value === "confirm_password") { + if (password.type === "password") { + password.type = "text"; + setConfirmPass("show-password"); + } else { + password.type = "password"; + setConfirmPass("hide-password"); + } + } + }; + return ( +
+
+
+
+ +
+
+ +
+ +
showPassword("old_password")} + > + +
+
+
+
+ +
+
+ +
+ +
showPassword("new_password")} + > + +
+
+
+
+ +
+
+ +
+ +
showPassword("confirm_password")} + > + +
+
+
+
+ + +
+
+
+ +
+
+
+ ); +} diff --git a/src/components/Settings/Tabs/FaqTab.jsx b/src/components/Settings/Tabs/FaqTab.jsx new file mode 100644 index 0000000..0739d71 --- /dev/null +++ b/src/components/Settings/Tabs/FaqTab.jsx @@ -0,0 +1,16 @@ +import React from "react"; +import Accordion from "../../Helpers/Accordion"; + +export default function FaqTab({ datas = [] }) { + return ( +
+
+ {datas && + datas.length > 0 && + datas.map((value) => ( + + ))} +
+
+ ); +} diff --git a/src/components/Settings/Tabs/LoginActivityTab.jsx b/src/components/Settings/Tabs/LoginActivityTab.jsx new file mode 100644 index 0000000..403c12d --- /dev/null +++ b/src/components/Settings/Tabs/LoginActivityTab.jsx @@ -0,0 +1,257 @@ +import React from "react"; +import Icons from "../../Helpers/Icons"; + +export default function LoginActivityTab() { + return ( +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
OSBrowserLocationLast sessionStatus
+
+ + Windows + +
+ 		+
+ + Google Chrome + +
+ 		+ + Dhaka , Bangladesh + + + + 2 days ago + + + + active + + + +
+
+ + Mac + +
+ 		+
+ + Firefox + +
+ 		+ + Tokyo,japan + + + + 5 days ago + + + + Inactive + + + +
+
+ + App + +
+ 		+
+ + App + +
+ 		+ + Barhin,Dubai + + + + 2 days ago + + + + active + + + +
+
+ + Windows + +
+ 		+
+ + Google Chrome + +
+ 		+ + Dhaka , Bangladesh + + + + 2 days ago + + + + active + + + +
+
+ + Mac + +
+ 		+
+ + Firefox + +
+ 		+ + Tokyo,japan + + + + 5 days ago + + + + Inactive + + + +
+
+ + App + +
+ 		+
+ + App + +
+ 		+ + Barhin,Dubai + + + + 2 days ago + + + + active + + + +
+
+
+ ); +} diff --git a/src/components/Settings/Tabs/NotificationSettingTab.jsx b/src/components/Settings/Tabs/NotificationSettingTab.jsx new file mode 100644 index 0000000..85dffc8 --- /dev/null +++ b/src/components/Settings/Tabs/NotificationSettingTab.jsx @@ -0,0 +1,239 @@ +import React, { useState } from "react"; +import SwitchCom from "../../Helpers/SwitchCom"; + +export default function NotificationSettingTab() { + const [updateNotification, setUpdateNotification] = useState(false); + const [uploadProduct, setUploadProduct] = useState(true); + const [saleProduct, setSaleProduct] = useState(true); + const [getProduct, setGetProduct] = useState(false); + const [authLevel, setAuthLevel] = useState(true); + return ( +
+
+
    +
  • +
    +
    + + + + + + + + + + + + +
    +
    +

    + All Notifcation update off +

    +

    + Unlockable content, only revealed by the owner of the item. +

    +
    +
    +
    + setUpdateNotification(!updateNotification)} + /> +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + When you upload prodcuts +

    +

    + Evey new prodcuts upload seccessfullly doen you can get + notifcation +

    +
    +
    +
    + setUploadProduct(!uploadProduct)} + /> +
    +
    • +
  • +
    +
    + + + + + + + + +
    +
    +

    + You got sell your prodcuts +

    +

    + Evey new prodcuts sell you can get notifcation +

    +
    +
    +
    + setSaleProduct(!saleProduct)} + /> +
    +
    • +
  • +
    +
    + + + + + + +
    +
    +

    + Got new follower +

    +

    + Evey new follower you can get notifcation +

    +
    +
    +
    + setGetProduct(!getProduct)} + /> +
    +
    • +
  • +
    +
    + + + + +
    +
    +

    + Auther leavel up +

    +

    + Evey new prodcuts sell you can get notifcation +

    +
    +
    +
    + setAuthLevel(!authLevel)} + /> +
    +
    • +
+
+
+ ); +} diff --git a/src/components/Settings/Tabs/PaymentMathodsTab.jsx b/src/components/Settings/Tabs/PaymentMathodsTab.jsx new file mode 100644 index 0000000..2e34a82 --- /dev/null +++ b/src/components/Settings/Tabs/PaymentMathodsTab.jsx @@ -0,0 +1,136 @@ +import React from "react"; +import method1 from "../../../assets/images/payment-method-1.png"; +import method2 from "../../../assets/images/payment-method-2.png"; +import method3 from "../../../assets/images/payment-method-3.png"; +import method4 from "../../../assets/images/payment-method-4.png"; + +export default function PaymentMathodsTab() { + return ( + <> +
+
+
    +
  • +
    +
    + payment +
    +
    +

    + Datch Bangla Bank Ltd +

    +

    + Bank **********5535 +

    +

    + Verified +

    +
    +
    +
    + +
    +
    • +
  • +
    +
    + payment +
    +
    +

    + Master Card +

    +

    + Bank **********5535 +

    +

    + Verified +

    +
    +
    +
    + +
    +
    • +
  • +
    +
    + payment +
    +
    +

    + Paypal Account +

    +

    + Bank **********5535 +

    +

    + Verified +

    +
    +
    +
    + +
    +
    • +
  • +
    +
    + payment +
    +
    +

    + Visa Card +

    +

    + Bank **********5535 +

    +

    + Unverified +

    +
    +
    +
    + +
    +
    • +
+
+ + +
+
+
+ + ); +} diff --git a/src/components/Settings/Tabs/PersonalInfoTab.jsx b/src/components/Settings/Tabs/PersonalInfoTab.jsx new file mode 100644 index 0000000..7e79aaa --- /dev/null +++ b/src/components/Settings/Tabs/PersonalInfoTab.jsx @@ -0,0 +1,298 @@ +import React from "react"; +import Icons from "../../Helpers/Icons"; +import InputCom from "../../Helpers/Inputs/InputCom"; + +export default function PersonalInfoTab({ + datas, + frstNmeHndlr, + lstNmeHndlr, + dscrphn, + profileImg, + coverImg, + profileImgInput, + browseProfileImg, + profileImgChangHandler, + coverImgInput, + browseCoverImg, + coverImgChangHandler, +}) { + return ( +
+
+
+
+ {/* first name and last name */} +
+
+ +
+
+ +
+
+ {/* User Name */} +
+ +
+ {/* External Links */} +
+ +
+ {/* bio */} +
+

Bio

+
+
+