primer commit

This commit is contained in:
Jaume Solís 2023-12-11 19:19:05 +01:00
commit d2d7694548
118 changed files with 15156 additions and 0 deletions

9
.editorconfig Normal file
View File

@ -0,0 +1,9 @@
root = true
[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true

0
.env.example Normal file
View File

8
.eslintignore Normal file
View File

@ -0,0 +1,8 @@
/dist
/src-capacitor
/src-cordova
/.quasar
/node_modules
.eslintrc.js
/src-ssr
/quasar.config.*.temporary.compiled*

90
.eslintrc.cjs Normal file
View File

@ -0,0 +1,90 @@
module.exports = {
// https://eslint.org/docs/user-guide/configuring#configuration-cascading-and-hierarchy
// This option interrupts the configuration hierarchy at this file
// Remove this if you have an higher level ESLint config file (it usually happens into a monorepos)
root: true,
// https://eslint.vuejs.org/user-guide/#how-to-use-a-custom-parser
// Must use parserOptions instead of "parser" to allow vue-eslint-parser to keep working
// `parser: 'vue-eslint-parser'` is already included with any 'plugin:vue/**' config and should be omitted
parserOptions: {
parser: require.resolve('@typescript-eslint/parser'),
extraFileExtensions: [ '.vue' ]
},
env: {
browser: true,
es2021: true,
node: true,
'vue/setup-compiler-macros': true
},
// Rules order is important, please avoid shuffling them
extends: [
// Base ESLint recommended rules
// 'eslint:recommended',
// https://github.com/typescript-eslint/typescript-eslint/tree/master/packages/eslint-plugin#usage
// ESLint typescript rules
'plugin:@typescript-eslint/recommended',
// Uncomment any of the lines below to choose desired strictness,
// but leave only one uncommented!
// See https://eslint.vuejs.org/rules/#available-rules
'plugin:vue/vue3-essential', // Priority A: Essential (Error Prevention)
// 'plugin:vue/vue3-strongly-recommended', // Priority B: Strongly Recommended (Improving Readability)
// 'plugin:vue/vue3-recommended', // Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead)
// https://github.com/prettier/eslint-config-prettier#installation
// usage with Prettier, provided by 'eslint-config-prettier'.
'prettier'
],
plugins: [
// required to apply rules which need type information
'@typescript-eslint',
// https://eslint.vuejs.org/user-guide/#why-doesn-t-it-work-on-vue-files
// required to lint *.vue files
'vue'
// https://github.com/typescript-eslint/typescript-eslint/issues/389#issuecomment-509292674
// Prettier has not been included as plugin to avoid performance impact
// add it as an extension for your IDE
],
globals: {
ga: 'readonly', // Google Analytics
cordova: 'readonly',
__statics: 'readonly',
__QUASAR_SSR__: 'readonly',
__QUASAR_SSR_SERVER__: 'readonly',
__QUASAR_SSR_CLIENT__: 'readonly',
__QUASAR_SSR_PWA__: 'readonly',
process: 'readonly',
Capacitor: 'readonly',
chrome: 'readonly'
},
// add your custom rules here
rules: {
'prefer-promise-reject-errors': 'off',
quotes: ['warn', 'single', { avoidEscape: true }],
// this rule, if on, would require explicit return type on the `render` function
'@typescript-eslint/explicit-function-return-type': 'off',
// in plain CommonJS modules, you can't use `import foo = require('foo')` to pass this rule, so it has to be disabled
'@typescript-eslint/no-var-requires': 'off',
// The core 'no-unused-vars' rules (in the eslint:recommended ruleset)
// does not work with type definitions
'no-unused-vars': 'off',
// allow debugger during development only
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
}
}

37
.gitignore vendored Normal file
View File

@ -0,0 +1,37 @@
.DS_Store
.thumbs.db
node_modules
# Quasar core related directories
.quasar
/dist
/quasar.config.*.temporary.compiled*
# Cordova related directories and files
/src-cordova/node_modules
/src-cordova/platforms
/src-cordova/plugins
/src-cordova/www
# Capacitor related directories and files
/src-capacitor/www
/src-capacitor/node_modules
# BEX related directories and files
/src-bex/www
/src-bex/js/core
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# Editor directories and files
.idea
*.suo
*.ntvs*
*.njsproj
*.sln
# local .env files
.env.local*

3
.npmrc Normal file
View File

@ -0,0 +1,3 @@
# pnpm-related options
shamefully-hoist=true
strict-peer-dependencies=false

4
.prettierrc Normal file
View File

@ -0,0 +1,4 @@
{
"singleQuote": true,
"semi": true
}

14
.vscode/extensions.json vendored Normal file
View File

@ -0,0 +1,14 @@
{
"recommendations": [
"dbaeumer.vscode-eslint",
"esbenp.prettier-vscode",
"editorconfig.editorconfig",
"vue.volar"
],
"unwantedRecommendations": [
"octref.vetur",
"hookyqr.beautify",
"dbaeumer.jshint",
"ms-vscode.vscode-typescript-tslint-plugin"
]
}

71
.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,71 @@
{
"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs": true,
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.codeActionsOnSave": [
"source.addMissingImports",
"source.organizeImports",
"source.fixAll.eslint"
],
"eslint.validate": ["javascript", "javascriptreact", "typescript", "vue"],
"typescript.tsdk": "node_modules/typescript/lib",
"editor.formatOnPaste": true,
"editor.minimap.enabled": false,
"editor.tabSize": 2,
"editor.fontSize": 14,
"editor.fontWeight": "normal",
"editor.guides.highlightActiveBracketPair": true,
"editor.bracketPairColorization.independentColorPoolPerBracketType": true,
"editor.guides.bracketPairsHorizontal": true,
"editor.acceptSuggestionOnEnter": "smart",
"editor.tabCompletion": "on",
"editor.linkedEditing": true,
"terminal.integrated.cursorStyleInactive": "line",
"files.exclude": {
"**/.git": true,
"**/.svn": true,
"**/.hg": true,
"**/CVS": true,
"**/.DS_Store": true,
"**/Thumbs.db": true
},
"files.trimTrailingWhitespace": true,
"files.trimFinalNewlines": true,
"prettier.arrowParens": "always",
"prettier.tabWidth": 2,
"prettier.singleQuote": true,
"prettier.semi": true,
"prettier.printWidth": 175,
"explorer.compactFolders": false,
"terminal.integrated.env.windows": {},
"git.enableSmartCommit": true,
"console-ninja.outputMode": "In View",
"console-ninja.fontSize": 12,
"git.autofetch": true,
"git.confirmSync": false,
"errorLens.excludeBySource": ["eslint(react/prop-types)"],
"javascript.updateImportsOnFileMove.enabled": "always",
"console-ninja.featureSet": "Community",
"liveServer.settings.donotShowInfoMsg": true,
"typescript.updateImportsOnFileMove.enabled": "always",
"editor.cursorSmoothCaretAnimation": "on",
"editor.fontLigatures": true,
"todo-tree.tree.showBadges": true,
"todo-tree.tree.showCountsInTree": true,
"terminal.integrated.enableImages": true,
"figma.autocompleteBlocks": true,
"figma.assetExportDirectory": "src/assets",
"liveServer.settings.donotVerifyTags": true,
"gitlens.gitCommands.skipConfirmations": ["fetch:command", "switch:command"],
"symbols.hidesExplorerArrows": false,
"editor.fontFamily": "CaskaydiaCove Nerd Font",
"diffEditor.ignoreTrimWhitespace": false,
"terminal.integrated.fontFamily": "CaskaydiaCove Nerd Font",
"svg.preview.mode": "svg",
"[svg]": {
"editor.defaultFormatter": "jock.svg"
},
"workbench.tree.indent": 16,
"git.ignoreRebaseWarning": true
}

41
README.md Normal file
View File

@ -0,0 +1,41 @@
# Floranet App (floranet)
A floranet app
## Install the dependencies
```bash
yarn
# or
npm install
```
### Start the app in development mode (hot-code reloading, error reporting, etc.)
```bash
quasar dev
```
### Lint the files
```bash
yarn lint
# or
npm run lint
```
### Format the files
```bash
yarn format
# or
npm run format
```
### Build the app for production
```bash
quasar build
```
### Customize the configuration
See [Configuring quasar.config.js](https://v2.quasar.dev/quasar-cli-vite/quasar-config-js).

50
index.html Normal file
View File

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html>
<head>
<title><%= productName %></title>
<meta charset="utf-8" />
<meta name="description" content="<%= productDescription %>" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta
name="viewport"
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>"
/>
<link
rel="icon"
type="image/png"
sizes="128x128"
href="icons/favicon-128x128.png"
/>
<link
rel="icon"
type="image/png"
sizes="96x96"
href="icons/favicon-96x96.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="icons/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="icons/favicon-16x16.png"
/>
<link rel="icon" type="image/ico" href="favicon.ico" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&family=Questrial&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet"
/>
</head>
<body>
<!-- quasar:entry-point -->
</body>
</html>

5601
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

46
package.json Normal file
View File

@ -0,0 +1,46 @@
{
"name": "floranet",
"version": "0.0.1",
"description": "A floranet app",
"productName": "Floranet App",
"author": "user",
"private": true,
"scripts": {
"lint": "eslint --ext .js,.ts,.vue ./",
"format": "prettier --write \"**/*.{js,ts,vue,scss,html,md,json}\" --ignore-path .gitignore",
"test": "echo \"No test specified\" && exit 0",
"dev": "quasar dev -m ssr",
"build": "quasar build -m ssr"
},
"dependencies": {
"@quasar/extras": "^1.16.4",
"@vee-validate/zod": "^4.12.2",
"@vueuse/core": "^10.7.0",
"axios": "^1.2.1",
"pinia": "^2.0.11",
"quasar": "^2.6.0",
"swiper": "^11.0.5",
"v-mask": "^2.3.0",
"vee-validate": "^4.12.2",
"vue": "^3.0.0",
"vue-router": "^4.0.0",
"zod": "^3.22.4"
},
"devDependencies": {
"@quasar/app-vite": "^1.3.0",
"@types/node": "^12.20.21",
"@typescript-eslint/eslint-plugin": "^5.10.0",
"@typescript-eslint/parser": "^5.10.0",
"autoprefixer": "^10.4.2",
"eslint": "^8.10.0",
"eslint-config-prettier": "^8.1.0",
"eslint-plugin-vue": "^9.0.0",
"prettier": "^2.5.1",
"typescript": "^4.5.4"
},
"engines": {
"node": "^18 || ^16 || ^14.19",
"npm": ">= 6.13.4",
"yarn": ">= 1.21.1"
}
}

27
postcss.config.cjs Normal file
View File

@ -0,0 +1,27 @@
/* eslint-disable */
// https://github.com/michael-ciniawsky/postcss-load-config
module.exports = {
plugins: [
// https://github.com/postcss/autoprefixer
require('autoprefixer')({
overrideBrowserslist: [
'last 4 Chrome versions',
'last 4 Firefox versions',
'last 4 Edge versions',
'last 4 Safari versions',
'last 4 Android versions',
'last 4 ChromeAndroid versions',
'last 4 FirefoxAndroid versions',
'last 4 iOS versions'
]
})
// https://github.com/elchininet/postcss-rtlcss
// If you want to support RTL css, then
// 1. yarn/npm install postcss-rtlcss
// 2. optionally set quasar.config.js > framework > lang to an RTL language
// 3. uncomment the following line:
// require('postcss-rtlcss')
]
}

View File

@ -0,0 +1,33 @@
<svg width="362" height="83" viewBox="0 0 362 83" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4_3356)">
<path
d="M76.4196 53.7895C76.4196 54.5999 76.7274 55.4954 77.3429 56.476C77.9585 57.4565 78.5457 58.3804 79.1045 59.2475C79.6633 60.1146 80.044 60.8359 80.2505 61.4153C80.4571 61.9947 80.1452 62.2824 79.3272 62.2824H61.1932C60.3711 62.2824 60.0634 61.9947 60.2699 61.4153C60.4764 60.8359 60.8571 60.1146 61.4159 59.2475C61.9748 58.3804 62.562 57.4565 63.1775 56.476C63.793 55.4954 64.1008 54.5999 64.1008 53.7895V11.7668C64.2182 10.8997 63.8781 10.065 63.0884 9.25462C62.2947 8.44828 61.4726 7.69462 60.6222 7.00174C59.7718 6.30886 59.1239 5.71727 58.6865 5.22699C58.2451 4.7367 58.4071 4.40444 59.1725 4.23021L75.5368 0.0729156C76.8286 -0.214772 77.4158 0.376811 77.2984 1.84767C77.1809 3.31852 76.8853 5.58761 76.4196 8.64683V53.7855V53.7895Z"
fill="black" />
<path
d="M85.8997 40.1142C85.8997 36.7835 86.4585 33.7324 87.5762 30.9649C88.6939 28.1975 90.257 25.8392 92.2656 23.8902C94.2742 21.9413 96.708 20.4299 99.5791 19.3561C102.446 18.2824 105.601 17.7475 109.043 17.7475C112.485 17.7475 115.64 18.2864 118.507 19.3561C121.374 20.4299 123.812 21.9413 125.82 23.8902C127.829 25.8392 129.392 28.1975 130.51 30.9649C131.628 33.7324 132.186 36.7835 132.186 40.1142C132.186 43.4449 131.628 46.5649 130.51 49.304C129.392 52.0431 127.829 54.4014 125.82 56.3787C123.812 58.3561 121.374 59.8796 118.507 60.9534C115.64 62.0271 112.485 62.562 109.043 62.562C105.601 62.562 102.446 62.0231 99.5791 60.9534C96.712 59.8796 94.2742 58.3561 92.2656 56.3787C90.257 54.4014 88.6939 52.0472 87.5762 49.304C86.4585 46.5649 85.8997 43.5016 85.8997 40.1142ZM99.6642 39.7739C99.6642 42.825 99.891 45.5925 100.353 48.0763C100.81 50.5601 101.442 52.6915 102.244 54.4703C103.046 56.2491 104.022 57.6186 105.168 58.5789C106.314 59.5392 107.577 60.0214 108.954 60.0214C110.331 60.0214 111.679 59.5433 112.825 58.5789C113.971 57.6186 114.963 56.2491 115.794 54.4703C116.624 52.6915 117.256 50.5601 117.685 48.0763C118.114 45.5925 118.329 42.825 118.329 39.7739C118.329 36.7227 118.114 34.0444 117.685 31.5565C117.256 29.0727 116.624 26.9373 115.794 25.1626C114.963 23.3837 113.971 22.0142 112.825 21.0539C111.679 20.0936 110.387 19.6114 108.954 19.6114C107.52 19.6114 106.314 20.0936 105.168 21.0539C104.022 22.0142 103.046 23.3837 102.244 25.1626C101.438 26.9414 100.81 29.0727 100.353 31.5565C99.891 34.0404 99.6642 36.7795 99.6642 39.7739Z"
fill="black" />
<path
d="M192.898 14.7572C191.865 15.2718 190.974 15.5311 190.229 15.5311C188.338 15.5311 187.131 14.1818 186.617 11.4832C186.329 10.1623 185.471 9.14524 184.037 8.42805C182.604 7.71086 180.883 7.35023 178.874 7.35023C176.865 7.35023 174.901 7.73922 172.808 8.51314C170.714 9.28706 168.75 10.4216 166.916 11.9127C165.539 13.0027 164.105 14.5262 162.615 16.4752C161.125 18.4282 159.748 20.6649 158.484 23.1893C157.221 25.7136 156.176 28.4568 155.346 31.4107C154.512 34.3686 154.099 37.367 154.099 40.406V53.8341C154.099 54.6364 154.398 55.5278 155.002 56.5044C155.605 57.4809 156.176 58.3966 156.723 59.2597C157.27 60.1227 157.642 60.8399 157.841 61.4113C158.039 61.9866 157.739 62.2703 156.937 62.2703H139.212C138.407 62.2703 138.107 61.9826 138.309 61.4113C138.508 60.8359 138.88 60.1187 139.427 59.2597C139.974 58.4007 140.545 57.4809 141.148 56.5044C141.752 55.5278 142.051 54.6405 142.051 53.8341V28.9552C142.165 28.0921 141.837 27.2615 141.063 26.4592C140.29 25.6569 139.484 24.9073 138.654 24.2225C137.819 23.5337 137.192 22.9462 136.762 22.4599C136.333 21.9737 136.491 21.6414 137.236 21.4713L153.24 17.3383C154.5 17.0506 155.075 17.6381 154.961 19.1049C154.844 20.5677 154.56 22.8206 154.103 25.8636V26.8117C155.593 23.0231 157.399 19.6965 159.525 16.8277C161.647 13.959 163.826 11.6899 166.065 10.0286C167.555 8.93859 169.119 8.0026 170.755 7.22867C172.391 6.45475 174.051 5.82265 175.744 5.33642C177.436 4.85018 179.113 4.48956 180.777 4.2586C182.438 4.03169 184.017 3.91418 185.507 3.91418C187.686 3.91418 189.609 4.12894 191.27 4.55844C192.934 4.98795 194.165 5.6079 194.971 6.41018C195.603 7.04228 196.016 7.74327 196.218 8.52124C196.417 9.29517 196.417 10.0569 196.218 10.8025C196.016 11.548 195.643 12.2652 195.101 12.9541C194.554 13.6429 193.825 14.2466 192.906 14.7612L192.898 14.7572Z"
fill="black" />
<path
d="M361.23 47.9588C360.283 46.5447 358.809 45.6654 356.8 45.3291C354.966 45.0454 353.617 45.3291 352.759 46.1759C351.9 47.0228 351.609 48.441 351.9 50.4183C352.301 52.9629 352.184 55.0862 351.556 56.7839C350.924 58.4817 349.604 59.6689 347.6 60.3496C347.385 60.4145 347.162 60.4509 346.939 60.4914C346.761 60.5077 346.579 60.5198 346.397 60.5198C344.619 60.5198 343.198 60.0417 342.137 59.0773C341.076 58.117 340.258 56.7434 339.687 54.9605C339.112 53.1777 338.739 51.0423 338.569 48.5544C338.399 46.0665 338.31 43.3234 338.31 40.3209V21.3092H346.83C347.863 21.3092 348.377 20.7703 348.377 19.6965C348.377 18.6754 347.863 18.1689 346.83 18.1689H338.31V8.49287C338.31 6.96528 338.322 5.6484 338.354 4.54627C338.383 3.44414 338.354 2.52435 338.269 1.7869C338.184 1.0535 337.998 0.542953 337.71 0.259317C337.423 -0.024319 336.965 -0.0810462 336.334 0.0891354L321.536 4.16134C320.791 4.38825 320.617 4.74077 321.018 5.22295C321.419 5.70513 322.006 6.2724 322.784 6.92071C323.557 7.57307 324.347 8.29432 325.149 9.08445C325.95 9.87863 326.351 10.6971 326.351 11.544V18.1649H320.5C319.467 18.1649 318.949 18.6754 318.949 19.6924V19.7775C318.949 20.7946 319.467 21.3051 320.5 21.3051H326.351V40.1466C326.351 47.3915 327.684 52.9467 330.352 56.8244C333.021 60.6981 337.305 62.639 343.214 62.639C343.493 62.639 343.748 62.6147 344.02 62.6066C345.081 62.6673 346.19 62.5944 347.344 62.3837C350.957 61.703 353.913 60.5036 356.205 58.7775C358.497 57.0513 360.25 54.9727 361.453 52.5415C362.255 50.9005 362.186 49.3729 361.238 47.9588H361.23Z"
fill="black" />
<path
d="M253.139 39.5996C253.139 36.5566 253.022 33.8053 252.795 31.3337C252.564 28.866 252.135 26.7712 251.503 25.0491C250.871 23.327 249.997 21.9939 248.879 21.0458C247.761 20.0976 246.312 19.6235 244.534 19.6235C243.157 19.6235 241.837 20.1098 240.577 21.0863C239.314 22.0628 238.18 23.4526 237.18 25.2598C236.176 27.067 235.386 29.2347 234.815 31.7591C234.24 34.2835 233.956 37.0672 233.956 40.1102V53.5383C233.956 54.3406 234.256 55.232 234.859 56.2085C235.463 57.1851 236.034 58.1008 236.581 58.9639C237.127 59.8269 237.5 60.5441 237.698 61.1154C237.897 61.6908 237.597 61.9744 236.795 61.9744H219.07C218.264 61.9744 217.965 61.6868 218.167 61.1154C218.365 60.5401 218.738 59.8229 219.285 58.9639C219.831 58.1048 220.402 57.1851 221.006 56.2085C221.609 55.232 221.909 54.3446 221.909 53.5383V28.6594C222.022 27.7963 221.694 26.9657 220.921 26.1634C220.147 25.3611 219.341 24.6115 218.511 23.9267C217.677 23.2379 217.049 22.6503 216.62 22.1641C216.191 21.6779 216.349 21.3456 217.094 21.1754L233.098 17.0425C234.301 16.7548 234.876 17.2856 234.819 18.6349C234.762 19.9842 234.503 22.0669 234.045 24.8789C236.111 20.6892 239.322 18.3067 243.683 17.7353C247.352 17.2167 250.568 17.476 253.321 18.5093C256.075 19.5425 258.355 21.1066 260.161 23.2014C261.967 25.2963 263.328 27.8206 264.247 30.7785C265.162 33.7365 265.624 36.9051 265.624 40.2925V50.4507C265.624 56.3625 265.697 61.1843 265.839 64.9162C265.98 68.644 266.195 71.5735 266.483 73.6967C266.77 75.8199 267.155 77.3273 267.645 78.2187C268.131 79.1061 268.746 79.726 269.495 80.0704C270.354 80.4716 271.229 80.4432 272.12 79.9853C273.006 79.5234 273.869 78.7941 274.699 77.7892C275.529 76.7843 276.274 75.5768 276.935 74.1749C277.595 72.7688 278.153 71.3182 278.611 69.8271C279.3 67.5297 280.559 66.383 282.397 66.383C283.313 66.383 284.345 66.699 285.495 67.3311C287.216 68.3076 288.233 69.5556 288.549 71.0751C288.865 72.5946 288.448 74.0168 287.301 75.3378C286.155 76.5979 284.779 77.7325 283.171 78.7373C281.563 79.7422 279.903 80.5891 278.182 81.2779C276.461 81.9667 274.768 82.453 273.108 82.7407C271.443 83.0283 269.925 83.0851 268.548 82.9149C266.369 82.6272 264.462 81.752 262.826 80.2892C261.19 78.8265 259.801 76.9869 258.655 74.7786C257.509 72.5703 256.561 70.0743 255.816 67.2906C255.071 64.5069 254.496 61.6219 254.095 58.6397C253.694 55.6575 253.419 52.6428 253.277 49.5998C253.131 46.5609 253.091 43.688 253.147 40.9935V39.6158L253.139 39.5996Z"
fill="black" />
<path
d="M212.55 60.9736C212.348 60.3942 211.971 59.673 211.416 58.8059L209.631 56.0789C209.428 55.7669 209.226 55.4549 209.015 55.1267C208.412 54.1866 208.112 53.3276 208.112 52.5537V39.7739C208.112 36.508 207.796 33.5501 207.164 30.892C206.533 28.238 205.456 25.9527 203.937 24.0442C202.418 22.1358 200.422 20.6568 197.956 19.6033C195.489 18.5539 192.392 18.0271 188.662 18.0271C187.228 18.0271 185.738 18.1081 184.187 18.2743C182.64 18.4404 181.134 18.7159 179.668 19.1049C178.206 19.4939 176.841 19.9923 175.582 20.6001C174.318 21.2079 173.229 21.9575 172.314 22.8408C171.05 24.1131 170.605 25.5232 170.981 27.0751C171.354 28.6229 172.455 29.8709 174.294 30.811L174.379 30.892C175.412 31.3904 176.299 31.6376 177.048 31.6376C178.939 31.6376 180.146 30.3369 180.66 27.7356C181.118 25.2477 181.907 23.3108 183.025 21.9251C184.143 20.5434 185.791 19.8505 187.973 19.8505C190.496 19.8505 192.319 20.7784 193.436 22.6301C194.554 24.4859 195.287 27.0427 195.631 30.3085C195.056 30.8069 194.283 31.2648 193.307 31.6781C192.331 32.0914 190.869 32.606 188.917 33.2138C185.993 34.1012 183.268 34.9278 180.745 35.7017C178.222 36.4756 175.983 37.3751 174.035 38.4003C172.083 39.4254 170.508 40.6288 169.301 42.0105C168.098 43.3923 167.321 45.1103 166.976 47.1565C166.632 49.4783 166.847 51.6542 167.62 53.672C168.394 55.694 169.613 57.4079 171.277 58.818C172.941 60.2281 174.974 61.2654 177.384 61.9299C179.793 62.5944 182.458 62.7322 185.386 62.3432C188.253 61.9542 190.589 61.0992 192.396 59.7702C194.202 58.4412 195.68 56.6178 196.826 54.292C197.077 54.9606 197.117 55.5035 197.478 56.0748C198.247 57.6916 199.636 59.0692 201.118 60.0579C202.888 61.2451 205.055 61.8367 207.61 61.8367H211.619C212.433 61.8367 212.737 61.549 212.534 60.9696L212.55 60.9736ZM193.315 55.4995C191.707 57.7402 189.642 59.1665 187.119 59.7743C186.086 60.0498 185.098 60.0214 184.151 59.6892C183.203 59.3569 182.413 58.6681 181.786 57.6146C181.154 56.5651 180.741 55.155 180.538 53.3843C180.336 51.6137 180.437 49.4297 180.838 46.8283C181.126 45.1143 181.527 43.6475 182.041 42.432C182.555 41.2164 183.171 40.1629 183.891 39.2795C184.608 38.3962 185.41 37.6628 186.301 37.0793C187.188 36.4999 188.095 36.0137 189.01 35.6287C190.156 35.0777 191.347 34.5793 192.582 34.1336C193.813 33.6919 194.918 33.1935 195.894 32.6425C195.951 33.7486 195.992 34.871 196.024 36.0015C196.052 37.1361 196.069 38.3395 196.069 39.6118L196.154 47.4118C195.866 50.5642 194.918 53.2628 193.315 55.5035V55.4995Z"
fill="black" />
<path
d="M32.0642 53.591C32.0642 54.4216 32.3639 55.3414 32.9673 56.3504C33.5707 57.3593 34.1417 58.3075 34.6884 59.1989C35.2351 60.0903 35.6076 60.8318 35.806 61.4234C36.0045 62.015 35.7048 62.3148 34.903 62.3148H16.2344C15.4286 62.3148 15.1289 62.019 15.3314 61.4234C15.5298 60.8318 15.9024 60.0863 16.4491 59.1989C16.9917 58.3075 17.5667 57.3593 18.1701 56.3504C18.7735 55.3414 19.0732 54.4216 19.0732 53.591V2.75937C17.2347 3.05922 15.5298 4.03574 13.9545 5.69703C12.3752 7.35833 11.0712 9.96778 10.0386 13.5294C9.35015 15.9039 8.08668 17.0911 6.25222 17.0911C5.33297 17.0911 4.30032 16.7669 3.15429 16.1105C1.43322 15.1016 0.416777 13.809 0.10091 12.2369C-0.214958 10.6647 0.202149 9.19791 1.34818 7.83241C3.70099 5.22295 6.41015 3.32259 9.47974 2.13537C12.5493 0.948155 15.7444 0.239065 19.0732 0H57.0137L54.6042 9.34783C54.4301 10.0002 54.0737 10.5513 53.527 10.997C52.9803 11.4427 52.3648 11.6655 51.6764 11.6655H51.4172C50.7854 11.6655 50.2671 11.4751 49.8662 11.0861C49.4653 10.7012 49.2061 10.1825 49.0927 9.53017C48.9186 7.98638 48.3597 6.75459 47.4162 5.8348C46.4686 4.91501 45.2497 4.45714 43.7594 4.45714H37.7377C36.1867 4.45714 34.8544 4.96363 33.7367 5.96851C32.619 6.97745 32.0602 8.37131 32.0602 10.1542V28.4041H39.9771C40.8964 28.4041 41.7103 28.242 42.4312 27.9138C43.1479 27.5897 43.7797 27.2453 44.3223 26.8887C44.869 26.5321 45.3266 26.1918 45.6992 25.8636C46.0717 25.5394 46.3431 25.3733 46.5172 25.3733C46.8614 25.3733 47.0315 25.9649 47.0315 27.1521V35.1628C47.0315 35.8759 46.9869 36.3662 46.9019 36.6296C46.8169 36.897 46.6873 37.0307 46.5172 37.0307C46.2864 37.0307 45.9988 36.8686 45.6546 36.5404C45.3104 36.2163 44.865 35.8597 44.3223 35.4707C43.7756 35.0858 43.1479 34.7292 42.4312 34.401C41.7144 34.0768 40.8964 33.9107 39.9771 33.9107H32.0602V53.5869L32.0642 53.591Z"
fill="black" />
<path
d="M287.909 43.3639C288.079 45.9247 288.419 48.2748 288.925 50.4143C289.436 52.5577 290.1 54.3933 290.918 55.9208C291.736 57.4525 292.671 58.6478 293.72 59.5068C294.765 60.3699 295.911 60.7994 297.158 60.7994C298.855 60.7994 300.353 60.1308 301.657 58.7977C302.957 57.4646 304.002 55.6007 304.796 53.2061C305.755 50.313 307.456 48.8664 309.886 48.8664C310.566 48.8664 311.328 49.0042 312.178 49.2838C314.045 49.9523 315.203 50.9532 315.657 52.2863C316.11 53.6234 315.685 54.9281 314.385 56.2085C312.348 58.2669 309.874 59.8512 306.962 60.9655C304.047 62.0758 300.811 62.6349 297.247 62.6349C293.684 62.6349 290.626 62.092 287.743 61.006C284.86 59.9201 282.398 58.4047 280.361 56.4598C278.324 54.5148 276.752 52.1485 275.651 49.3648C274.545 46.5852 273.995 43.526 273.995 40.1872C273.995 36.8484 274.545 33.7891 275.651 31.0095C276.752 28.2299 278.324 25.8635 280.361 23.9186C282.398 21.9737 284.86 20.4542 287.743 19.3723C290.626 18.2864 293.797 17.7475 297.247 17.7475C300.698 17.7475 304.148 18.2337 307.262 19.2062C310.372 20.1787 312.749 21.8643 314.389 24.2549C315.802 26.37 316.325 28.5824 315.96 30.888C315.592 33.1976 314.446 35.2965 312.522 37.1887C310.599 39.081 307.995 40.641 304.715 41.8606C301.435 43.0843 297.616 43.6961 293.258 43.6961C292.408 43.6961 291.546 43.6678 290.671 43.611C289.792 43.5584 288.873 43.4733 287.913 43.3598L287.909 43.3639ZM287.824 40.6937C288.674 40.8598 289.521 40.9449 290.371 40.9449C292.238 40.9449 294.032 40.568 295.761 39.8184C297.486 39.0688 299.013 38.0518 300.345 36.7714C301.674 35.491 302.751 34.0323 303.569 32.3912C304.387 30.7502 304.8 29.0119 304.8 27.1764C304.8 25.9527 304.589 24.8384 304.164 23.8376C303.739 22.8367 303.172 21.9899 302.467 21.2929C301.759 20.596 300.953 20.0976 300.05 19.7897C299.143 19.4858 298.183 19.4128 297.166 19.583C295.073 19.972 293.416 20.9891 292.202 22.6301C290.987 24.2711 290.051 26.1755 289.403 28.3474C288.751 30.5152 288.326 32.7275 288.132 34.9804C287.933 37.2333 287.836 39.1377 287.836 40.6977L287.824 40.6937Z"
fill="black" />
</g>
<defs>
<clipPath id="clip0_4_3356">
<rect width="362" height="83" fill="white" />
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 14 KiB

View File

@ -0,0 +1,33 @@
<svg width="228" height="53" viewBox="0 0 228 53" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="logo 3" clip-path="url(#clip0_4_3374)">
<path id="Vector"
d="M48.1318 34.3475C48.1318 34.865 48.3256 35.4368 48.7133 36.063C49.101 36.6891 49.4708 37.279 49.8228 37.8327C50.1748 38.3864 50.4145 38.847 50.5446 39.217C50.6747 39.587 50.4783 39.7707 49.9631 39.7707H38.5416C38.0239 39.7707 37.83 39.587 37.9601 39.217C38.0902 38.847 38.3299 38.3864 38.6819 37.8327C39.0339 37.279 39.4037 36.6891 39.7914 36.063C40.1791 35.4368 40.3729 34.865 40.3729 34.3475V7.51374C40.4469 6.96004 40.2327 6.42704 39.7353 5.90956C39.2354 5.39467 38.7176 4.91342 38.182 4.47097C37.6464 4.02853 37.2383 3.65077 36.9628 3.3377C36.6848 3.02463 36.7868 2.81246 37.2689 2.7012L47.5757 0.0465444C48.3894 -0.13716 48.7592 0.240598 48.6852 1.17982C48.6113 2.11904 48.4251 3.56798 48.1318 5.52145V34.3449V34.3475Z"
fill="#CDEBD2" />
<path id="Vector_2"
d="M54.1025 25.6151C54.1025 23.4883 54.4545 21.54 55.1585 19.7728C55.8624 18.0056 56.8469 16.4998 58.112 15.2552C59.3771 14.0107 60.91 13.0456 62.7183 12.36C64.5241 11.6743 66.511 11.3328 68.679 11.3328C70.847 11.3328 72.8339 11.6769 74.6397 12.36C76.4455 13.0456 77.9809 14.0107 79.246 15.2552C80.5111 16.4998 81.4956 18.0056 82.1996 19.7728C82.9035 21.54 83.2555 23.4883 83.2555 25.6151C83.2555 27.742 82.9035 29.7343 82.1996 31.4833C81.4956 33.2324 80.5111 34.7383 79.246 36.0009C77.9809 37.2635 76.4455 38.2364 74.6397 38.9221C72.8339 39.6077 70.847 39.9492 68.679 39.9492C66.511 39.9492 64.5241 39.6051 62.7183 38.9221C60.9125 38.2364 59.3771 37.2635 58.112 36.0009C56.8469 34.7383 55.8624 33.235 55.1585 31.4833C54.4545 29.7343 54.1025 27.7782 54.1025 25.6151ZM62.7719 25.3978C62.7719 27.3461 62.9147 29.1133 63.2055 30.6993C63.4937 32.2854 63.8916 33.6464 64.3966 34.7822C64.9016 35.9181 65.5163 36.7926 66.2381 37.4058C66.9599 38.0191 67.7557 38.327 68.6229 38.327C69.4901 38.327 70.3394 38.0216 71.0612 37.4058C71.783 36.7926 72.4079 35.9181 72.9308 34.7822C73.4537 33.6464 73.8516 32.2854 74.1219 30.6993C74.3923 29.1133 74.5275 27.3461 74.5275 25.3978C74.5275 23.4495 74.3923 21.7392 74.1219 20.1506C73.8516 18.5645 73.4537 17.201 72.9308 16.0677C72.4079 14.9318 71.783 14.0573 71.0612 13.4441C70.3394 12.8309 69.5258 12.523 68.6229 12.523C67.72 12.523 66.9599 12.8309 66.2381 13.4441C65.5163 14.0573 64.9016 14.9318 64.3966 16.0677C63.8891 17.2035 63.4937 18.5645 63.2055 20.1506C62.9147 21.7366 62.7719 23.4857 62.7719 25.3978Z"
fill="#CDEBD2" />
<path id="Vector_3"
d="M121.494 9.42323C120.843 9.75183 120.282 9.91742 119.813 9.91742C118.622 9.91742 117.862 9.05582 117.538 7.33263C117.357 6.48914 116.816 5.8397 115.913 5.38174C115.01 4.92377 113.926 4.69349 112.661 4.69349C111.396 4.69349 110.159 4.94188 108.84 5.43607C107.522 5.93026 106.285 6.65473 105.129 7.60689C104.262 8.30289 103.359 9.27575 102.421 10.5203C101.482 11.7674 100.615 13.1956 99.819 14.8076C99.0232 16.4195 98.3651 18.1712 97.8423 20.0574C97.3168 21.9462 97.0567 23.8608 97.0567 25.8014V34.376C97.0567 34.8883 97.2454 35.4575 97.6255 36.0811C98.0055 36.7046 98.3651 37.2894 98.7095 37.8405C99.0538 38.3916 99.2884 38.8496 99.4134 39.2144C99.5384 39.5818 99.3497 39.7629 98.8446 39.7629H87.6808C87.1733 39.7629 86.9845 39.5792 87.112 39.2144C87.237 38.847 87.4717 38.389 87.816 37.8405C88.1603 37.292 88.52 36.7046 88.9 36.0811C89.28 35.4575 89.4688 34.8909 89.4688 34.376V18.4894C89.5402 17.9383 89.3336 17.4079 88.8464 16.8956C88.3593 16.3833 87.8517 15.9046 87.3288 15.4674C86.8034 15.0275 86.4081 14.6523 86.1377 14.3419C85.8674 14.0314 85.9668 13.8192 86.4362 13.7105L96.516 11.0714C97.3092 10.8877 97.6714 11.2629 97.6 12.1995C97.526 13.1335 97.3475 14.5721 97.0592 16.5153V17.1207C97.9979 14.7015 99.1354 12.5773 100.474 10.7454C101.811 8.91352 103.183 7.46458 104.594 6.40375C105.532 5.70775 106.517 5.11006 107.547 4.61587C108.578 4.12168 109.623 3.71805 110.689 3.40756C111.756 3.09708 112.812 2.8668 113.86 2.71932C114.906 2.57442 115.9 2.49939 116.839 2.49939C118.211 2.49939 119.423 2.63652 120.468 2.91078C121.517 3.18505 122.292 3.58092 122.8 4.09322C123.197 4.49685 123.458 4.94447 123.585 5.44125C123.71 5.93544 123.71 6.42187 123.585 6.89794C123.458 7.37402 123.223 7.83199 122.881 8.27185C122.537 8.7117 122.078 9.09722 121.499 9.42582L121.494 9.42323Z"
fill="#CDEBD2" />
<path id="Vector_4"
d="M227.515 30.6243C226.918 29.7213 225.99 29.1598 224.725 28.9451C223.569 28.764 222.72 28.9451 222.179 29.4858C221.639 30.0266 221.455 30.9322 221.639 32.1948C221.891 33.8197 221.817 35.1755 221.422 36.2596C221.024 37.3437 220.193 38.1018 218.93 38.5365C218.795 38.5779 218.655 38.6012 218.514 38.6271C218.402 38.6374 218.287 38.6452 218.172 38.6452C217.053 38.6452 216.158 38.3399 215.489 37.7241C214.821 37.1109 214.306 36.2337 213.946 35.0953C213.584 33.9568 213.349 32.5933 213.242 31.0046C213.135 29.416 213.079 27.6643 213.079 25.7471V13.6071H218.445C219.096 13.6071 219.42 13.2629 219.42 12.5773C219.42 11.9253 219.096 11.6018 218.445 11.6018H213.079V5.42315C213.079 4.44771 213.087 3.60681 213.107 2.90304C213.125 2.19927 213.107 1.61193 213.054 1.14103C213 0.672713 212.883 0.346703 212.702 0.165586C212.52 -0.0155312 212.232 -0.0517546 211.834 0.0569156L202.515 2.65724C202.045 2.80213 201.936 3.02723 202.188 3.33513C202.441 3.64303 202.81 4.00527 203.3 4.41925C203.787 4.83582 204.285 5.29637 204.79 5.80091C205.295 6.30804 205.547 6.83069 205.547 7.37145V11.5992H201.862C201.211 11.5992 200.885 11.9253 200.885 12.5747V12.629C200.885 13.2785 201.211 13.6045 201.862 13.6045H205.547V25.6358C205.547 30.2621 206.386 33.8094 208.067 36.2855C209.748 38.759 212.446 39.9984 216.168 39.9984C216.344 39.9984 216.504 39.9829 216.675 39.9777C217.344 40.0165 218.042 39.9699 218.769 39.8354C221.044 39.4007 222.906 38.6348 224.35 37.5326C225.794 36.4304 226.898 35.1031 227.655 33.5506C228.161 32.5027 228.117 31.5273 227.52 30.6243H227.515Z"
fill="#CDEBD2" />
<path id="Vector_5"
d="M159.436 25.2865C159.436 23.3434 159.362 21.5865 159.219 20.0082C159.074 18.4325 158.803 17.0948 158.405 15.9952C158.008 14.8956 157.457 14.0443 156.753 13.4389C156.049 12.8334 155.136 12.5307 154.016 12.5307C153.149 12.5307 152.317 12.8412 151.524 13.4647C150.728 14.0883 150.014 14.9758 149.384 16.1298C148.752 17.2837 148.254 18.668 147.895 20.2799C147.532 21.8919 147.354 23.6694 147.354 25.6125V34.1871C147.354 34.6994 147.543 35.2686 147.923 35.8922C148.303 36.5158 148.662 37.1005 149.007 37.6516C149.351 38.2027 149.586 38.6607 149.711 39.0255C149.836 39.3929 149.647 39.5741 149.142 39.5741H137.978C137.47 39.5741 137.282 39.3903 137.409 39.0255C137.534 38.6581 137.769 38.2002 138.113 37.6516C138.457 37.1031 138.817 36.5158 139.197 35.8922C139.577 35.2686 139.766 34.702 139.766 34.1871V18.3006C139.837 17.7495 139.631 17.219 139.144 16.7067C138.656 16.1944 138.149 15.7158 137.626 15.2785C137.101 14.8386 136.705 14.4635 136.435 14.153C136.164 13.8425 136.264 13.6303 136.733 13.5217L146.813 10.8825C147.571 10.6988 147.933 11.0378 147.897 11.8994C147.861 12.761 147.698 14.0909 147.41 15.8865C148.711 13.2112 150.733 11.6898 153.48 11.325C155.791 10.9938 157.816 11.1594 159.551 11.8192C161.285 12.479 162.721 13.4777 163.859 14.8154C164.996 16.153 165.853 17.765 166.432 19.6538C167.008 21.5426 167.299 23.5659 167.299 25.729V32.2155C167.299 35.9905 167.345 39.0695 167.434 41.4525C167.524 43.8329 167.659 45.7036 167.84 47.0594C168.021 48.4151 168.263 49.3777 168.572 49.9469C168.878 50.5135 169.266 50.9094 169.738 51.1293C170.278 51.3855 170.829 51.3674 171.39 51.075C171.949 50.78 172.492 50.3143 173.015 49.6726C173.538 49.0309 174.007 48.2599 174.423 47.3647C174.839 46.4668 175.191 45.5406 175.479 44.5884C175.912 43.1214 176.706 42.3891 177.864 42.3891C178.44 42.3891 179.09 42.5909 179.815 42.9946C180.899 43.6181 181.539 44.4151 181.738 45.3853C181.937 46.3556 181.674 47.2638 180.952 48.1072C180.231 48.9119 179.363 49.6364 178.351 50.2781C177.338 50.9197 176.293 51.4605 175.209 51.9004C174.125 52.3402 173.058 52.6507 172.013 52.8344C170.964 53.0181 170.008 53.0543 169.141 52.9457C167.769 52.762 166.567 52.2031 165.537 51.269C164.506 50.335 163.632 49.1603 162.91 47.7502C162.188 46.3401 161.591 44.7462 161.122 42.9687C160.652 41.1912 160.29 39.3489 160.038 37.4446C159.785 35.5403 159.612 33.6153 159.523 31.6722C159.431 29.7316 159.405 27.8972 159.441 26.1766V25.2969L159.436 25.2865Z"
fill="#CDEBD2" />
<path id="Vector_6"
d="M133.871 38.935C133.744 38.565 133.507 38.1044 133.157 37.5507L132.032 35.8094C131.905 35.6102 131.777 35.411 131.645 35.2014C131.265 34.6011 131.076 34.0526 131.076 33.5584V25.3978C131.076 23.3124 130.877 21.4236 130.479 19.7262C130.081 18.0315 129.403 16.5722 128.446 15.3536C127.49 14.1349 126.232 13.1905 124.679 12.5178C123.126 11.8477 121.175 11.5113 118.826 11.5113C117.923 11.5113 116.984 11.563 116.007 11.6691C115.033 11.7752 114.084 11.9511 113.161 12.1995C112.24 12.4479 111.38 12.7662 110.587 13.1543C109.791 13.5424 109.105 14.0211 108.529 14.5851C107.733 15.3975 107.453 16.298 107.69 17.2889C107.924 18.2773 108.618 19.0742 109.776 19.6745L109.83 19.7262C110.48 20.0445 111.039 20.2023 111.511 20.2023C112.702 20.2023 113.462 19.3718 113.786 17.7107C114.074 16.122 114.571 14.8852 115.275 14.0004C115.979 13.1181 117.017 12.6756 118.392 12.6756C119.981 12.6756 121.129 13.2681 121.833 14.4506C122.537 15.6356 122.998 17.2682 123.215 19.3537C122.853 19.6719 122.366 19.9643 121.751 20.2282C121.136 20.4921 120.216 20.8207 118.986 21.2088C117.145 21.7754 115.428 22.3033 113.839 22.7975C112.25 23.2917 110.84 23.8661 109.613 24.5207C108.384 25.1753 107.391 25.9437 106.631 26.826C105.874 27.7083 105.384 28.8054 105.167 30.112C104.95 31.5946 105.086 32.984 105.573 34.2725C106.06 35.5636 106.828 36.6581 107.876 37.5585C108.924 38.4589 110.205 39.1213 111.722 39.5456C113.24 39.9699 114.918 40.0579 116.762 39.8095C118.568 39.5611 120.04 39.0152 121.177 38.1665C122.315 37.3179 123.246 36.1535 123.967 34.6684C124.126 35.0953 124.151 35.442 124.378 35.8068C124.863 36.8392 125.738 37.7189 126.671 38.3502C127.786 39.1083 129.15 39.4861 130.76 39.4861H133.285C133.797 39.4861 133.989 39.3024 133.861 38.9324L133.871 38.935ZM121.756 35.4394C120.744 36.8703 119.443 37.781 117.854 38.1691C117.203 38.3451 116.581 38.327 115.984 38.1148C115.387 37.9026 114.89 37.4628 114.495 36.79C114.097 36.1199 113.837 35.2195 113.709 34.0888C113.582 32.9581 113.645 31.5635 113.898 29.9024C114.079 28.808 114.331 27.8713 114.655 27.0951C114.979 26.3189 115.367 25.6462 115.821 25.0821C116.272 24.5181 116.777 24.0498 117.339 23.6772C117.897 23.3072 118.468 22.9967 119.045 22.7509C119.767 22.399 120.517 22.0808 121.295 21.7961C122.07 21.5141 122.766 21.1959 123.381 20.844C123.417 21.5503 123.442 22.2671 123.462 22.9889C123.48 23.7134 123.491 24.4819 123.491 25.2943L123.544 30.275C123.363 32.288 122.766 34.0112 121.756 35.442V35.4394Z"
fill="#CDEBD2" />
<path id="Vector_7"
d="M20.1952 34.2208C20.1952 34.7512 20.3839 35.3385 20.764 35.9828C21.144 36.627 21.5036 37.2325 21.848 37.8017C22.1923 38.3709 22.4269 38.8444 22.5519 39.2222C22.6769 39.5999 22.4881 39.7914 21.9831 39.7914H10.225C9.71748 39.7914 9.52874 39.6025 9.65626 39.2222C9.78124 38.8444 10.0159 38.3683 10.3602 37.8017C10.702 37.2325 11.0642 36.627 11.4442 35.9828C11.8242 35.3385 12.013 34.7512 12.013 34.2208V1.76201C10.855 1.95348 9.78124 2.57704 8.78907 3.63786C7.79435 4.69869 6.97307 6.36497 6.32268 8.63928C5.88908 10.1555 5.0933 10.9136 3.9379 10.9136C3.35892 10.9136 2.70853 10.7066 1.98672 10.2874C0.902728 9.64318 0.262537 8.81781 0.0635927 7.8139C-0.135351 6.81 0.127357 5.87336 0.849166 5.00142C2.33104 3.33514 4.03737 2.12166 5.9707 1.36355C7.90403 0.605448 9.91642 0.152656 12.013 0H35.9092L34.3916 5.9691C34.282 6.38567 34.0575 6.73755 33.7132 7.02216C33.3689 7.30678 32.9812 7.44908 32.5476 7.44908H32.3843C31.9864 7.44908 31.66 7.32748 31.4075 7.07909C31.155 6.83328 30.9917 6.5021 30.9203 6.08553C30.8106 5.09974 30.4587 4.31317 29.8644 3.72583C29.2675 3.1385 28.4998 2.84612 27.5612 2.84612H23.7685C22.7917 2.84612 21.9525 3.16955 21.2486 3.81122C20.5446 4.45548 20.1926 5.34554 20.1926 6.48399V18.1376H25.179C25.758 18.1376 26.2706 18.0341 26.7246 17.8245C27.1761 17.6175 27.574 17.3976 27.9157 17.1699C28.2601 16.9422 28.5483 16.7249 28.7829 16.5153C29.0176 16.3083 29.1885 16.2022 29.2982 16.2022C29.515 16.2022 29.6221 16.58 29.6221 17.3381V22.4533C29.6221 22.9087 29.594 23.2218 29.5405 23.39C29.4869 23.5607 29.4053 23.6461 29.2982 23.6461C29.1528 23.6461 28.9717 23.5426 28.7549 23.333C28.5381 23.126 28.2575 22.8984 27.9157 22.65C27.5714 22.4042 27.1761 22.1765 26.7246 21.9669C26.2732 21.7599 25.758 21.6538 25.179 21.6538H20.1926V34.2182L20.1952 34.2208Z"
fill="#CDEBD2" />
<path id="Vector_8"
d="M181.335 27.6902C181.442 29.3254 181.656 30.8261 181.975 32.1923C182.296 33.561 182.715 34.7331 183.23 35.7085C183.745 36.6865 184.334 37.4498 184.995 37.9984C185.653 38.5495 186.375 38.8237 187.16 38.8237C188.229 38.8237 189.173 38.3968 189.994 37.5456C190.813 36.6943 191.471 35.5041 191.971 33.975C192.575 32.1276 193.646 31.2039 195.177 31.2039C195.605 31.2039 196.085 31.2919 196.62 31.4704C197.796 31.8973 198.526 32.5364 198.811 33.3876C199.097 34.2415 198.829 35.0746 198.01 35.8922C196.727 37.2066 195.169 38.2183 193.335 38.9298C191.499 39.6388 189.461 39.9958 187.216 39.9958C184.972 39.9958 183.046 39.6491 181.23 38.9557C179.414 38.2623 177.863 37.2946 176.581 36.0526C175.298 34.8107 174.308 33.2997 173.614 31.5221C172.918 29.7472 172.571 27.7937 172.571 25.6617C172.571 23.5297 172.918 21.5762 173.614 19.8013C174.308 18.0263 175.298 16.5153 176.581 15.2734C177.863 14.0314 179.414 13.0611 181.23 12.3703C183.046 11.6769 185.043 11.3328 187.216 11.3328C189.389 11.3328 191.563 11.6433 193.524 12.2642C195.483 12.8852 196.98 13.9615 198.013 15.4881C198.903 16.8387 199.232 18.2514 199.003 19.7237C198.77 21.1985 198.049 22.5387 196.837 23.747C195.626 24.9553 193.986 25.9515 191.92 26.7303C189.854 27.5117 187.448 27.9024 184.704 27.9024C184.168 27.9024 183.625 27.8843 183.074 27.848C182.521 27.8144 181.942 27.7601 181.337 27.6876L181.335 27.6902ZM181.281 25.9851C181.817 26.0912 182.35 26.1455 182.886 26.1455C184.061 26.1455 185.191 25.9049 186.28 25.4263C187.367 24.9476 188.328 24.2982 189.168 23.4805C190.004 22.6629 190.683 21.7315 191.198 20.6836C191.713 19.6357 191.973 18.5257 191.973 17.3536C191.973 16.5722 191.841 15.8607 191.573 15.2216C191.305 14.5825 190.948 14.0418 190.504 13.5967C190.058 13.1517 189.55 12.8334 188.981 12.6368C188.41 12.4428 187.806 12.3962 187.165 12.5048C185.847 12.7532 184.804 13.4027 184.038 14.4506C183.273 15.4985 182.684 16.7145 182.276 18.1014C181.865 19.4856 181.597 20.8983 181.475 22.3369C181.35 23.7755 181.289 24.9916 181.289 25.9877L181.281 25.9851Z"
fill="#CDEBD2" />
</g>
<defs>
<clipPath id="clip0_4_3374">
<rect width="228" height="53" fill="white" />
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -0,0 +1,33 @@
<svg width="228" height="53" viewBox="0 0 228 53" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="logo 2" clip-path="url(#clip0_4_3365)">
<path id="Vector"
d="M48.1318 34.3475C48.1318 34.865 48.3256 35.4368 48.7133 36.063C49.101 36.6891 49.4708 37.279 49.8228 37.8327C50.1748 38.3864 50.4145 38.847 50.5446 39.217C50.6747 39.587 50.4783 39.7707 49.9631 39.7707H38.5416C38.0239 39.7707 37.83 39.587 37.9601 39.217C38.0902 38.847 38.3299 38.3864 38.6819 37.8327C39.0339 37.279 39.4037 36.6891 39.7914 36.063C40.1791 35.4368 40.3729 34.865 40.3729 34.3475V7.51374C40.4469 6.96004 40.2327 6.42704 39.7353 5.90956C39.2354 5.39467 38.7176 4.91342 38.182 4.47097C37.6464 4.02853 37.2383 3.65077 36.9628 3.3377C36.6848 3.02463 36.7868 2.81246 37.2689 2.7012L47.5757 0.0465444C48.3894 -0.13716 48.7592 0.240598 48.6852 1.17982C48.6113 2.11904 48.4251 3.56798 48.1318 5.52145V34.3449V34.3475Z"
fill="#117564" />
<path id="Vector_2"
d="M54.1025 25.6151C54.1025 23.4883 54.4545 21.54 55.1585 19.7728C55.8624 18.0056 56.8469 16.4998 58.112 15.2552C59.3771 14.0107 60.91 13.0456 62.7183 12.36C64.5241 11.6743 66.511 11.3328 68.679 11.3328C70.847 11.3328 72.8339 11.6769 74.6397 12.36C76.4455 13.0456 77.9809 14.0107 79.246 15.2552C80.5111 16.4998 81.4956 18.0056 82.1996 19.7728C82.9035 21.54 83.2555 23.4883 83.2555 25.6151C83.2555 27.742 82.9035 29.7343 82.1996 31.4833C81.4956 33.2324 80.5111 34.7383 79.246 36.0009C77.9809 37.2635 76.4455 38.2364 74.6397 38.9221C72.8339 39.6077 70.847 39.9492 68.679 39.9492C66.511 39.9492 64.5241 39.6051 62.7183 38.9221C60.9125 38.2364 59.3771 37.2635 58.112 36.0009C56.8469 34.7383 55.8624 33.235 55.1585 31.4833C54.4545 29.7343 54.1025 27.7782 54.1025 25.6151ZM62.7719 25.3978C62.7719 27.3461 62.9147 29.1133 63.2055 30.6993C63.4937 32.2854 63.8916 33.6464 64.3966 34.7822C64.9016 35.9181 65.5163 36.7926 66.2381 37.4058C66.9599 38.0191 67.7557 38.327 68.6229 38.327C69.4901 38.327 70.3394 38.0216 71.0612 37.4058C71.783 36.7926 72.4079 35.9181 72.9308 34.7822C73.4537 33.6464 73.8516 32.2854 74.1219 30.6993C74.3923 29.1133 74.5275 27.3461 74.5275 25.3978C74.5275 23.4495 74.3923 21.7392 74.1219 20.1506C73.8516 18.5645 73.4537 17.201 72.9308 16.0677C72.4079 14.9318 71.783 14.0573 71.0612 13.4441C70.3394 12.8309 69.5258 12.523 68.6229 12.523C67.72 12.523 66.9599 12.8309 66.2381 13.4441C65.5163 14.0573 64.9016 14.9318 64.3966 16.0677C63.8891 17.2035 63.4937 18.5645 63.2055 20.1506C62.9147 21.7366 62.7719 23.4857 62.7719 25.3978Z"
fill="#117564" />
<path id="Vector_3"
d="M121.494 9.42323C120.843 9.75183 120.282 9.91742 119.813 9.91742C118.622 9.91742 117.862 9.05582 117.538 7.33263C117.357 6.48914 116.816 5.8397 115.913 5.38174C115.01 4.92377 113.926 4.69349 112.661 4.69349C111.396 4.69349 110.159 4.94188 108.84 5.43607C107.522 5.93026 106.285 6.65473 105.129 7.60689C104.262 8.30289 103.359 9.27575 102.421 10.5203C101.482 11.7674 100.615 13.1956 99.819 14.8076C99.0232 16.4195 98.3651 18.1712 97.8423 20.0574C97.3168 21.9462 97.0567 23.8608 97.0567 25.8014V34.376C97.0567 34.8883 97.2454 35.4575 97.6255 36.0811C98.0055 36.7046 98.3651 37.2894 98.7095 37.8405C99.0538 38.3916 99.2884 38.8496 99.4134 39.2144C99.5384 39.5818 99.3497 39.7629 98.8446 39.7629H87.6808C87.1733 39.7629 86.9845 39.5792 87.112 39.2144C87.237 38.847 87.4717 38.389 87.816 37.8405C88.1603 37.292 88.52 36.7046 88.9 36.0811C89.28 35.4575 89.4688 34.8909 89.4688 34.376V18.4894C89.5402 17.9383 89.3336 17.4079 88.8464 16.8956C88.3593 16.3833 87.8517 15.9046 87.3288 15.4674C86.8034 15.0275 86.4081 14.6523 86.1377 14.3419C85.8674 14.0314 85.9668 13.8192 86.4362 13.7105L96.516 11.0714C97.3092 10.8877 97.6714 11.2629 97.6 12.1995C97.526 13.1335 97.3475 14.5721 97.0592 16.5153V17.1207C97.9979 14.7015 99.1354 12.5773 100.474 10.7454C101.811 8.91352 103.183 7.46458 104.594 6.40375C105.532 5.70775 106.517 5.11006 107.547 4.61587C108.578 4.12168 109.623 3.71805 110.689 3.40756C111.756 3.09708 112.812 2.8668 113.86 2.71932C114.906 2.57442 115.9 2.49939 116.839 2.49939C118.211 2.49939 119.423 2.63652 120.468 2.91078C121.517 3.18505 122.292 3.58092 122.8 4.09322C123.197 4.49685 123.458 4.94447 123.585 5.44125C123.71 5.93544 123.71 6.42187 123.585 6.89794C123.458 7.37402 123.223 7.83199 122.881 8.27185C122.537 8.7117 122.078 9.09722 121.499 9.42582L121.494 9.42323Z"
fill="#117564" />
<path id="Vector_4"
d="M227.515 30.6243C226.918 29.7213 225.99 29.1598 224.725 28.9451C223.569 28.764 222.72 28.9451 222.179 29.4858C221.639 30.0266 221.455 30.9322 221.639 32.1948C221.891 33.8197 221.817 35.1755 221.422 36.2596C221.024 37.3437 220.193 38.1018 218.93 38.5365C218.795 38.5779 218.655 38.6012 218.514 38.6271C218.402 38.6374 218.287 38.6452 218.172 38.6452C217.053 38.6452 216.158 38.3399 215.489 37.7241C214.821 37.1109 214.306 36.2337 213.946 35.0953C213.584 33.9568 213.349 32.5933 213.242 31.0046C213.135 29.416 213.079 27.6643 213.079 25.7471V13.6071H218.445C219.096 13.6071 219.42 13.2629 219.42 12.5773C219.42 11.9253 219.096 11.6018 218.445 11.6018H213.079V5.42315C213.079 4.44771 213.087 3.60681 213.107 2.90304C213.125 2.19927 213.107 1.61193 213.054 1.14103C213 0.672713 212.883 0.346703 212.702 0.165586C212.52 -0.0155312 212.232 -0.0517546 211.834 0.0569156L202.515 2.65724C202.045 2.80213 201.936 3.02723 202.188 3.33513C202.441 3.64303 202.81 4.00527 203.3 4.41925C203.787 4.83582 204.285 5.29637 204.79 5.80091C205.295 6.30804 205.547 6.83069 205.547 7.37145V11.5992H201.862C201.211 11.5992 200.885 11.9253 200.885 12.5747V12.629C200.885 13.2785 201.211 13.6045 201.862 13.6045H205.547V25.6358C205.547 30.2621 206.386 33.8094 208.067 36.2855C209.748 38.759 212.446 39.9984 216.168 39.9984C216.344 39.9984 216.504 39.9829 216.675 39.9777C217.344 40.0165 218.042 39.9699 218.769 39.8354C221.044 39.4007 222.906 38.6348 224.35 37.5326C225.794 36.4304 226.898 35.1031 227.655 33.5506C228.161 32.5027 228.117 31.5273 227.52 30.6243H227.515Z"
fill="#117564" />
<path id="Vector_5"
d="M159.436 25.2865C159.436 23.3434 159.362 21.5865 159.219 20.0082C159.074 18.4325 158.803 17.0948 158.405 15.9952C158.008 14.8956 157.457 14.0443 156.753 13.4389C156.049 12.8334 155.136 12.5307 154.016 12.5307C153.149 12.5307 152.317 12.8412 151.524 13.4647C150.728 14.0883 150.014 14.9758 149.384 16.1298C148.752 17.2837 148.254 18.668 147.895 20.2799C147.532 21.8919 147.354 23.6694 147.354 25.6125V34.1871C147.354 34.6994 147.543 35.2686 147.923 35.8922C148.303 36.5158 148.662 37.1005 149.007 37.6516C149.351 38.2027 149.586 38.6607 149.711 39.0255C149.836 39.3929 149.647 39.5741 149.142 39.5741H137.978C137.47 39.5741 137.282 39.3903 137.409 39.0255C137.534 38.6581 137.769 38.2002 138.113 37.6516C138.457 37.1031 138.817 36.5158 139.197 35.8922C139.577 35.2686 139.766 34.702 139.766 34.1871V18.3006C139.837 17.7495 139.631 17.219 139.144 16.7067C138.656 16.1944 138.149 15.7158 137.626 15.2785C137.101 14.8386 136.705 14.4635 136.435 14.153C136.164 13.8425 136.264 13.6303 136.733 13.5217L146.813 10.8825C147.571 10.6988 147.933 11.0378 147.897 11.8994C147.861 12.761 147.698 14.0909 147.41 15.8865C148.711 13.2112 150.733 11.6898 153.48 11.325C155.791 10.9938 157.816 11.1594 159.551 11.8192C161.285 12.479 162.721 13.4777 163.859 14.8154C164.996 16.153 165.853 17.765 166.432 19.6538C167.008 21.5426 167.299 23.5659 167.299 25.729V32.2155C167.299 35.9905 167.345 39.0695 167.434 41.4525C167.524 43.8329 167.659 45.7036 167.84 47.0594C168.021 48.4151 168.263 49.3777 168.572 49.9469C168.878 50.5135 169.266 50.9094 169.738 51.1293C170.278 51.3855 170.829 51.3674 171.39 51.075C171.949 50.78 172.492 50.3143 173.015 49.6726C173.538 49.0309 174.007 48.2599 174.423 47.3647C174.839 46.4668 175.191 45.5406 175.479 44.5884C175.912 43.1214 176.706 42.3891 177.864 42.3891C178.44 42.3891 179.09 42.5909 179.815 42.9946C180.899 43.6181 181.539 44.4151 181.738 45.3853C181.937 46.3556 181.674 47.2638 180.952 48.1072C180.231 48.9119 179.363 49.6364 178.351 50.2781C177.338 50.9197 176.293 51.4605 175.209 51.9004C174.125 52.3402 173.058 52.6507 172.013 52.8344C170.964 53.0181 170.008 53.0543 169.141 52.9457C167.769 52.762 166.567 52.2031 165.537 51.269C164.506 50.335 163.632 49.1603 162.91 47.7502C162.188 46.3401 161.591 44.7462 161.122 42.9687C160.652 41.1912 160.29 39.3489 160.038 37.4446C159.785 35.5403 159.612 33.6153 159.523 31.6722C159.431 29.7316 159.405 27.8972 159.441 26.1766V25.2969L159.436 25.2865Z"
fill="#117564" />
<path id="Vector_6"
d="M133.871 38.935C133.744 38.565 133.507 38.1044 133.157 37.5507L132.032 35.8094C131.905 35.6102 131.777 35.411 131.645 35.2014C131.265 34.6011 131.076 34.0526 131.076 33.5584V25.3978C131.076 23.3124 130.877 21.4236 130.479 19.7262C130.081 18.0315 129.403 16.5722 128.446 15.3536C127.49 14.1349 126.232 13.1905 124.679 12.5178C123.126 11.8477 121.175 11.5113 118.826 11.5113C117.923 11.5113 116.984 11.563 116.007 11.6691C115.033 11.7752 114.084 11.9511 113.161 12.1995C112.24 12.4479 111.38 12.7662 110.587 13.1543C109.791 13.5424 109.105 14.0211 108.529 14.5851C107.733 15.3975 107.453 16.298 107.69 17.2889C107.924 18.2773 108.618 19.0742 109.776 19.6745L109.83 19.7262C110.48 20.0445 111.039 20.2023 111.511 20.2023C112.702 20.2023 113.462 19.3718 113.786 17.7107C114.074 16.122 114.571 14.8852 115.275 14.0004C115.979 13.1181 117.017 12.6756 118.392 12.6756C119.981 12.6756 121.129 13.2681 121.833 14.4506C122.537 15.6356 122.998 17.2682 123.215 19.3537C122.853 19.6719 122.366 19.9643 121.751 20.2282C121.136 20.4921 120.216 20.8207 118.986 21.2088C117.145 21.7754 115.428 22.3033 113.839 22.7975C112.25 23.2917 110.84 23.8661 109.613 24.5207C108.384 25.1753 107.391 25.9437 106.631 26.826C105.874 27.7083 105.384 28.8054 105.167 30.112C104.95 31.5946 105.086 32.984 105.573 34.2725C106.06 35.5636 106.828 36.6581 107.876 37.5585C108.924 38.4589 110.205 39.1213 111.722 39.5456C113.24 39.9699 114.918 40.0579 116.762 39.8095C118.568 39.5611 120.04 39.0152 121.177 38.1665C122.315 37.3179 123.246 36.1535 123.967 34.6684C124.126 35.0953 124.151 35.442 124.378 35.8068C124.863 36.8392 125.738 37.7189 126.671 38.3502C127.786 39.1083 129.15 39.4861 130.76 39.4861H133.285C133.797 39.4861 133.989 39.3024 133.861 38.9324L133.871 38.935ZM121.756 35.4394C120.744 36.8703 119.443 37.781 117.854 38.1691C117.203 38.3451 116.581 38.327 115.984 38.1148C115.387 37.9026 114.89 37.4628 114.495 36.79C114.097 36.1199 113.837 35.2195 113.709 34.0888C113.582 32.9581 113.645 31.5635 113.898 29.9024C114.079 28.808 114.331 27.8713 114.655 27.0951C114.979 26.3189 115.367 25.6462 115.821 25.0821C116.272 24.5181 116.777 24.0498 117.339 23.6772C117.897 23.3072 118.468 22.9967 119.045 22.7509C119.767 22.399 120.517 22.0808 121.295 21.7961C122.07 21.5141 122.766 21.1959 123.381 20.844C123.417 21.5503 123.442 22.2671 123.462 22.9889C123.48 23.7134 123.491 24.4819 123.491 25.2943L123.544 30.275C123.363 32.288 122.766 34.0112 121.756 35.442V35.4394Z"
fill="#117564" />
<path id="Vector_7"
d="M20.1952 34.2208C20.1952 34.7512 20.3839 35.3385 20.764 35.9828C21.144 36.627 21.5036 37.2325 21.848 37.8017C22.1923 38.3709 22.4269 38.8444 22.5519 39.2222C22.6769 39.5999 22.4881 39.7914 21.9831 39.7914H10.225C9.71748 39.7914 9.52874 39.6025 9.65626 39.2222C9.78124 38.8444 10.0159 38.3683 10.3602 37.8017C10.702 37.2325 11.0642 36.627 11.4442 35.9828C11.8242 35.3385 12.013 34.7512 12.013 34.2208V1.76201C10.855 1.95348 9.78124 2.57704 8.78907 3.63786C7.79435 4.69869 6.97307 6.36497 6.32268 8.63928C5.88908 10.1555 5.0933 10.9136 3.9379 10.9136C3.35892 10.9136 2.70853 10.7066 1.98672 10.2874C0.902728 9.64318 0.262537 8.81781 0.0635927 7.8139C-0.135351 6.81 0.127357 5.87336 0.849166 5.00142C2.33104 3.33514 4.03737 2.12166 5.9707 1.36355C7.90403 0.605448 9.91642 0.152656 12.013 0H35.9092L34.3916 5.9691C34.282 6.38567 34.0575 6.73755 33.7132 7.02216C33.3689 7.30678 32.9812 7.44908 32.5476 7.44908H32.3843C31.9864 7.44908 31.66 7.32748 31.4075 7.07909C31.155 6.83328 30.9917 6.5021 30.9203 6.08553C30.8106 5.09974 30.4587 4.31317 29.8644 3.72583C29.2675 3.1385 28.4998 2.84612 27.5612 2.84612H23.7685C22.7917 2.84612 21.9525 3.16955 21.2486 3.81122C20.5446 4.45548 20.1926 5.34554 20.1926 6.48399V18.1376H25.179C25.758 18.1376 26.2706 18.0341 26.7246 17.8245C27.1761 17.6175 27.574 17.3976 27.9157 17.1699C28.2601 16.9422 28.5483 16.7249 28.7829 16.5153C29.0176 16.3083 29.1885 16.2022 29.2982 16.2022C29.515 16.2022 29.6221 16.58 29.6221 17.3381V22.4533C29.6221 22.9087 29.594 23.2218 29.5405 23.39C29.4869 23.5607 29.4053 23.6461 29.2982 23.6461C29.1528 23.6461 28.9717 23.5426 28.7549 23.333C28.5381 23.126 28.2575 22.8984 27.9157 22.65C27.5714 22.4042 27.1761 22.1765 26.7246 21.9669C26.2732 21.7599 25.758 21.6538 25.179 21.6538H20.1926V34.2182L20.1952 34.2208Z"
fill="#117564" />
<path id="Vector_8"
d="M181.335 27.6902C181.442 29.3254 181.656 30.8261 181.975 32.1923C182.296 33.561 182.715 34.7331 183.23 35.7085C183.745 36.6865 184.334 37.4498 184.995 37.9984C185.653 38.5495 186.375 38.8237 187.16 38.8237C188.229 38.8237 189.173 38.3968 189.994 37.5456C190.813 36.6943 191.471 35.5041 191.971 33.975C192.575 32.1276 193.646 31.2039 195.177 31.2039C195.605 31.2039 196.085 31.2919 196.62 31.4704C197.796 31.8973 198.526 32.5364 198.811 33.3876C199.097 34.2415 198.829 35.0746 198.01 35.8922C196.727 37.2066 195.169 38.2183 193.335 38.9298C191.499 39.6388 189.461 39.9958 187.216 39.9958C184.972 39.9958 183.046 39.6491 181.23 38.9557C179.414 38.2623 177.863 37.2946 176.581 36.0526C175.298 34.8107 174.308 33.2997 173.614 31.5221C172.918 29.7472 172.571 27.7937 172.571 25.6617C172.571 23.5297 172.918 21.5762 173.614 19.8013C174.308 18.0263 175.298 16.5153 176.581 15.2734C177.863 14.0314 179.414 13.0611 181.23 12.3703C183.046 11.6769 185.043 11.3328 187.216 11.3328C189.389 11.3328 191.563 11.6433 193.524 12.2642C195.483 12.8852 196.98 13.9615 198.013 15.4881C198.903 16.8387 199.232 18.2514 199.003 19.7237C198.77 21.1985 198.049 22.5387 196.837 23.747C195.626 24.9553 193.986 25.9515 191.92 26.7303C189.854 27.5117 187.448 27.9024 184.704 27.9024C184.168 27.9024 183.625 27.8843 183.074 27.848C182.521 27.8144 181.942 27.7601 181.337 27.6876L181.335 27.6902ZM181.281 25.9851C181.817 26.0912 182.35 26.1455 182.886 26.1455C184.061 26.1455 185.191 25.9049 186.28 25.4263C187.367 24.9476 188.328 24.2982 189.168 23.4805C190.004 22.6629 190.683 21.7315 191.198 20.6836C191.713 19.6357 191.973 18.5257 191.973 17.3536C191.973 16.5722 191.841 15.8607 191.573 15.2216C191.305 14.5825 190.948 14.0418 190.504 13.5967C190.058 13.1517 189.55 12.8334 188.981 12.6368C188.41 12.4428 187.806 12.3962 187.165 12.5048C185.847 12.7532 184.804 13.4027 184.038 14.4506C183.273 15.4985 182.684 16.7145 182.276 18.1014C181.865 19.4856 181.597 20.8983 181.475 22.3369C181.35 23.7755 181.289 24.9916 181.289 25.9877L181.281 25.9851Z"
fill="#117564" />
</g>
<defs>
<clipPath id="clip0_4_3365">
<rect width="228" height="53" fill="white" />
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 15 KiB

BIN
public/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 859 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.4 KiB

200
quasar.config.js Normal file
View File

@ -0,0 +1,200 @@
/* eslint-env node */
/*
* This file runs in a Node context (it's NOT transpiled by Babel), so use only
* the ES6 features that are supported by your Node version. https://node.green/
*/
// Configuration for your app
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-js
const { configure } = require('quasar/wrappers');
module.exports = configure(function (/* ctx */) {
return {
eslint: {
// fix: true,
// include: [],
// exclude: [],
// rawOptions: {},
warnings: true,
errors: true,
},
// https://v2.quasar.dev/quasar-cli-vite/prefetch-feature
// preFetch: true,
// app boot file (/src/boot)
// --> boot files are part of "main.js"
// https://v2.quasar.dev/quasar-cli-vite/boot-files
boot: ['axios'],
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#css
css: ['app.scss'],
// https://github.com/quasarframework/quasar/tree/dev/extras
extras: [
// 'ionicons-v4',
// 'mdi-v5',
// 'fontawesome-v6',
// 'eva-icons',
// 'themify',
// 'line-awesome',
// 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!
'roboto-font', // optional, you are not bound to it
'material-icons', // optional, you are not bound to it
],
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#build
build: {
target: {
browser: ['es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1'],
node: 'node16',
},
vueRouterMode: 'hash', // available values: 'hash', 'history'
// vueRouterBase,
// vueDevtools,
// vueOptionsAPI: false,
// rebuildCache: true, // rebuilds Vite/linter/etc cache on startup
// publicPath: '/',
// analyze: true,
// env: {},
// rawDefine: {}
// ignorePublicFolder: true,
// minify: false,
// polyfillModulePreload: true,
// distDir
// extendViteConf (viteConf) {},
// viteVuePluginOptions: {},
// vitePlugins: [
// [ 'package-name', { ..options.. } ]
// ]
},
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#devServer
devServer: {
// https: true
open: true, // opens browser window automatically
},
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#framework
framework: {
config: {},
// iconSet: 'material-icons', // Quasar icon set
// lang: 'en-US', // Quasar language pack
// For special cases outside of where the auto-import strategy can have an impact
// (like functional components as one of the examples),
// you can manually specify Quasar components/directives to be available everywhere:
//
// components: [],
// directives: [],
// Quasar plugins
plugins: [],
},
// animations: 'all', // --- includes all animations
// https://v2.quasar.dev/options/animations
animations: [],
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#sourcefiles
// sourceFiles: {
// rootComponent: 'src/App.vue',
// router: 'src/router/index',
// store: 'src/store/index',
// registerServiceWorker: 'src-pwa/register-service-worker',
// serviceWorker: 'src-pwa/custom-service-worker',
// pwaManifestFile: 'src-pwa/manifest.json',
// electronMain: 'src-electron/electron-main',
// electronPreload: 'src-electron/electron-preload'
// },
// https://v2.quasar.dev/quasar-cli-vite/developing-ssr/configuring-ssr
ssr: {
// ssrPwaHtmlFilename: 'offline.html', // do NOT use index.html as name!
// will mess up SSR
// extendSSRWebserverConf (esbuildConf) {},
// extendPackageJson (json) {},
pwa: false,
// manualStoreHydration: true,
// manualPostHydrationTrigger: true,
prodPort: 3000, // The default port that the production server should use
// (gets superseded if process.env.PORT is specified at runtime)
middlewares: [
'render', // keep this as last one
],
},
// https://v2.quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa
pwa: {
workboxMode: 'generateSW', // or 'injectManifest'
injectPwaMetaTags: true,
swFilename: 'sw.js',
manifestFilename: 'manifest.json',
useCredentialsForManifestTag: false,
// useFilenameHashes: true,
// extendGenerateSWOptions (cfg) {}
// extendInjectManifestOptions (cfg) {},
// extendManifestJson (json) {}
// extendPWACustomSWConf (esbuildConf) {}
},
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-cordova-apps/configuring-cordova
cordova: {
// noIosLegacyBuildFlag: true, // uncomment only if you know what you are doing
},
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-capacitor-apps/configuring-capacitor
capacitor: {
hideSplashscreen: true,
},
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-electron-apps/configuring-electron
electron: {
// extendElectronMainConf (esbuildConf)
// extendElectronPreloadConf (esbuildConf)
inspectPort: 5858,
bundler: 'packager', // 'packager' or 'builder'
packager: {
// https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#options
// OS X / Mac App Store
// appBundleId: '',
// appCategoryType: '',
// osxSign: '',
// protocol: 'myapp://path',
// Windows only
// win32metadata: { ... }
},
builder: {
// https://www.electron.build/configuration/configuration
appId: 'floranet',
},
},
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-browser-extensions/configuring-bex
bex: {
contentScripts: ['my-content-script'],
// extendBexScriptsConf (esbuildConf) {}
// extendBexManifestJson (json) {}
},
};
});

View File

@ -0,0 +1,59 @@
import { RenderError } from '@quasar/app-vite';
import { ssrMiddleware } from 'quasar/wrappers';
// This middleware should execute as last one
// since it captures everything and tries to
// render the page with Vue
export default ssrMiddleware(({ app, resolve, render, serve }) => {
// we capture any other Express route and hand it
// over to Vue and Vue Router to render our page
app.get(resolve.urlPath('*'), (req, res) => {
res.setHeader('Content-Type', 'text/html');
render(/* the ssrContext: */ { req, res })
.then((html) => {
// now let's send the rendered html to the client
res.send(html);
})
.catch((err: RenderError) => {
// oops, we had an error while rendering the page
// we were told to redirect to another URL
if (err.url) {
if (err.code) {
res.redirect(err.code, err.url);
} else {
res.redirect(err.url);
}
} else if (err.code === 404) {
// hmm, Vue Router could not find the requested route
// Should reach here only if no "catch-all" route
// is defined in /src/routes
res.status(404).send('404 | Page Not Found');
} else if (process.env.DEV) {
// well, we treat any other code as error;
// if we're in dev mode, then we can use Quasar CLI
// to display a nice error page that contains the stack
// and other useful information
// serve.error is available on dev only
serve.error({ err, req, res });
} else {
// we're in production, so we should have another method
// to display something to the client when we encounter an error
// (for security reasons, it's not ok to display the same wealth
// of information as we do in development)
// Render Error Page on production or
// create a route (/src/routes) for an error page and redirect to it
res.status(500).send('500 | Internal Server Error');
if (process.env.DEBUGGING) {
console.error(err.stack);
}
}
});
});
});

134
src-ssr/server.ts Normal file
View File

@ -0,0 +1,134 @@
/**
* More info about this file:
* https://v2.quasar.dev/quasar-cli-vite/developing-ssr/ssr-webserver
*
* Runs in Node context.
*/
/**
* Make sure to yarn add / npm install (in your project root)
* anything you import here (except for express and compression).
*/
import express from 'express';
import compression from 'compression';
import {
ssrClose,
ssrCreate,
ssrListen,
ssrRenderPreloadTag,
ssrServeStaticContent,
} from 'quasar/wrappers';
/**
* Create your webserver and return its instance.
* If needed, prepare your webserver to receive
* connect-like middlewares.
*
* Should NOT be async!
*/
export const create = ssrCreate((/* { ... } */) => {
const app = express();
// attackers can use this header to detect apps running Express
// and then launch specifically-targeted attacks
app.disable('x-powered-by');
// place here any middlewares that
// absolutely need to run before anything else
if (process.env.PROD) {
app.use(compression());
}
return app;
});
/**
* You need to make the server listen to the indicated port
* and return the listening instance or whatever you need to
* close the server with.
*
* The "listenResult" param for the "close()" definition below
* is what you return here.
*
* For production, you can instead export your
* handler for serverless use or whatever else fits your needs.
*/
export const listen = ssrListen(async ({ app, port, isReady }) => {
await isReady();
return app.listen(port, () => {
if (process.env.PROD) {
console.log('Server listening at port ' + port);
}
});
});
/**
* Should close the server and free up any resources.
* Will be used on development only when the server needs
* to be rebooted.
*
* Should you need the result of the "listen()" call above,
* you can use the "listenResult" param.
*
* Can be async.
*/
export const close = ssrClose(({ listenResult }) => {
return listenResult.close();
});
const maxAge = process.env.DEV ? 0 : 1000 * 60 * 60 * 24 * 30;
/**
* Should return middleware that serves the indicated path
* with static content.
*/
export const serveStaticContent = ssrServeStaticContent((path, opts) => {
return express.static(path, {
maxAge,
...opts,
});
});
const jsRE = /\.js$/;
const cssRE = /\.css$/;
const woffRE = /\.woff$/;
const woff2RE = /\.woff2$/;
const gifRE = /\.gif$/;
const jpgRE = /\.jpe?g$/;
const pngRE = /\.png$/;
/**
* Should return a String with HTML output
* (if any) for preloading indicated file
*/
export const renderPreloadTag = ssrRenderPreloadTag((file) => {
if (jsRE.test(file) === true) {
return `<link rel="modulepreload" href="${file}" crossorigin>`;
}
if (cssRE.test(file) === true) {
return `<link rel="stylesheet" href="${file}">`;
}
if (woffRE.test(file) === true) {
return `<link rel="preload" href="${file}" as="font" type="font/woff" crossorigin>`;
}
if (woff2RE.test(file) === true) {
return `<link rel="preload" href="${file}" as="font" type="font/woff2" crossorigin>`;
}
if (gifRE.test(file) === true) {
return `<link rel="preload" href="${file}" as="image" type="image/gif">`;
}
if (jpgRE.test(file) === true) {
return `<link rel="preload" href="${file}" as="image" type="image/jpeg">`;
}
if (pngRE.test(file) === true) {
return `<link rel="preload" href="${file}" as="image" type="image/png">`;
}
return '';
});

10
src-ssr/ssr-flag.d.ts vendored Normal file
View File

@ -0,0 +1,10 @@
/* eslint-disable */
// THIS FEATURE-FLAG FILE IS AUTOGENERATED,
// REMOVAL OR CHANGES WILL CAUSE RELATED TYPES TO STOP WORKING
import "quasar/dist/types/feature-flag";
declare module "quasar/dist/types/feature-flag" {
interface QuasarFeatureFlags {
ssr: true;
}
}

11
src/App.vue Normal file
View File

@ -0,0 +1,11 @@
<template>
<router-view />
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
name: 'App'
});
</script>

View File

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 356 360">
<path
d="M43.4 303.4c0 3.8-2.3 6.3-7.1 6.3h-15v-22h14.4c4.3 0 6.2 2.2 6.2 5.2 0 2.6-1.5 4.4-3.4 5 2.8.4 4.9 2.5 4.9 5.5zm-8-13H24.1v6.9H35c2.1 0 4-1.3 4-3.8 0-2.2-1.3-3.1-3.7-3.1zm5.1 12.6c0-2.3-1.8-3.7-4-3.7H24.2v7.7h11.7c3.4 0 4.6-1.8 4.6-4zm36.3 4v2.7H56v-22h20.6v2.7H58.9v6.8h14.6v2.3H58.9v7.5h17.9zm23-5.8v8.5H97v-8.5l-11-13.4h3.4l8.9 11 8.8-11h3.4l-10.8 13.4zm19.1-1.8V298c0-7.9 5.2-10.7 12.7-10.7 7.5 0 13 2.8 13 10.7v1.4c0 7.9-5.5 10.8-13 10.8s-12.7-3-12.7-10.8zm22.7 0V298c0-5.7-3.9-8-10-8-6 0-9.8 2.3-9.8 8v1.4c0 5.8 3.8 8.1 9.8 8.1 6 0 10-2.3 10-8.1zm37.2-11.6v21.9h-2.9l-15.8-17.9v17.9h-2.8v-22h3l15.6 18v-18h2.9zm37.9 10.2v1.3c0 7.8-5.2 10.4-12.4 10.4H193v-22h11.2c7.2 0 12.4 2.8 12.4 10.3zm-3 0c0-5.3-3.3-7.6-9.4-7.6h-8.4V307h8.4c6 0 9.5-2 9.5-7.7V298zm50.8-7.6h-9.7v19.3h-3v-19.3h-9.7v-2.6h22.4v2.6zm34.4-2.6v21.9h-3v-10.1h-16.8v10h-2.8v-21.8h2.8v9.2H296v-9.2h2.9zm34.9 19.2v2.7h-20.7v-22h20.6v2.7H316v6.8h14.5v2.3H316v7.5h17.8zM24 340.2v7.3h13.9v2.4h-14v9.6H21v-22h20v2.7H24zm41.5 11.4h-9.8v7.9H53v-22h13.3c5.1 0 8 1.9 8 6.8 0 3.7-2 6.3-5.6 7l6 8.2h-3.3l-5.8-8zm-9.8-2.6H66c3.1 0 5.3-1.5 5.3-4.7 0-3.3-2.2-4.1-5.3-4.1H55.7v8.8zm47.9 6.2H89l-2 4.3h-3.2l10.7-22.2H98l10.7 22.2h-3.2l-2-4.3zm-1-2.3l-6.3-13-6 13h12.2zm46.3-15.3v21.9H146v-17.2L135.7 358h-2.1l-10.2-15.6v17h-2.8v-21.8h3l11 16.9 11.3-17h3zm35 19.3v2.6h-20.7v-22h20.6v2.7H166v6.8h14.5v2.3H166v7.6h17.8zm47-19.3l-8.3 22h-3l-7.1-18.6-7 18.6h-3l-8.2-22h3.3L204 356l6.8-18.5h3.4L221 356l6.6-18.5h3.3zm10 11.6v-1.4c0-7.8 5.2-10.7 12.7-10.7 7.6 0 13 2.9 13 10.7v1.4c0 7.9-5.4 10.8-13 10.8-7.5 0-12.7-3-12.7-10.8zm22.8 0v-1.4c0-5.7-4-8-10-8s-9.9 2.3-9.9 8v1.4c0 5.8 3.8 8.2 9.8 8.2 6.1 0 10-2.4 10-8.2zm28.3 2.4h-9.8v7.9h-2.8v-22h13.2c5.2 0 8 1.9 8 6.8 0 3.7-2 6.3-5.6 7l6 8.2h-3.3l-5.8-8zm-9.8-2.6h10.2c3 0 5.2-1.5 5.2-4.7 0-3.3-2.1-4.1-5.2-4.1h-10.2v8.8zm40.3-1.5l-6.8 5.6v6.4h-2.9v-22h2.9v12.3l15.2-12.2h3.7l-9.9 8.1 10.3 13.8h-3.6l-8.9-12z" />
<path fill="#050A14"
d="M188.4 71.7a10.4 10.4 0 01-20.8 0 10.4 10.4 0 1120.8 0zM224.2 45c-2.2-3.9-5-7.5-8.2-10.7l-12 7c-3.7-3.2-8-5.7-12.6-7.3a49.4 49.4 0 00-9.7 13.9 59 59 0 0140.1 14l7.6-4.4a57 57 0 00-5.2-12.5zM178 125.1c4.5 0 9-.6 13.4-1.7v-14a40 40 0 0012.5-7.2 47.7 47.7 0 00-7.1-15.3 59 59 0 01-32.2 27.7v8.7c4.4 1.2 8.9 1.8 13.4 1.8zM131.8 45c-2.3 4-4 8.1-5.2 12.5l12 7a40 40 0 000 14.4c5.7 1.5 11.3 2 16.9 1.5a59 59 0 01-8-41.7l-7.5-4.3c-3.2 3.2-6 6.7-8.2 10.6z" />
<path fill="#00B4FF"
d="M224.2 98.4c2.3-3.9 4-8 5.2-12.4l-12-7a40 40 0 000-14.5c-5.7-1.5-11.3-2-16.9-1.5a59 59 0 018 41.7l7.5 4.4c3.2-3.2 6-6.8 8.2-10.7zm-92.4 0c2.2 4 5 7.5 8.2 10.7l12-7a40 40 0 0012.6 7.3c4-4.1 7.3-8.8 9.7-13.8a59 59 0 01-40-14l-7.7 4.4c1.2 4.3 3 8.5 5.2 12.4zm46.2-80c-4.5 0-9 .5-13.4 1.7V34a40 40 0 00-12.5 7.2c1.5 5.7 4 10.8 7.1 15.4a59 59 0 0132.2-27.7V20a53.3 53.3 0 00-13.4-1.8z" />
<path fill="#00B4FF"
d="M178 9.2a62.6 62.6 0 11-.1 125.2A62.6 62.6 0 01178 9.2m0-9.2a71.7 71.7 0 100 143.5A71.7 71.7 0 00178 0z" />
<path fill="#050A14"
d="M96.6 212v4.3c-9.2-.8-15.4-5.8-15.4-17.8V180h4.6v18.4c0 8.6 4 12.6 10.8 13.5zm16-31.9v18.4c0 8.9-4.3 12.8-10.9 13.5v4.4c9.2-.7 15.5-5.6 15.5-18v-18.3h-4.7zM62.2 199v-2.2c0-12.7-8.8-17.4-21-17.4-12.1 0-20.7 4.7-20.7 17.4v2.2c0 12.8 8.6 17.6 20.7 17.6 1.5 0 3-.1 4.4-.3l11.8 6.2 2-3.3-8.2-4-6.4-3.1a32 32 0 01-3.6.2c-9.8 0-16-3.9-16-13.3v-2.2c0-9.3 6.2-13.1 16-13.1 9.9 0 16.3 3.8 16.3 13.1v2.2c0 5.3-2.1 8.7-5.6 10.8l4.8 2.4c3.4-2.8 5.5-7 5.5-13.2zM168 215.6h5.1L156 179.7h-4.8l17 36zM143 205l7.4-15.7-2.4-5-15.1 31.4h5.1l3.3-7h18.3l-1.8-3.7H143zm133.7 10.7h5.2l-17.3-35.9h-4.8l17 36zm-25-10.7l7.4-15.7-2.4-5-15.1 31.4h5.1l3.3-7h18.3l-1.7-3.7h-14.8zm73.8-2.5c6-1.2 9-5.4 9-11.4 0-8-4.5-10.9-12.9-10.9h-21.4v35.5h4.6v-31.3h16.5c5 0 8.5 1.4 8.5 6.7 0 5.2-3.5 7.7-8.5 7.7h-11.4v4.1h10.7l9.3 12.8h5.5l-9.9-13.2zm-117.4 9.9c-9.7 0-14.7-2.5-18.6-6.3l-2.2 3.8c5.1 5 11 6.7 21 6.7 1.6 0 3.1-.1 4.6-.3l-1.9-4h-3zm18.4-7c0-6.4-4.7-8.6-13.8-9.4l-10.1-1c-6.7-.7-9.3-2.2-9.3-5.6 0-2.5 1.4-4 4.6-5l-1.8-3.8c-4.7 1.4-7.5 4.2-7.5 8.9 0 5.2 3.4 8.7 13 9.6l11.3 1.2c6.4.6 8.9 2 8.9 5.4 0 2.7-2.1 4.7-6 5.8l1.8 3.9c5.3-1.6 8.9-4.7 8.9-10zm-20.3-21.9c7.9 0 13.3 1.8 18.1 5.7l1.8-3.9a30 30 0 00-19.6-5.9c-2 0-4 .1-5.7.3l1.9 4 3.5-.2z" />
<path fill="#00B4FF"
d="M.5 251.9c29.6-.5 59.2-.8 88.8-1l88.7-.3 88.7.3 44.4.4 44.4.6-44.4.6-44.4.4-88.7.3-88.7-.3a7981 7981 0 01-88.8-1z" />
<path fill="none" d="M-565.2 324H-252v15.8h-313.2z" />
</svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

0
src/boot/.gitkeep Normal file
View File

31
src/boot/axios.ts Normal file
View File

@ -0,0 +1,31 @@
import { boot } from 'quasar/wrappers';
import axios, { AxiosInstance } from 'axios';
declare module '@vue/runtime-core' {
interface ComponentCustomProperties {
$axios: AxiosInstance;
$api: AxiosInstance;
}
}
// Be careful when using SSR for cross-request state pollution
// due to creating a Singleton instance here;
// If any client changes this (global) instance, it might be a
// good idea to move this instance creation inside of the
// "export default () => {}" function below (which runs individually
// for each client)
const api = axios.create({ baseURL: 'https://api.example.com' });
export default boot(({ app }) => {
// for use inside Vue files (Options API) through this.$axios and this.$api
app.config.globalProperties.$axios = axios;
// ^ ^ ^ this will allow you to use this.$axios (for Vue Options API form)
// so you won't necessarily have to import axios in each vue file
app.config.globalProperties.$api = api;
// ^ ^ ^ this will allow you to use this.$api (for Vue Options API form)
// so you can easily perform requests against your app's API
});
export { api };

View File

@ -0,0 +1,22 @@
<template>
<div class="custom-input-el">
<IconCalendar />
<div class="custom-block-content">
<p class="custom-head-paragraph">¿Cuándo?</p>
<p class="custom-main-paragraph">Elige una fecha</p>
</div>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import IconCalendar from '../icons/IconCalendar.vue';
export default defineComponent({
name: 'calendar-input',
components: { IconCalendar },
});
</script>
<style lang="scss" scoped></style>

View File

@ -0,0 +1,22 @@
<template>
<div class="custom-input-el">
<IconPostalCode />
<div class="custom-block-content">
<p class="custom-head-paragraph">¿Dónde?</p>
<p class="custom-main-paragraph">código postal</p>
</div>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import IconPostalCode from '../icons/IconPostalCode.vue';
export default defineComponent({
name: 'postal-code',
components: { IconPostalCode },
});
</script>
<style lang="scss" scoped></style>

View File

@ -0,0 +1,58 @@
<template>
<div class="range-container">
<p class="filter-item-paragraph">Precio</p>
<q-range
v-model="rangePriceStore.rangeValue"
@change="rangePriceStore.handlePriceRange"
:min="0"
:max="200"
color="primary"
/>
<div class="range-price-content">
<p class="filter-item-paragraph min-price">
Desde:
<span class="green-text">{{ rangePriceStore.rangeValue.min }}</span>
</p>
<p class="filter-item-paragraph max-price">
Hasta:
<span class="green-text">{{ rangePriceStore.rangeValue.max }}</span>
</p>
</div>
</div>
</template>
<script lang="ts">
import { useRangePriceStore } from 'src/stores/rangePrice';
import { defineComponent } from 'vue';
export default defineComponent({
name: 'range-component',
components: {},
setup() {
const rangePriceStore = useRangePriceStore();
const handleChange = (e: Event) => {
console.log(e);
};
return { rangePriceStore, handleChange };
},
});
</script>
<style lang="scss" scoped>
.range-container {
display: flex;
flex-direction: column;
gap: 6px;
& .range-price-content {
display: flex;
justify-content: space-between;
text-align: center;
gap: 25px;
}
}
</style>

View File

@ -0,0 +1,64 @@
<template>
<div>
<p>{{ title }}</p>
<ul>
<li v-for="todo in todos" :key="todo.id" @click="increment">
{{ todo.id }} - {{ todo.content }}
</li>
</ul>
<p>Count: {{ todoCount }} / {{ meta.totalCount }}</p>
<p>Active: {{ active ? 'yes' : 'no' }}</p>
<p>Clicks on todos: {{ clickCount }}</p>
</div>
</template>
<script lang="ts">
import {
defineComponent,
PropType,
computed,
ref,
toRef,
Ref,
} from 'vue';
import { Todo, Meta } from './models';
function useClickCount() {
const clickCount = ref(0);
function increment() {
clickCount.value += 1
return clickCount.value;
}
return { clickCount, increment };
}
function useDisplayTodo(todos: Ref<Todo[]>) {
const todoCount = computed(() => todos.value.length);
return { todoCount };
}
export default defineComponent({
name: 'ExampleComponent',
props: {
title: {
type: String,
required: true
},
todos: {
type: Array as PropType<Todo[]>,
default: () => []
},
meta: {
type: Object as PropType<Meta>,
required: true
},
active: {
type: Boolean
}
},
setup (props) {
return { ...useClickCount(), ...useDisplayTodo(toRef(props, 'todos')) };
},
});
</script>

View File

@ -0,0 +1,181 @@
<template>
<q-footer class="custom-q-footer" elevated>
<container class="footer-container">
<LogoWhite />
<div class="footer-body">
<ul class="footer-list footer-primary">
<li class="footer-list-item">
<p class="footer-list-content">
Contáctanos <br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua
<br /><br />
Horario: 9 a 14h. y de 15 a 18h.
</p>
</li>
<li class="footer-list-item">
<p class="footer-list-content">
Lorem ipsum dolor sit amet,<br />
consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua
</p>
</li>
</ul>
<ul class="footer-list footer-secondary">
<li class="footer-list-item list-links">
<router-link to="/">Ramos</router-link><br />
<router-link to="/">Plantas</router-link><br />
<router-link to="/">Nosotros</router-link><br />
<router-link to="/faq">FAQs</router-link><br />
<router-link to="/contacta">Contacta</router-link>
</li>
<li class="footer-list-item">
<p class="footer-list-content">
Si tienes cualquier duda o consulta a la hora de localizar tu
envío, calcular un nuevo envío o solicitar recogida, estamos para
ayudarte. <br /><br />
<router-link to="/">
<IconArrowCircleRight /> Preguntas frecuentes
</router-link>
<br />
<router-link to="/">
<IconArrowCircleRight /> Contacta con nosotros
</router-link>
</p>
</li>
<li class="footer-list-item">
<p class="footer-list-content">
Floranet &copy;2023 <br /><br />
<router-link to="/">Aviso Legal</router-link> <br />
<router-link to="/">Condiciones de uso</router-link><br />
<router-link to="/">Política de cookies</router-link><br />
<router-link to="/"> Política de Redes Sociales </router-link>
<br /><br />
Desarrollado por diligent
</p>
</li>
</ul>
</div>
</container>
</q-footer>
</template>
<script>
import { defineComponent } from 'vue';
import IconArrowCircleRight from '../icons/IconArrowCircleRight.vue';
import LogoWhite from '../logo/LogoWhite.vue';
import Container from '../ui/Container.vue';
export default defineComponent({
name: 'footer-component',
components: { Container, LogoWhite, IconArrowCircleRight },
});
</script>
<style lang="scss" scoped>
.custom-q-footer {
position: static;
}
p,
a {
color: $white;
font-size: $font-xxxxsm;
}
a:hover {
text-decoration: underline;
}
.footer-container {
display: flex;
flex-direction: column;
gap: 20px;
padding-block: 66px 31px;
& .footer-body {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 86px;
& .footer-list {
display: flex;
flex-wrap: wrap;
&.footer-primary {
gap: 56px;
position: relative;
flex: 0 0 min(100%, 560px);
&::after {
content: '';
position: absolute;
width: 1px;
background-color: $white;
top: 0;
right: 0;
height: 132px;
}
& .footer-list-item {
flex: 0 0 min(100%, 218px);
}
}
&.footer-secondary {
gap: 79px;
flex: 0 0 min(100%, 800px);
& .footer-list-item {
flex: 0 0 min(100%, 250px);
&.list-links {
flex: 0 0 min(100%, 133px);
}
}
}
@media only screen and (max-width: $med-md) {
justify-content: space-evenly;
&.footer-primary {
flex: 1;
gap: 20px;
&::after {
top: initial;
right: 0;
left: 0;
bottom: -43px;
height: 1px;
width: 100%;
}
& .footer-list-item {
flex: 1 0 min(100%, 150px);
}
}
&.footer-secondary {
gap: 59px;
& .footer-list-item {
flex: 1;
&:last-child {
flex: 1;
}
&:nth-child(2) {
flex: 1 0 min(100%, 140px);
}
&.list-links {
flex: 0 0 55px;
}
}
}
}
}
}
}
</style>

View File

@ -0,0 +1,61 @@
<template>
<q-header
class="header-container transparent"
:class="mobileStore.isOpenNav && 'mobile-nav'"
>
<send-banner
left-text="ENVÍO GRATIS a partir de 60€ | Compra el sábado hasta 14h y entrega el domingo"
right-text="Envíos 24-48 h a toda España, Portugal y sur de Francia"
mobile-text="ENVÍO GRATIS a partir de 60€"
v-if="!mobileStore.isOpenNav"
/>
<div class="header-container-wrapper custom-container">
<LogoWhite v-if="!mobileStore.isOpenNav" />
<LogoGreenLight v-if="mobileStore.isOpenNav" />
<nav-links />
<user-area />
</div>
</q-header>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import LogoGreenLight from '../logo/LogoGreenLight.vue';
import LogoWhite from '../logo/LogoWhite.vue';
import SendBanner from '../ui/SendBanner.vue';
import NavLinks from './NavLinks.vue';
import UserArea from './UserArea.vue';
import { mobileStore } from 'src/stores/mobileNav';
export default defineComponent({
name: 'header-primary',
components: { SendBanner, UserArea, NavLinks, LogoWhite, LogoGreenLight },
setup() {
window.addEventListener('resize', mobileStore.handleResize);
return { mobileStore };
},
});
</script>
<style lang="scss" scoped>
.header-container {
display: flex;
flex-direction: column;
gap: 23px;
&.mobile-nav {
background-color: $primary !important;
padding-block: 21px 15px;
}
& .header-container-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
}
</style>

View File

@ -0,0 +1,64 @@
<template>
<q-header class="header-container transparent">
<send-banner
left-text="ENVÍO GRATIS a partir de 60€ | Compra el sábado hasta 14h y entrega el domingo"
right-text="Envíos 24-48 h a toda España, Portugal y sur de Francia"
mobile-text="ENVÍO GRATIS a partir de 60€"
class="remove-mobile"
/>
<div class="header-menu">
<div class="header-container-wrapper custom-container">
<Logo />
<nav-links />
<user-area />
</div>
</div>
</q-header>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { mobileStore } from 'src/stores/mobileNav';
import Logo from '../logo/LogoWhite.vue';
import SendBanner from '../ui/SendBanner.vue';
import NavLinks from './NavLinks.vue';
import UserArea from './UserArea.vue';
export default defineComponent({
name: 'header-secondary',
components: { SendBanner, UserArea, NavLinks, Logo },
setup() {
window.addEventListener('resize', mobileStore.handleResize);
return;
},
});
</script>
<style lang="scss" scoped>
.header-container {
display: flex;
flex-direction: column;
.header-menu {
background-color: $header;
}
& .header-container-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
padding-block: 20px 30px;
}
@media only screen and (max-width: $med-md) {
& .header-container-wrapper {
padding-block: 21px 15px;
}
}
}
</style>

View File

@ -0,0 +1,52 @@
<template>
<nav class="menu-nav">
<ul class="links-list">
<li class="link-item">
<router-link to="/">Ramos</router-link>
</li>
<li class="link-item">
<router-link to="/">Plantas</router-link>
</li>
<li class="link-item">
<router-link to="/">Floranet</router-link>
</li>
<li class="link-item">
<router-link to="/faq">FAQs</router-link>
</li>
<li class="link-item">
<router-link to="/contacta">Contacta</router-link>
</li>
</ul>
</nav>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
name: 'NavLinks',
components: {},
setup() {
return {};
},
});
</script>
<style lang="scss" scoped>
.menu-nav .links-list {
display: flex;
gap: 16px;
& .link-item a {
color: $white;
}
@media only screen and (max-width: calc($med-xmd + 100px)) {
display: none;
}
}
</style>

View File

@ -0,0 +1,90 @@
<template>
<div class="user-area">
<router-link class="user-area-link help" to="/">
¿necesitas ayuda?
</router-link>
<dropdown-group class="user-area-lang" label="Idioma">
<dropdown-item> EN </dropdown-item>
<dropdown-item> PT </dropdown-item>
<dropdown-item> ES </dropdown-item>
</dropdown-group>
<router-link class="user-area-link user" to="/"><icon-user /></router-link>
<router-link class="user-area-link cart" to="/"><icon-cart /></router-link>
<q-btn
class="user-area-hamburg"
@click="mobileStore.handleOpenMobileNav"
size="sm"
color="white"
flat
round
>
<IconHamburger />
</q-btn>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { mobileStore } from '../../stores/mobileNav';
import IconCart from '../icons/IconCart.vue';
import IconHamburger from '../icons/IconHamburger.vue';
import IconUser from '../icons/IconUser.vue';
import DropdownGroup from '../quasar-components/dropdown/DropdownGroup.vue';
import DropdownItem from '../quasar-components/dropdown/DropdownItem.vue';
export default defineComponent({
name: 'user-area',
components: {
IconCart,
IconUser,
DropdownGroup,
DropdownItem,
IconHamburger,
},
setup() {
return { mobileStore };
},
});
</script>
<style lang="scss" scoped>
.user-area {
display: flex;
align-items: center;
gap: 34px;
& .user-area-link {
color: $white;
&.user,
&.cart {
width: 16px;
height: 16px;
}
}
& .user-area-hamburg {
display: none;
}
@media only screen and (max-width: $med-md) {
gap: 27px;
& .user-area-link {
&.help {
display: none;
}
}
& .user-area-hamburg {
display: grid;
place-content: center;
}
& .user-area-lang {
display: none;
}
}
}
</style>

View File

@ -0,0 +1,29 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="23"
height="22"
viewBox="0 0 23 22"
fill="none"
>
<ellipse
cx="11.5"
cy="11"
rx="11.5"
ry="11"
transform="rotate(-180 11.5 11)"
fill="#117564"
/>
<path
d="M13.6904 16.2383L9.61959 12.1516C8.84245 11.3714 8.84217 10.1098 9.61895 9.32931L13.6904 5.23828"
fill="#117564"
/>
<path
d="M13.6904 16.2383L9.61959 12.1516C8.84245 11.3714 8.84217 10.1098 9.61895 9.32931L13.6904 5.23828"
stroke="#CDEBD2"
stroke-width="1.2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,18 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="23"
height="22"
viewBox="0 0 23 22"
fill="none"
>
<ellipse cx="11.5" cy="11" rx="11.5" ry="11" fill="#117564" />
<path
d="M9.30957 5.76172L13.3804 9.8484C14.1575 10.6286 14.1578 11.8902 13.381 12.6707L9.30957 16.7617"
stroke="#CDEBD2"
stroke-width="1.2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,19 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="13"
height="12"
viewBox="0 0 13 12"
fill="none"
>
<circle cx="6.72754" cy="6" r="6" fill="#CDEBD2" />
<path d="M5.52832 3.2002L8.52832 6.19884L5.52832 9.2002" fill="#CDEBD2" />
<path
d="M5.52832 3.2002L8.52832 6.19884L5.52832 9.2002"
stroke="#117564"
stroke-width="1.2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,16 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="12"
height="8"
viewBox="0 0 12 8"
fill="none"
>
<path
d="M1 1L6.06608 6L11 1"
stroke="#CDEBD2"
stroke-width="2"
stroke-linecap="round"
/>
</svg>
</template>

View File

@ -0,0 +1,16 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="14"
height="8"
viewBox="0 0 14 8"
fill="none"
>
<path
d="M1 1L7.0793 6L13 1"
stroke="white"
stroke-width="2"
stroke-linecap="round"
/>
</svg>
</template>

View File

@ -0,0 +1,25 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="23"
height="22"
viewBox="0 0 23 22"
fill="none"
>
<ellipse
cx="11.5"
cy="11"
rx="11.5"
ry="11"
transform="rotate(-180 11.5 11)"
fill="#117564"
/>
<path
d="M13.6904 16.2383L9.61959 12.1516C8.84245 11.3714 8.84217 10.1098 9.61895 9.32931L13.6904 5.23828"
stroke="#CDEBD2"
stroke-width="1.2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,22 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="23"
height="22"
viewBox="0 0 23 22"
fill="none"
>
<ellipse cx="11.5" cy="11" rx="11.5" ry="11" fill="#117564" />
<path
d="M9.30957 5.76172L13.3804 9.8484C14.1575 10.6286 14.1578 11.8902 13.381 12.6707L9.30957 16.7617"
fill="#117564"
/>
<path
d="M9.30957 5.76172L13.3804 9.8484C14.1575 10.6286 14.1578 11.8902 13.381 12.6707L9.30957 16.7617"
stroke="#CDEBD2"
stroke-width="1.2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,49 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="21"
viewBox="0 0 20 21"
fill="none"
>
<path
d="M18 3H2C1.44772 3 1 3.44772 1 4V19C1 19.5523 1.44772 20 2 20H18C18.5523 20 19 19.5523 19 19V4C19 3.44772 18.5523 3 18 3Z"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<rect x="4" y="13" width="2" height="2" fill="#D9D9D9" />
<rect x="9" y="13" width="2" height="2" fill="#D9D9D9" />
<rect x="14" y="13" width="2" height="2" fill="#D9D9D9" />
<rect x="4" y="10" width="2" height="2" fill="#D9D9D9" />
<rect x="9" y="10" width="2" height="2" fill="#D9D9D9" />
<rect x="14" y="10" width="2" height="2" fill="#117564" />
<rect x="4" y="16" width="2" height="2" fill="#D9D9D9" />
<rect x="9" y="16" width="2" height="2" fill="#D9D9D9" />
<rect x="14" y="16" width="2" height="2" fill="#D9D9D9" />
<path
d="M18.6102 8H1"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M5 1V5"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M10 1V5"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M15 1V5"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,135 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="134"
height="73"
viewBox="0 0 134 73"
fill="none"
>
<ellipse
opacity="0.1"
cx="70.4995"
cy="67"
rx="63.5"
ry="6"
fill="#117564"
/>
<path d="M101 2H85.4995V23.5H110.5L101 2Z" fill="#CDEBD2" />
<path
d="M36.2158 52.5386C35.924 53.5635 35.7197 54.6177 35.7197 55.7304C35.7197 62.0849 40.856 67.268 47.218 67.268C53.5799 67.268 58.7162 62.1142 58.7162 55.7304C58.7162 54.6177 58.5119 53.5635 58.2201 52.5386"
fill="#117564"
/>
<path
d="M87.8994 52.5386C87.6076 53.5635 87.4033 54.6177 87.4033 55.7304C87.4033 62.0849 92.5396 67.268 98.9016 67.268C105.264 67.268 110.4 62.1142 110.4 55.7304C110.4 54.6177 110.196 53.5635 109.904 52.5386"
fill="#117564"
/>
<path
d="M50.6032 52.5386C51.3912 53.3878 51.8873 54.5006 51.8873 55.7304C51.8873 58.3367 49.7861 60.445 47.1888 60.445C44.5914 60.445 42.4902 58.3367 42.4902 55.7304C42.4902 54.5006 42.9863 53.3585 43.7743 52.5386"
fill="#CDEBD2"
/>
<path
d="M95.4584 52.5386C94.6704 53.3878 94.1743 54.5006 94.1743 55.7304C94.1743 58.3367 96.2755 60.445 98.8728 60.445C101.47 60.445 103.571 58.3367 103.571 55.7304C103.571 54.5006 103.075 53.3585 102.287 52.5386"
fill="#CDEBD2"
/>
<path
d="M31.9551 2.11279H101.499L110.838 23.8117C110.838 23.8117 122.365 29.0241 122.744 29.0241C123.124 29.0241 122.744 38.5118 122.744 43.4607C122.744 48.4096 118.98 52.5678 113.406 52.5678H32.101C25.243 52.5678 23.4336 46.8576 23.4336 42.1722V9.63858C23.4336 6.00746 26.7897 2.11279 31.9843 2.11279H31.9551Z"
stroke="#117564"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M85.8569 23.7236H110.809"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M122.745 41.6157H8.2583"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M33.4436 12.7427H13.4238"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M17.9764 25.3638H0.612305"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M85.5068 1.90771V31.4838"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M89.4463 27.3257H93.0358"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M56.8564 9.78452L57.659 10.584C57.99 10.9119 58.3973 11.1489 58.8474 11.2734L59.9357 11.5726C61.3623 11.9651 62.2101 13.4372 61.8338 14.8758L61.5456 15.9721C61.4266 16.4245 61.4266 16.8984 61.5456 17.3508L61.8338 18.4471C62.2101 19.8857 61.3623 21.3578 59.9357 21.7504L58.8474 22.0496C58.3997 22.1716 57.99 22.411 57.659 22.7389L56.8564 23.5384C55.8062 24.5844 54.1129 24.5844 53.0627 23.5384L52.2601 22.7389C51.9291 22.411 51.5219 22.174 51.0718 22.0496L49.9834 21.7504C48.5569 21.3578 47.7091 19.8857 48.0853 18.4471L48.3735 17.3508C48.4926 16.8984 48.4926 16.4245 48.3735 15.9721L48.0853 14.8758C47.7091 13.4372 48.5569 11.9651 49.9834 11.5726L51.0718 11.2734C51.5195 11.1513 51.9291 10.9119 52.2601 10.584L53.0627 9.78452C54.1129 8.73849 55.8062 8.73849 56.8564 9.78452Z"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M54.9609 19.0623C56.2814 19.0623 57.3519 17.9863 57.3519 16.6591C57.3519 15.3318 56.2814 14.2559 54.9609 14.2559C53.6403 14.2559 52.5698 15.3318 52.5698 16.6591C52.5698 17.9863 53.6403 19.0623 54.9609 19.0623Z"
fill="#CDEBD2"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M70.7479 18.0855L71.2623 18.5978C71.4742 18.8084 71.7362 18.9616 72.0244 19.0406L72.7245 19.2321C73.6414 19.4834 74.1844 20.4289 73.9415 21.3528L73.7581 22.0566C73.6819 22.3462 73.6819 22.6502 73.7581 22.9422L73.9415 23.646C74.182 24.5699 73.639 25.5154 72.7245 25.7667L72.0244 25.9582C71.7362 26.0372 71.4742 26.1904 71.2623 26.401L70.7479 26.9133C70.0739 27.5859 68.9856 27.5859 68.3116 26.9133L67.7972 26.401C67.5852 26.1904 67.3233 26.0372 67.0351 25.9582L66.3349 25.7667C65.4181 25.5154 64.8751 24.5699 65.118 23.646L65.3014 22.9422C65.3776 22.6526 65.3776 22.3486 65.3014 22.0566L65.118 21.3528C64.8775 20.4289 65.4204 19.4834 66.3349 19.2321L67.0351 19.0406C67.3233 18.9616 67.5852 18.8084 67.7972 18.5978L68.3116 18.0855C68.9856 17.4129 70.0739 17.4129 70.7479 18.0855Z"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M69.5312 24.0434C70.3795 24.0434 71.0673 23.3521 71.0673 22.4995C71.0673 21.6468 70.3795 20.9556 69.5312 20.9556C68.6828 20.9556 67.9951 21.6468 67.9951 22.4995C67.9951 23.3521 68.6828 24.0434 69.5312 24.0434Z"
fill="#CDEBD2"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M48.8809 24.163C49.1215 25.087 48.5785 26.0325 47.664 26.2838L46.9638 26.4753C46.6757 26.5543 46.4137 26.7075 46.2017 26.9181L45.6873 27.4304C45.0134 28.103 43.925 28.103 43.2511 27.4304L42.7366 26.9181C42.5247 26.7075 42.2627 26.5543 41.9746 26.4753L41.2744 26.2838C40.3575 26.0325 39.8145 25.087 40.0574 24.163L40.2408 23.4593C40.317 23.1697 40.317 22.8657 40.2408 22.5737L40.0574 21.8699C39.8169 20.946 40.3599 20.0005 41.2744 19.7492L41.9746 19.5577C42.2627 19.4787 42.5247 19.3255 42.7366 19.1148L43.2511 18.6026C43.925 17.93 45.0134 17.93 45.6873 18.6026"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M44.4682 24.5605C45.3166 24.5605 46.0043 23.8692 46.0043 23.0166C46.0043 22.1639 45.3166 21.4727 44.4682 21.4727C43.6199 21.4727 42.9321 22.1639 42.9321 23.0166C42.9321 23.8692 43.6199 24.5605 44.4682 24.5605Z"
fill="#CDEBD2"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M48.1377 26.4082C48.1377 26.4082 54.9369 27.6194 54.9369 34.3647"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M54.9346 24.5054V34.6257"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M64.9182 25.1973C64.9182 25.1973 59.6693 25.4558 58.0332 30.6476"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,34 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="22"
height="17"
viewBox="0 0 22 17"
fill="none"
>
<path
d="M17.7591 16.363C18.8013 16.363 19.6462 15.5181 19.6462 14.4759C19.6462 13.4337 18.8013 12.5889 17.7591 12.5889C16.7169 12.5889 15.8721 13.4337 15.8721 14.4759C15.8721 15.5181 16.7169 16.363 17.7591 16.363Z"
stroke="white"
stroke-width="1.2"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M8.8109 16.363C9.85309 16.363 10.698 15.5181 10.698 14.4759C10.698 13.4337 9.85309 12.5889 8.8109 12.5889C7.7687 12.5889 6.92383 13.4337 6.92383 14.4759C6.92383 15.5181 7.7687 16.363 8.8109 16.363Z"
stroke="white"
stroke-width="1.2"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M1 1.54102H4.26175C4.26175 1.54102 7.05486 10.4577 7.0986 10.4515C7.0986 10.4515 16.6089 10.4515 17.4212 10.4515C18.9896 10.4515 19.5208 8.69562 19.5208 8.69562L20.6455 3.9967H8.76072"
stroke="white"
stroke-width="1.2"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,25 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="72"
height="72"
viewBox="0 0 72 72"
fill="none"
>
<circle cx="36" cy="36" r="36" fill="#CDEBD2" />
<path
d="M54.6665 39.9941C54.6665 44.4735 51.95 48.3022 48.1012 49.8883C46.883 50.3879 37.6012 56.0002 37.6012 56.0002V50.6667H37.1666C31.3675 50.6667 26.6665 45.8912 26.6665 40.0001C26.6665 34.109 31.3675 29.3335 37.1666 29.3335H44.1666C49.9656 29.3335 54.6665 34.109 54.6665 40.0001V39.9941Z"
stroke="#117564"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M26.7083 40.0002C22.1367 39.2324 18.6665 35.3765 18.6665 30.7357C18.6665 25.5447 23.0191 21.3335 28.3842 21.3335H34.8626C39.067 21.3335 42.6497 23.9177 43.9998 27.533"
stroke="#117564"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,13 @@
<template>
<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group">
<circle id="Ellipse 2" cx="14.5" cy="14" r="14" fill="#117564" />
<path id="Vector"
d="M21.452 14.5198C21.452 16.198 20.4165 17.6324 18.9494 18.2266C18.4851 18.4138 14.947 20.5164 14.947 20.5164V18.5182H14.7813C12.5708 18.5182 10.7788 16.7291 10.7788 14.5221C10.7788 12.315 12.5708 10.5259 14.7813 10.5259H17.4496C19.6601 10.5259 21.452 12.315 21.452 14.5221V14.5198Z"
stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path id="Vector_2"
d="M10.4604 15.2578C8.77749 14.9662 7.5 13.5013 7.5 11.7383C7.5 9.76633 9.10232 8.1665 11.0774 8.1665H13.4623C15.0101 8.1665 16.329 9.14821 16.826 10.5216"
stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</g>
</svg>
</template>

View File

@ -0,0 +1,21 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="45"
height="44"
viewBox="0 0 45 44"
fill="none"
>
<path
d="M22.5 44C34.9264 44 45 34.1503 45 22C45 9.84974 34.9264 0 22.5 0C10.0736 0 0 9.84974 0 22C0 34.1503 10.0736 44 22.5 44Z"
fill="#CDEBD2"
/>
<path
d="M12 21.0206L18.9891 29L33 13"
stroke="#045E4E"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,12 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="34"
height="34"
viewBox="0 0 34 34"
fill="none"
>
<path d="M33 1L1 33" stroke="#117564" stroke-linecap="round" />
<path d="M33 33L1 0.999999" stroke="#117564" stroke-linecap="round" />
</svg>
</template>

View File

@ -0,0 +1,66 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="38"
height="29"
viewBox="0 0 38 29"
fill="none"
>
<path
d="M32.1874 19.3723C32.1874 19.3723 26.4371 27.6797 19.3254 27.6797C12.2136 27.6797 6.47656 19.3723 6.47656 19.3723C6.47656 19.3723 12.2268 11.0649 19.3386 11.0649C26.4504 11.0649 32.1874 19.3723 32.1874 19.3723Z"
stroke="white"
stroke-width="1.5"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M19.3392 22.5463C21.1132 22.5463 22.5514 21.1253 22.5514 19.3723C22.5514 17.6193 21.1132 16.1982 19.3392 16.1982C17.5651 16.1982 16.127 17.6193 16.127 19.3723C16.127 21.1253 17.5651 22.5463 19.3392 22.5463Z"
stroke="white"
stroke-width="1.5"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M19.3394 1.021V6.38944"
stroke="white"
stroke-width="1.5"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M32.8491 13.2079L36.947 9.47217"
stroke="white"
stroke-width="1.5"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M26.1338 8.03479L28.685 3.80273"
stroke="white"
stroke-width="1.5"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M5.76325 13.1424L1.71826 9.45898"
stroke="white"
stroke-width="1.5"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M12.5449 8.03479L9.99365 3.80273"
stroke="white"
stroke-width="1.5"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,93 @@
<template>
<span class="filter-svg">
<svg
xmlns="http://www.w3.org/2000/svg"
width="4"
height="16"
viewBox="0 0 4 16"
fill="none"
>
<path
d="M3 11.6208V10.1345C3 9.58224 2.55228 9.13452 2 9.13452C1.44772 9.13452 1 9.58224 1 10.1345V11.6208C1 12.1731 1.44772 12.6208 2 12.6208C2.55228 12.6208 3 12.1731 3 11.6208Z"
stroke="#6D6D6D"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M2 1V9.13463"
stroke="#6D6D6D"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M2 12.7534V15.3388"
stroke="#6D6D6D"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="4"
height="16"
viewBox="0 0 4 16"
fill="none"
>
<path
d="M1 4.71808L1 6.20435C1 6.75663 1.44772 7.20435 2 7.20435C2.55228 7.20435 3 6.75663 3 6.20434L3 4.71808C3 4.16579 2.55228 3.71808 2 3.71808C1.44772 3.71808 1 4.16579 1 4.71808Z"
stroke="#6D6D6D"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M2 15.3389L2 7.20424"
stroke="#6D6D6D"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M2 3.58545L2 1.00002"
stroke="#6D6D6D"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="4"
height="16"
viewBox="0 0 4 16"
fill="none"
>
<path
d="M3 9.48627V8C3 7.44772 2.55228 7 2 7C1.44772 7 1 7.44772 1 8V9.48627C1 10.0386 1.44772 10.4863 2 10.4863C2.55228 10.4863 3 10.0386 3 9.48627Z"
stroke="#6D6D6D"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M2 1V7"
stroke="#6D6D6D"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M2 11L2 15"
stroke="#6D6D6D"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</span>
</template>
<style lang="scss" scoped>
.filter-svg {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 2px;
}
</style>

View File

@ -0,0 +1,64 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="144"
height="110"
viewBox="0 0 144 110"
fill="none"
>
<path
d="M71.4191 6.18879L74.6812 9.43839C76.0268 10.7713 77.682 11.7345 79.5116 12.2404L83.9353 13.4566C89.7337 15.0522 93.1798 21.0358 91.6503 26.8831L90.479 31.3392C89.995 33.178 89.995 35.1044 90.479 36.9433L91.6503 41.3993C93.1798 47.2466 89.7337 53.2302 83.9353 54.8258L79.5116 56.042C77.6917 56.5382 76.0268 57.5111 74.6812 58.844L71.4191 62.0936C67.1502 66.3454 60.2677 66.3454 55.9988 62.0936L52.7366 58.844C51.3911 57.5111 49.7358 56.5479 47.9063 56.042L43.4825 54.8258C37.6842 53.2302 34.2381 47.2466 35.7675 41.3993L36.9388 36.9433C37.4228 35.1044 37.4228 33.178 36.9388 31.3392L35.7675 26.8831C34.2381 21.0358 37.6842 15.0522 43.4825 13.4566L47.9063 12.2404C49.7261 11.7443 51.3911 10.7713 52.7366 9.43839L55.9988 6.18879C60.2677 1.93707 67.1502 1.93707 71.4191 6.18879Z"
stroke="white"
stroke-width="5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M63.7139 43.8998C69.0814 43.8998 73.4326 39.5264 73.4326 34.1315C73.4326 28.7367 69.0814 24.3633 63.7139 24.3633C58.3463 24.3633 53.9951 28.7367 53.9951 34.1315C53.9951 39.5264 58.3463 43.8998 63.7139 43.8998Z"
fill="#CDEBD2"
/>
<path
d="M127.883 39.9299L129.974 42.0119C130.835 42.8681 131.9 43.4908 133.071 43.8119L135.917 44.5902C139.644 45.6118 141.851 49.4549 140.864 53.2104L140.118 56.0708C139.809 57.2481 139.809 58.4837 140.118 59.6707L140.864 62.5311C141.841 66.2867 139.634 70.1298 135.917 71.1513L133.071 71.9297C131.9 72.2507 130.835 72.8734 129.974 73.7296L127.883 75.8117C125.143 78.5456 120.72 78.5456 117.98 75.8117L115.889 73.7296C115.028 72.8734 113.963 72.2507 112.792 71.9297L109.946 71.1513C106.219 70.1298 104.012 66.2867 104.999 62.5311L105.745 59.6707C106.054 58.4934 106.054 57.2578 105.745 56.0708L104.999 53.2104C104.021 49.4549 106.229 45.6118 109.946 44.5902L112.792 43.8119C113.963 43.4908 115.028 42.8681 115.889 42.0119L117.98 39.9299C120.72 37.1959 125.143 37.1959 127.883 39.9299Z"
stroke="white"
stroke-width="5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M122.936 64.1466C126.384 64.1466 129.18 61.337 129.18 57.8711C129.18 54.4053 126.384 51.5957 122.936 51.5957C119.488 51.5957 116.692 54.4053 116.692 57.8711C116.692 61.337 119.488 64.1466 122.936 64.1466Z"
fill="#CDEBD2"
/>
<path
d="M39.0008 64.6327C39.9785 68.3882 37.7715 72.2313 34.0543 73.2529L31.2084 74.0312C30.0371 74.3523 28.9723 74.975 28.1108 75.8312L26.0199 77.9132C23.2805 80.6472 18.8567 80.6472 16.1173 77.9132L14.0264 75.8312C13.1649 74.975 12.1001 74.3523 10.9288 74.0312L8.08285 73.2529C4.35604 72.2313 2.149 68.3882 3.13636 64.6327L3.88172 61.7723C4.19148 60.595 4.19148 59.3594 3.88172 58.1724L3.13636 55.312C2.15868 51.5564 4.36572 47.7134 8.08285 46.6918L10.9288 45.9134C12.1001 45.5924 13.1649 44.9697 14.0264 44.1135L16.1173 42.0314C18.8567 39.2975 23.2805 39.2975 26.0199 42.0314"
stroke="white"
stroke-width="5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M21.0639 66.2481C24.5122 66.2481 27.3075 63.4385 27.3075 59.9727C27.3075 56.5069 24.5122 53.6973 21.0639 53.6973C17.6157 53.6973 14.8203 56.5069 14.8203 59.9727C14.8203 63.4385 17.6157 66.2481 21.0639 66.2481Z"
fill="#CDEBD2"
/>
<path
d="M35.9805 73.7588C35.9805 73.7588 63.6169 78.6818 63.6169 106.099"
stroke="white"
stroke-width="5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M63.6074 66.0239V107.16"
stroke="white"
stroke-width="5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M104.186 68.8359C104.186 68.8359 82.8513 69.8867 76.2012 90.9897"
stroke="white"
stroke-width="5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,31 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="19"
height="18"
viewBox="0 0 19 18"
fill="none"
>
<path
d="M1 1.2207H11"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M1 9H18"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M1 16.7783H15.8656"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,50 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="127"
height="92"
viewBox="0 0 127 92"
fill="none"
>
<ellipse opacity="0.1" cx="63.5" cy="72" rx="63.5" ry="20" fill="#117564" />
<path
d="M82.2537 9.7625C92.6038 20.1125 92.6038 36.9025 82.2537 47.2525C77.8737 51.6325 63.5037 66.0025 63.5037 66.0025C63.5037 66.0025 50.7238 53.2225 44.7538 47.2525C34.4138 36.9025 34.4138 20.1225 44.7638 9.7625C55.1238 -0.5875 71.9037 -0.5875 82.2537 9.7625Z"
fill="#CDEBD2"
stroke="#117564"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
opacity="0.2"
d="M63.5137 36.5122C67.9319 36.5122 71.5137 32.9305 71.5137 28.5122C71.5137 24.0939 67.9319 20.5122 63.5137 20.5122C59.0954 20.5122 55.5137 24.0939 55.5137 28.5122C55.5137 32.9305 59.0954 36.5122 63.5137 36.5122Z"
fill="#117564"
/>
<path
d="M49.1544 43.8294C55.5935 50.2686 55.5935 60.7144 49.1544 67.1536C46.4294 69.8786 37.4892 78.8188 37.4892 78.8188C37.4892 78.8188 29.5382 70.8678 25.824 67.1536C19.391 60.7144 19.391 50.2748 25.8302 43.8294C32.2756 37.3902 42.7152 37.3902 49.1544 43.8294Z"
fill="#CDEBD2"
stroke="#117564"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
opacity="0.2"
d="M37.4952 60.4714C40.244 60.4714 42.4724 58.243 42.4724 55.4942C42.4724 52.7454 40.244 50.5171 37.4952 50.5171C34.7464 50.5171 32.5181 52.7454 32.5181 55.4942C32.5181 58.243 34.7464 60.4714 37.4952 60.4714Z"
fill="#117564"
/>
<path
d="M109.646 49.37C114.14 53.8633 114.14 61.1524 109.646 65.6457C107.745 67.5472 101.506 73.7858 101.506 73.7858C101.506 73.7858 95.958 68.2375 93.3662 65.6457C88.8772 61.1524 88.8772 53.8676 93.3705 49.37C97.8682 44.8767 105.153 44.8767 109.646 49.37Z"
fill="#CDEBD2"
stroke="#117564"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
opacity="0.2"
d="M101.511 60.9828C103.429 60.9828 104.984 59.4278 104.984 57.5097C104.984 55.5916 103.429 54.0366 101.511 54.0366C99.5926 54.0366 98.0376 55.5916 98.0376 57.5097C98.0376 59.4278 99.5926 60.9828 101.511 60.9828Z"
fill="#117564"
/>
</svg>
</template>

View File

@ -0,0 +1,24 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="27"
height="41"
viewBox="0 0 27 41"
fill="none"
>
<path
d="M25.1051 27.7796C25.1051 34.505 19.7116 39.9522 13.0525 39.9522C6.39352 39.9522 1 34.505 1 27.7796V13.1726C1 6.44722 6.39352 1 13.0525 1C19.7116 1 25.1051 6.44722 25.1051 13.1726V27.7796Z"
stroke="white"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M13.0923 9.40942L13.0923 15.5253"
stroke="white"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,34 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="14"
height="14"
viewBox="0 0 14 14"
fill="none"
>
<path
d="M5.9101 13.01L1.47919 12.9352L1.40425 8.50916L8.92516 1L13.433 5.49883L5.9101 13.01Z"
stroke="white"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M11.1791 7.74909L6.67126 3.24829"
stroke="white"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M6.37153 12.5493L1.86568 8.04858"
stroke="white"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M1.47919 12.9351L1 13.4135"
stroke="white"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,24 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="21"
viewBox="0 0 18 21"
fill="none"
>
<g opacity="0.8">
<path
d="M8.99989 11.3946C10.3331 11.3946 11.4138 10.3155 11.4138 8.98441C11.4138 7.6533 10.3331 6.57422 8.99989 6.57422C7.6667 6.57422 6.58594 7.6533 6.58594 8.98441C6.58594 10.3155 7.6667 11.3946 8.99989 11.3946Z"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M14.6577 3.33864C17.7808 6.45682 17.7808 11.5152 14.6577 14.6334C13.3361 15.953 9 20.2823 9 20.2823C9 20.2823 5.14371 16.432 3.34229 14.6334C0.219236 11.5152 0.219236 6.45682 3.34229 3.33864C6.46535 0.220455 11.5316 0.220455 14.6547 3.33864H14.6577Z"
stroke="#117564"
stroke-linecap="round"
stroke-linejoin="round"
/>
</g>
</svg>
</template>

View File

@ -0,0 +1,44 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="108"
viewBox="0 0 100 108"
fill="none"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M52.6452 4.36024L58.6276 9.17652C59.4471 9.83235 60.4715 10.1808 61.5369 10.1193L69.1993 9.72988C71.2071 9.6274 73.0305 10.9391 73.5427 12.8861L75.5505 20.2847C75.8168 21.3094 76.4724 22.1702 77.3534 22.7646L83.7661 26.966C85.446 28.0727 86.1426 30.2042 85.4256 32.0897L82.7007 39.2629C82.3319 40.2467 82.3319 41.3329 82.7007 42.3166L85.4256 49.4898C86.1426 51.3753 85.446 53.5068 83.7661 54.6135L77.3534 58.8149C76.4724 59.3888 75.8373 60.2701 75.5505 61.2948L73.5427 68.6935C73.01 70.6405 71.2071 71.9521 69.1993 71.8497L61.5369 71.4603C60.492 71.3988 59.4471 71.7472 58.6276 72.403L52.6452 77.2193C51.0676 78.49 48.8345 78.49 47.2774 77.2193L41.295 72.403C40.4755 71.7472 39.4511 71.3988 38.3857 71.4603L30.7233 71.8497C28.7155 71.9521 26.8921 70.6405 26.3799 68.6935L24.3721 61.2948C24.1058 60.2701 23.4502 59.4093 22.5692 58.8149L16.1566 54.6135C14.4766 53.5068 13.78 51.3753 14.4971 49.4898L17.2219 42.3166C17.5907 41.3329 17.5907 40.2467 17.2219 39.2629L14.4971 32.0897C13.78 30.2042 14.4766 28.0727 16.1566 26.966L22.5692 22.7646C23.4502 22.1907 24.0853 21.3094 24.3721 20.2847L26.3799 12.8861C26.9126 10.9391 28.7155 9.6274 30.7233 9.72988L38.3857 10.1193C39.4306 10.1808 40.4755 9.83235 41.295 9.17652L47.2774 4.36024C48.855 3.08956 51.0881 3.08956 52.6452 4.36024Z"
stroke="white"
stroke-width="5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M50 61C62.1503 61 72 51.1503 72 39C72 26.8497 62.1503 17 50 17C37.8497 17 28 26.8497 28 39C28 51.1503 37.8497 61 50 61Z"
fill="#CDEBD2"
/>
<path
d="M39.7334 38.0206L46.5672 46L60.2667 30"
stroke="#117564"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M83.9998 68.0786L96.6733 91.1145C97.5952 92.8566 96.4684 94.988 94.5016 95.193L87.3718 95.9718C85.5689 96.1767 83.9094 97.0375 82.7211 98.4107L77.886 103.985C76.5953 105.461 74.2187 105.194 73.2968 103.452L57.7671 74.1448"
stroke="white"
stroke-width="5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M16 68.5786L3.31089 91.3201C2.38894 93.0621 3.51577 95.1936 5.48259 95.3985L12.6123 96.1773C14.4152 96.3823 16.0747 97.2431 17.263 98.6162L22.0981 104.191C23.3889 105.666 25.7654 105.4 26.6874 103.658L42.2171 74.3504"
stroke="white"
stroke-width="5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,30 @@
<template>
<span>
<svg
xmlns="http://www.w3.org/2000/svg"
width="19"
height="19"
viewBox="0 0 19 19"
fill="none"
>
<circle cx="9.5" cy="9.5" r="9.5" fill="#CDEBD2" />
</svg>
<p>?</p>
</span>
</template>
<style lang="scss" scoped>
span {
display: inline-flex;
position: relative;
p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: $primary;
font-family: $font-mulish;
}
}
</style>

View File

@ -0,0 +1,24 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="22"
height="22"
viewBox="0 0 22 22"
fill="none"
>
<path
d="M9.88889 18.7778C14.7981 18.7778 18.7778 14.7981 18.7778 9.88889C18.7778 4.97969 14.7981 1 9.88889 1C4.97969 1 1 4.97969 1 9.88889C1 14.7981 4.97969 18.7778 9.88889 18.7778Z"
stroke="white"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M16.5557 16.5557L21.0001 21.0001"
stroke="white"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,83 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="94"
height="100"
viewBox="0 0 94 100"
fill="none"
>
<path
d="M42.0251 83.1601V97.0789H6.53125V63.4878C6.53125 52.6201 14.9849 45.9077 23.9018 45.9077C37.364 45.9077 47.7863 62.8485 47.7863 62.8485L57.5138 54.044"
stroke="white"
stroke-width="4"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path d="M72.9202 14.0786H90V53.0786H66V14.0786H67.6205" fill="#CDEBD2" />
<path
d="M72.9202 14.0786H90V53.0786H66V14.0786H67.6205"
stroke="white"
stroke-width="4"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M67.3296 14.0569H64V9.2656C64 7.50951 65.2249 6.07861 66.7086 6.07861H89.2914C90.7924 6.07861 92 7.50951 92 9.2656V14.0786H75.2627"
fill="#CDEBD2"
/>
<path
d="M67.3296 14.0569H64V9.2656C64 7.50951 65.2249 6.07861 66.7086 6.07861H89.2914C90.7924 6.07861 92 7.50951 92 9.2656V14.0786H75.2627"
stroke="white"
stroke-width="4"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M30.5318 38.7246C38.3316 35.4818 42.0355 26.5066 38.8046 18.6779C35.5737 10.8492 26.6316 7.13165 18.8318 10.3745C11.032 13.6173 7.32811 22.5925 10.559 30.4212C13.7898 38.2498 22.732 41.9674 30.5318 38.7246Z"
stroke="white"
stroke-width="4"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M81.6882 54.0713C81.6882 54.0713 79.459 64.7937 72.2791 64.7937C67.647 64.7937 65.0993 63.1955 65.0993 63.1955C65.0993 63.1955 55.4007 73.5983 52.6794 76.1554C49.958 78.7125 47.7287 81.444 41.678 75.3708C35.6273 69.2977 28.2158 61.8588 28.2158 61.8588"
stroke="white"
stroke-width="4"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M25.4365 29.606C25.4365 29.606 26.2182 34.8073 33.8323 36.4346"
stroke="white"
stroke-width="4"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M6.01024 22.7476L3.1441 14.7857C2.56508 13.1584 3.78102 11.2116 5.89444 10.456L28.3025 2.37791C30.3869 1.6224 32.5872 2.34886 33.1662 3.9761L36.0034 11.938"
fill="white"
/>
<path
d="M6.01024 22.7476L3.1441 14.7857C2.56508 13.1584 3.78102 11.2116 5.89444 10.456L28.3025 2.37791C30.3869 1.6224 32.5872 2.34886 33.1662 3.9761L36.0034 11.938"
stroke="white"
stroke-width="4"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M5.95215 22.5735L50.6234 6.44629"
stroke="white"
stroke-width="4"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,63 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="131"
height="97"
viewBox="0 0 131 97"
fill="none"
>
<path
d="M107.952 41.9941V94.0789H11.2969V41.9941"
stroke="white"
stroke-width="5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M30.7462 27.9656C30.7462 35.7364 24.4537 42.0348 16.6903 42.0348C8.92678 42.0348 2.63428 35.7364 2.63428 27.9656L14.9333 3.07861H106.134L116.39 27.9656C116.39 35.7364 110.097 42.0348 102.334 42.0348C94.5702 42.0348 88.2777 35.7364 88.2777 27.9656"
stroke="white"
stroke-width="5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M59.2872 27.9658C59.2872 35.7366 52.9947 42.035 45.2313 42.035C37.4678 42.035 31.1753 35.7366 31.1753 27.9658"
stroke="white"
stroke-width="5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M87.8283 27.9658C87.8283 35.7366 81.5358 42.035 73.7723 42.035C66.0088 42.035 59.7163 35.7366 59.7163 27.9658"
stroke="white"
stroke-width="5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M2.63428 27.9658H101.925"
stroke="white"
stroke-width="5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M47 94.0786V60.0786H69V94.0786"
stroke="white"
stroke-width="5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M108.5 53.0786C120.926 53.0786 131 43.2289 131 31.0786C131 18.9283 120.926 9.07861 108.5 9.07861C96.0736 9.07861 86 18.9283 86 31.0786C86 43.2289 96.0736 53.0786 108.5 53.0786Z"
fill="#CDEBD2"
/>
<path
d="M98 30.0992L104.989 38.0786L119 22.0786"
stroke="#117564"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,26 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="14"
height="17"
viewBox="0 0 14 17"
fill="none"
>
<path
d="M1 15.7005C1 12.7209 4.12081 9.86133 7.10747 9.86133C10.0871 9.86133 13.2149 12.7209 13.2149 15.7005"
stroke="white"
stroke-width="1.2"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M7.10717 8.15245C5.15137 8.15245 3.55566 6.55674 3.55566 4.60093V4.55857C3.55566 2.60277 5.15137 1 7.10717 1C9.06298 1 10.6587 2.60277 10.6587 4.55857V4.60093C10.6587 6.55674 9.06298 8.15245 7.10717 8.15245Z"
stroke="white"
stroke-width="1.2"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View File

@ -0,0 +1,52 @@
<template>
<svg
width="362"
height="83"
viewBox="0 0 362 83"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="logo-img"
>
<g clip-path="url(#clip0_4_3356)">
<path
d="M76.4196 53.7895C76.4196 54.5999 76.7274 55.4954 77.3429 56.476C77.9585 57.4565 78.5457 58.3804 79.1045 59.2475C79.6633 60.1146 80.044 60.8359 80.2505 61.4153C80.4571 61.9947 80.1452 62.2824 79.3272 62.2824H61.1932C60.3711 62.2824 60.0634 61.9947 60.2699 61.4153C60.4764 60.8359 60.8571 60.1146 61.4159 59.2475C61.9748 58.3804 62.562 57.4565 63.1775 56.476C63.793 55.4954 64.1008 54.5999 64.1008 53.7895V11.7668C64.2182 10.8997 63.8781 10.065 63.0884 9.25462C62.2947 8.44828 61.4726 7.69462 60.6222 7.00174C59.7718 6.30886 59.1239 5.71727 58.6865 5.22699C58.2451 4.7367 58.4071 4.40444 59.1725 4.23021L75.5368 0.0729156C76.8286 -0.214772 77.4158 0.376811 77.2984 1.84767C77.1809 3.31852 76.8853 5.58761 76.4196 8.64683V53.7855V53.7895Z"
fill="black"
/>
<path
d="M85.8997 40.1142C85.8997 36.7835 86.4585 33.7324 87.5762 30.9649C88.6939 28.1975 90.257 25.8392 92.2656 23.8902C94.2742 21.9413 96.708 20.4299 99.5791 19.3561C102.446 18.2824 105.601 17.7475 109.043 17.7475C112.485 17.7475 115.64 18.2864 118.507 19.3561C121.374 20.4299 123.812 21.9413 125.82 23.8902C127.829 25.8392 129.392 28.1975 130.51 30.9649C131.628 33.7324 132.186 36.7835 132.186 40.1142C132.186 43.4449 131.628 46.5649 130.51 49.304C129.392 52.0431 127.829 54.4014 125.82 56.3787C123.812 58.3561 121.374 59.8796 118.507 60.9534C115.64 62.0271 112.485 62.562 109.043 62.562C105.601 62.562 102.446 62.0231 99.5791 60.9534C96.712 59.8796 94.2742 58.3561 92.2656 56.3787C90.257 54.4014 88.6939 52.0472 87.5762 49.304C86.4585 46.5649 85.8997 43.5016 85.8997 40.1142ZM99.6642 39.7739C99.6642 42.825 99.891 45.5925 100.353 48.0763C100.81 50.5601 101.442 52.6915 102.244 54.4703C103.046 56.2491 104.022 57.6186 105.168 58.5789C106.314 59.5392 107.577 60.0214 108.954 60.0214C110.331 60.0214 111.679 59.5433 112.825 58.5789C113.971 57.6186 114.963 56.2491 115.794 54.4703C116.624 52.6915 117.256 50.5601 117.685 48.0763C118.114 45.5925 118.329 42.825 118.329 39.7739C118.329 36.7227 118.114 34.0444 117.685 31.5565C117.256 29.0727 116.624 26.9373 115.794 25.1626C114.963 23.3837 113.971 22.0142 112.825 21.0539C111.679 20.0936 110.387 19.6114 108.954 19.6114C107.52 19.6114 106.314 20.0936 105.168 21.0539C104.022 22.0142 103.046 23.3837 102.244 25.1626C101.438 26.9414 100.81 29.0727 100.353 31.5565C99.891 34.0404 99.6642 36.7795 99.6642 39.7739Z"
fill="black"
/>
<path
d="M192.898 14.7572C191.865 15.2718 190.974 15.5311 190.229 15.5311C188.338 15.5311 187.131 14.1818 186.617 11.4832C186.329 10.1623 185.471 9.14524 184.037 8.42805C182.604 7.71086 180.883 7.35023 178.874 7.35023C176.865 7.35023 174.901 7.73922 172.808 8.51314C170.714 9.28706 168.75 10.4216 166.916 11.9127C165.539 13.0027 164.105 14.5262 162.615 16.4752C161.125 18.4282 159.748 20.6649 158.484 23.1893C157.221 25.7136 156.176 28.4568 155.346 31.4107C154.512 34.3686 154.099 37.367 154.099 40.406V53.8341C154.099 54.6364 154.398 55.5278 155.002 56.5044C155.605 57.4809 156.176 58.3966 156.723 59.2597C157.27 60.1227 157.642 60.8399 157.841 61.4113C158.039 61.9866 157.739 62.2703 156.937 62.2703H139.212C138.407 62.2703 138.107 61.9826 138.309 61.4113C138.508 60.8359 138.88 60.1187 139.427 59.2597C139.974 58.4007 140.545 57.4809 141.148 56.5044C141.752 55.5278 142.051 54.6405 142.051 53.8341V28.9552C142.165 28.0921 141.837 27.2615 141.063 26.4592C140.29 25.6569 139.484 24.9073 138.654 24.2225C137.819 23.5337 137.192 22.9462 136.762 22.4599C136.333 21.9737 136.491 21.6414 137.236 21.4713L153.24 17.3383C154.5 17.0506 155.075 17.6381 154.961 19.1049C154.844 20.5677 154.56 22.8206 154.103 25.8636V26.8117C155.593 23.0231 157.399 19.6965 159.525 16.8277C161.647 13.959 163.826 11.6899 166.065 10.0286C167.555 8.93859 169.119 8.0026 170.755 7.22867C172.391 6.45475 174.051 5.82265 175.744 5.33642C177.436 4.85018 179.113 4.48956 180.777 4.2586C182.438 4.03169 184.017 3.91418 185.507 3.91418C187.686 3.91418 189.609 4.12894 191.27 4.55844C192.934 4.98795 194.165 5.6079 194.971 6.41018C195.603 7.04228 196.016 7.74327 196.218 8.52124C196.417 9.29517 196.417 10.0569 196.218 10.8025C196.016 11.548 195.643 12.2652 195.101 12.9541C194.554 13.6429 193.825 14.2466 192.906 14.7612L192.898 14.7572Z"
fill="black"
/>
<path
d="M361.23 47.9588C360.283 46.5447 358.809 45.6654 356.8 45.3291C354.966 45.0454 353.617 45.3291 352.759 46.1759C351.9 47.0228 351.609 48.441 351.9 50.4183C352.301 52.9629 352.184 55.0862 351.556 56.7839C350.924 58.4817 349.604 59.6689 347.6 60.3496C347.385 60.4145 347.162 60.4509 346.939 60.4914C346.761 60.5077 346.579 60.5198 346.397 60.5198C344.619 60.5198 343.198 60.0417 342.137 59.0773C341.076 58.117 340.258 56.7434 339.687 54.9605C339.112 53.1777 338.739 51.0423 338.569 48.5544C338.399 46.0665 338.31 43.3234 338.31 40.3209V21.3092H346.83C347.863 21.3092 348.377 20.7703 348.377 19.6965C348.377 18.6754 347.863 18.1689 346.83 18.1689H338.31V8.49287C338.31 6.96528 338.322 5.6484 338.354 4.54627C338.383 3.44414 338.354 2.52435 338.269 1.7869C338.184 1.0535 337.998 0.542953 337.71 0.259317C337.423 -0.024319 336.965 -0.0810462 336.334 0.0891354L321.536 4.16134C320.791 4.38825 320.617 4.74077 321.018 5.22295C321.419 5.70513 322.006 6.2724 322.784 6.92071C323.557 7.57307 324.347 8.29432 325.149 9.08445C325.95 9.87863 326.351 10.6971 326.351 11.544V18.1649H320.5C319.467 18.1649 318.949 18.6754 318.949 19.6924V19.7775C318.949 20.7946 319.467 21.3051 320.5 21.3051H326.351V40.1466C326.351 47.3915 327.684 52.9467 330.352 56.8244C333.021 60.6981 337.305 62.639 343.214 62.639C343.493 62.639 343.748 62.6147 344.02 62.6066C345.081 62.6673 346.19 62.5944 347.344 62.3837C350.957 61.703 353.913 60.5036 356.205 58.7775C358.497 57.0513 360.25 54.9727 361.453 52.5415C362.255 50.9005 362.186 49.3729 361.238 47.9588H361.23Z"
fill="black"
/>
<path
d="M253.139 39.5996C253.139 36.5566 253.022 33.8053 252.795 31.3337C252.564 28.866 252.135 26.7712 251.503 25.0491C250.871 23.327 249.997 21.9939 248.879 21.0458C247.761 20.0976 246.312 19.6235 244.534 19.6235C243.157 19.6235 241.837 20.1098 240.577 21.0863C239.314 22.0628 238.18 23.4526 237.18 25.2598C236.176 27.067 235.386 29.2347 234.815 31.7591C234.24 34.2835 233.956 37.0672 233.956 40.1102V53.5383C233.956 54.3406 234.256 55.232 234.859 56.2085C235.463 57.1851 236.034 58.1008 236.581 58.9639C237.127 59.8269 237.5 60.5441 237.698 61.1154C237.897 61.6908 237.597 61.9744 236.795 61.9744H219.07C218.264 61.9744 217.965 61.6868 218.167 61.1154C218.365 60.5401 218.738 59.8229 219.285 58.9639C219.831 58.1048 220.402 57.1851 221.006 56.2085C221.609 55.232 221.909 54.3446 221.909 53.5383V28.6594C222.022 27.7963 221.694 26.9657 220.921 26.1634C220.147 25.3611 219.341 24.6115 218.511 23.9267C217.677 23.2379 217.049 22.6503 216.62 22.1641C216.191 21.6779 216.349 21.3456 217.094 21.1754L233.098 17.0425C234.301 16.7548 234.876 17.2856 234.819 18.6349C234.762 19.9842 234.503 22.0669 234.045 24.8789C236.111 20.6892 239.322 18.3067 243.683 17.7353C247.352 17.2167 250.568 17.476 253.321 18.5093C256.075 19.5425 258.355 21.1066 260.161 23.2014C261.967 25.2963 263.328 27.8206 264.247 30.7785C265.162 33.7365 265.624 36.9051 265.624 40.2925V50.4507C265.624 56.3625 265.697 61.1843 265.839 64.9162C265.98 68.644 266.195 71.5735 266.483 73.6967C266.77 75.8199 267.155 77.3273 267.645 78.2187C268.131 79.1061 268.746 79.726 269.495 80.0704C270.354 80.4716 271.229 80.4432 272.12 79.9853C273.006 79.5234 273.869 78.7941 274.699 77.7892C275.529 76.7843 276.274 75.5768 276.935 74.1749C277.595 72.7688 278.153 71.3182 278.611 69.8271C279.3 67.5297 280.559 66.383 282.397 66.383C283.313 66.383 284.345 66.699 285.495 67.3311C287.216 68.3076 288.233 69.5556 288.549 71.0751C288.865 72.5946 288.448 74.0168 287.301 75.3378C286.155 76.5979 284.779 77.7325 283.171 78.7373C281.563 79.7422 279.903 80.5891 278.182 81.2779C276.461 81.9667 274.768 82.453 273.108 82.7407C271.443 83.0283 269.925 83.0851 268.548 82.9149C266.369 82.6272 264.462 81.752 262.826 80.2892C261.19 78.8265 259.801 76.9869 258.655 74.7786C257.509 72.5703 256.561 70.0743 255.816 67.2906C255.071 64.5069 254.496 61.6219 254.095 58.6397C253.694 55.6575 253.419 52.6428 253.277 49.5998C253.131 46.5609 253.091 43.688 253.147 40.9935V39.6158L253.139 39.5996Z"
fill="black"
/>
<path
d="M212.55 60.9736C212.348 60.3942 211.971 59.673 211.416 58.8059L209.631 56.0789C209.428 55.7669 209.226 55.4549 209.015 55.1267C208.412 54.1866 208.112 53.3276 208.112 52.5537V39.7739C208.112 36.508 207.796 33.5501 207.164 30.892C206.533 28.238 205.456 25.9527 203.937 24.0442C202.418 22.1358 200.422 20.6568 197.956 19.6033C195.489 18.5539 192.392 18.0271 188.662 18.0271C187.228 18.0271 185.738 18.1081 184.187 18.2743C182.64 18.4404 181.134 18.7159 179.668 19.1049C178.206 19.4939 176.841 19.9923 175.582 20.6001C174.318 21.2079 173.229 21.9575 172.314 22.8408C171.05 24.1131 170.605 25.5232 170.981 27.0751C171.354 28.6229 172.455 29.8709 174.294 30.811L174.379 30.892C175.412 31.3904 176.299 31.6376 177.048 31.6376C178.939 31.6376 180.146 30.3369 180.66 27.7356C181.118 25.2477 181.907 23.3108 183.025 21.9251C184.143 20.5434 185.791 19.8505 187.973 19.8505C190.496 19.8505 192.319 20.7784 193.436 22.6301C194.554 24.4859 195.287 27.0427 195.631 30.3085C195.056 30.8069 194.283 31.2648 193.307 31.6781C192.331 32.0914 190.869 32.606 188.917 33.2138C185.993 34.1012 183.268 34.9278 180.745 35.7017C178.222 36.4756 175.983 37.3751 174.035 38.4003C172.083 39.4254 170.508 40.6288 169.301 42.0105C168.098 43.3923 167.321 45.1103 166.976 47.1565C166.632 49.4783 166.847 51.6542 167.62 53.672C168.394 55.694 169.613 57.4079 171.277 58.818C172.941 60.2281 174.974 61.2654 177.384 61.9299C179.793 62.5944 182.458 62.7322 185.386 62.3432C188.253 61.9542 190.589 61.0992 192.396 59.7702C194.202 58.4412 195.68 56.6178 196.826 54.292C197.077 54.9606 197.117 55.5035 197.478 56.0748C198.247 57.6916 199.636 59.0692 201.118 60.0579C202.888 61.2451 205.055 61.8367 207.61 61.8367H211.619C212.433 61.8367 212.737 61.549 212.534 60.9696L212.55 60.9736ZM193.315 55.4995C191.707 57.7402 189.642 59.1665 187.119 59.7743C186.086 60.0498 185.098 60.0214 184.151 59.6892C183.203 59.3569 182.413 58.6681 181.786 57.6146C181.154 56.5651 180.741 55.155 180.538 53.3843C180.336 51.6137 180.437 49.4297 180.838 46.8283C181.126 45.1143 181.527 43.6475 182.041 42.432C182.555 41.2164 183.171 40.1629 183.891 39.2795C184.608 38.3962 185.41 37.6628 186.301 37.0793C187.188 36.4999 188.095 36.0137 189.01 35.6287C190.156 35.0777 191.347 34.5793 192.582 34.1336C193.813 33.6919 194.918 33.1935 195.894 32.6425C195.951 33.7486 195.992 34.871 196.024 36.0015C196.052 37.1361 196.069 38.3395 196.069 39.6118L196.154 47.4118C195.866 50.5642 194.918 53.2628 193.315 55.5035V55.4995Z"
fill="black"
/>
<path
d="M32.0642 53.591C32.0642 54.4216 32.3639 55.3414 32.9673 56.3504C33.5707 57.3593 34.1417 58.3075 34.6884 59.1989C35.2351 60.0903 35.6076 60.8318 35.806 61.4234C36.0045 62.015 35.7048 62.3148 34.903 62.3148H16.2344C15.4286 62.3148 15.1289 62.019 15.3314 61.4234C15.5298 60.8318 15.9024 60.0863 16.4491 59.1989C16.9917 58.3075 17.5667 57.3593 18.1701 56.3504C18.7735 55.3414 19.0732 54.4216 19.0732 53.591V2.75937C17.2347 3.05922 15.5298 4.03574 13.9545 5.69703C12.3752 7.35833 11.0712 9.96778 10.0386 13.5294C9.35015 15.9039 8.08668 17.0911 6.25222 17.0911C5.33297 17.0911 4.30032 16.7669 3.15429 16.1105C1.43322 15.1016 0.416777 13.809 0.10091 12.2369C-0.214958 10.6647 0.202149 9.19791 1.34818 7.83241C3.70099 5.22295 6.41015 3.32259 9.47974 2.13537C12.5493 0.948155 15.7444 0.239065 19.0732 0H57.0137L54.6042 9.34783C54.4301 10.0002 54.0737 10.5513 53.527 10.997C52.9803 11.4427 52.3648 11.6655 51.6764 11.6655H51.4172C50.7854 11.6655 50.2671 11.4751 49.8662 11.0861C49.4653 10.7012 49.2061 10.1825 49.0927 9.53017C48.9186 7.98638 48.3597 6.75459 47.4162 5.8348C46.4686 4.91501 45.2497 4.45714 43.7594 4.45714H37.7377C36.1867 4.45714 34.8544 4.96363 33.7367 5.96851C32.619 6.97745 32.0602 8.37131 32.0602 10.1542V28.4041H39.9771C40.8964 28.4041 41.7103 28.242 42.4312 27.9138C43.1479 27.5897 43.7797 27.2453 44.3223 26.8887C44.869 26.5321 45.3266 26.1918 45.6992 25.8636C46.0717 25.5394 46.3431 25.3733 46.5172 25.3733C46.8614 25.3733 47.0315 25.9649 47.0315 27.1521V35.1628C47.0315 35.8759 46.9869 36.3662 46.9019 36.6296C46.8169 36.897 46.6873 37.0307 46.5172 37.0307C46.2864 37.0307 45.9988 36.8686 45.6546 36.5404C45.3104 36.2163 44.865 35.8597 44.3223 35.4707C43.7756 35.0858 43.1479 34.7292 42.4312 34.401C41.7144 34.0768 40.8964 33.9107 39.9771 33.9107H32.0602V53.5869L32.0642 53.591Z"
fill="black"
/>
<path
d="M287.909 43.3639C288.079 45.9247 288.419 48.2748 288.925 50.4143C289.436 52.5577 290.1 54.3933 290.918 55.9208C291.736 57.4525 292.671 58.6478 293.72 59.5068C294.765 60.3699 295.911 60.7994 297.158 60.7994C298.855 60.7994 300.353 60.1308 301.657 58.7977C302.957 57.4646 304.002 55.6007 304.796 53.2061C305.755 50.313 307.456 48.8664 309.886 48.8664C310.566 48.8664 311.328 49.0042 312.178 49.2838C314.045 49.9523 315.203 50.9532 315.657 52.2863C316.11 53.6234 315.685 54.9281 314.385 56.2085C312.348 58.2669 309.874 59.8512 306.962 60.9655C304.047 62.0758 300.811 62.6349 297.247 62.6349C293.684 62.6349 290.626 62.092 287.743 61.006C284.86 59.9201 282.398 58.4047 280.361 56.4598C278.324 54.5148 276.752 52.1485 275.651 49.3648C274.545 46.5852 273.995 43.526 273.995 40.1872C273.995 36.8484 274.545 33.7891 275.651 31.0095C276.752 28.2299 278.324 25.8635 280.361 23.9186C282.398 21.9737 284.86 20.4542 287.743 19.3723C290.626 18.2864 293.797 17.7475 297.247 17.7475C300.698 17.7475 304.148 18.2337 307.262 19.2062C310.372 20.1787 312.749 21.8643 314.389 24.2549C315.802 26.37 316.325 28.5824 315.96 30.888C315.592 33.1976 314.446 35.2965 312.522 37.1887C310.599 39.081 307.995 40.641 304.715 41.8606C301.435 43.0843 297.616 43.6961 293.258 43.6961C292.408 43.6961 291.546 43.6678 290.671 43.611C289.792 43.5584 288.873 43.4733 287.913 43.3598L287.909 43.3639ZM287.824 40.6937C288.674 40.8598 289.521 40.9449 290.371 40.9449C292.238 40.9449 294.032 40.568 295.761 39.8184C297.486 39.0688 299.013 38.0518 300.345 36.7714C301.674 35.491 302.751 34.0323 303.569 32.3912C304.387 30.7502 304.8 29.0119 304.8 27.1764C304.8 25.9527 304.589 24.8384 304.164 23.8376C303.739 22.8367 303.172 21.9899 302.467 21.2929C301.759 20.596 300.953 20.0976 300.05 19.7897C299.143 19.4858 298.183 19.4128 297.166 19.583C295.073 19.972 293.416 20.9891 292.202 22.6301C290.987 24.2711 290.051 26.1755 289.403 28.3474C288.751 30.5152 288.326 32.7275 288.132 34.9804C287.933 37.2333 287.836 39.1377 287.836 40.6977L287.824 40.6937Z"
fill="black"
/>
</g>
<defs>
<clipPath id="clip0_4_3356">
<rect width="362" height="83" fill="white" />
</clipPath>
</defs>
</svg>
</template>
<style></style>

View File

@ -0,0 +1,58 @@
<template>
<svg
width="228"
height="53"
viewBox="0 0 228 53"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="logo-img"
>
<g id="logo 2" clip-path="url(#clip0_4_3365)">
<path
id="Vector"
d="M48.1318 34.3475C48.1318 34.865 48.3256 35.4368 48.7133 36.063C49.101 36.6891 49.4708 37.279 49.8228 37.8327C50.1748 38.3864 50.4145 38.847 50.5446 39.217C50.6747 39.587 50.4783 39.7707 49.9631 39.7707H38.5416C38.0239 39.7707 37.83 39.587 37.9601 39.217C38.0902 38.847 38.3299 38.3864 38.6819 37.8327C39.0339 37.279 39.4037 36.6891 39.7914 36.063C40.1791 35.4368 40.3729 34.865 40.3729 34.3475V7.51374C40.4469 6.96004 40.2327 6.42704 39.7353 5.90956C39.2354 5.39467 38.7176 4.91342 38.182 4.47097C37.6464 4.02853 37.2383 3.65077 36.9628 3.3377C36.6848 3.02463 36.7868 2.81246 37.2689 2.7012L47.5757 0.0465444C48.3894 -0.13716 48.7592 0.240598 48.6852 1.17982C48.6113 2.11904 48.4251 3.56798 48.1318 5.52145V34.3449V34.3475Z"
fill="#117564"
/>
<path
id="Vector_2"
d="M54.1025 25.6151C54.1025 23.4883 54.4545 21.54 55.1585 19.7728C55.8624 18.0056 56.8469 16.4998 58.112 15.2552C59.3771 14.0107 60.91 13.0456 62.7183 12.36C64.5241 11.6743 66.511 11.3328 68.679 11.3328C70.847 11.3328 72.8339 11.6769 74.6397 12.36C76.4455 13.0456 77.9809 14.0107 79.246 15.2552C80.5111 16.4998 81.4956 18.0056 82.1996 19.7728C82.9035 21.54 83.2555 23.4883 83.2555 25.6151C83.2555 27.742 82.9035 29.7343 82.1996 31.4833C81.4956 33.2324 80.5111 34.7383 79.246 36.0009C77.9809 37.2635 76.4455 38.2364 74.6397 38.9221C72.8339 39.6077 70.847 39.9492 68.679 39.9492C66.511 39.9492 64.5241 39.6051 62.7183 38.9221C60.9125 38.2364 59.3771 37.2635 58.112 36.0009C56.8469 34.7383 55.8624 33.235 55.1585 31.4833C54.4545 29.7343 54.1025 27.7782 54.1025 25.6151ZM62.7719 25.3978C62.7719 27.3461 62.9147 29.1133 63.2055 30.6993C63.4937 32.2854 63.8916 33.6464 64.3966 34.7822C64.9016 35.9181 65.5163 36.7926 66.2381 37.4058C66.9599 38.0191 67.7557 38.327 68.6229 38.327C69.4901 38.327 70.3394 38.0216 71.0612 37.4058C71.783 36.7926 72.4079 35.9181 72.9308 34.7822C73.4537 33.6464 73.8516 32.2854 74.1219 30.6993C74.3923 29.1133 74.5275 27.3461 74.5275 25.3978C74.5275 23.4495 74.3923 21.7392 74.1219 20.1506C73.8516 18.5645 73.4537 17.201 72.9308 16.0677C72.4079 14.9318 71.783 14.0573 71.0612 13.4441C70.3394 12.8309 69.5258 12.523 68.6229 12.523C67.72 12.523 66.9599 12.8309 66.2381 13.4441C65.5163 14.0573 64.9016 14.9318 64.3966 16.0677C63.8891 17.2035 63.4937 18.5645 63.2055 20.1506C62.9147 21.7366 62.7719 23.4857 62.7719 25.3978Z"
fill="#117564"
/>
<path
id="Vector_3"
d="M121.494 9.42323C120.843 9.75183 120.282 9.91742 119.813 9.91742C118.622 9.91742 117.862 9.05582 117.538 7.33263C117.357 6.48914 116.816 5.8397 115.913 5.38174C115.01 4.92377 113.926 4.69349 112.661 4.69349C111.396 4.69349 110.159 4.94188 108.84 5.43607C107.522 5.93026 106.285 6.65473 105.129 7.60689C104.262 8.30289 103.359 9.27575 102.421 10.5203C101.482 11.7674 100.615 13.1956 99.819 14.8076C99.0232 16.4195 98.3651 18.1712 97.8423 20.0574C97.3168 21.9462 97.0567 23.8608 97.0567 25.8014V34.376C97.0567 34.8883 97.2454 35.4575 97.6255 36.0811C98.0055 36.7046 98.3651 37.2894 98.7095 37.8405C99.0538 38.3916 99.2884 38.8496 99.4134 39.2144C99.5384 39.5818 99.3497 39.7629 98.8446 39.7629H87.6808C87.1733 39.7629 86.9845 39.5792 87.112 39.2144C87.237 38.847 87.4717 38.389 87.816 37.8405C88.1603 37.292 88.52 36.7046 88.9 36.0811C89.28 35.4575 89.4688 34.8909 89.4688 34.376V18.4894C89.5402 17.9383 89.3336 17.4079 88.8464 16.8956C88.3593 16.3833 87.8517 15.9046 87.3288 15.4674C86.8034 15.0275 86.4081 14.6523 86.1377 14.3419C85.8674 14.0314 85.9668 13.8192 86.4362 13.7105L96.516 11.0714C97.3092 10.8877 97.6714 11.2629 97.6 12.1995C97.526 13.1335 97.3475 14.5721 97.0592 16.5153V17.1207C97.9979 14.7015 99.1354 12.5773 100.474 10.7454C101.811 8.91352 103.183 7.46458 104.594 6.40375C105.532 5.70775 106.517 5.11006 107.547 4.61587C108.578 4.12168 109.623 3.71805 110.689 3.40756C111.756 3.09708 112.812 2.8668 113.86 2.71932C114.906 2.57442 115.9 2.49939 116.839 2.49939C118.211 2.49939 119.423 2.63652 120.468 2.91078C121.517 3.18505 122.292 3.58092 122.8 4.09322C123.197 4.49685 123.458 4.94447 123.585 5.44125C123.71 5.93544 123.71 6.42187 123.585 6.89794C123.458 7.37402 123.223 7.83199 122.881 8.27185C122.537 8.7117 122.078 9.09722 121.499 9.42582L121.494 9.42323Z"
fill="#117564"
/>
<path
id="Vector_4"
d="M227.515 30.6243C226.918 29.7213 225.99 29.1598 224.725 28.9451C223.569 28.764 222.72 28.9451 222.179 29.4858C221.639 30.0266 221.455 30.9322 221.639 32.1948C221.891 33.8197 221.817 35.1755 221.422 36.2596C221.024 37.3437 220.193 38.1018 218.93 38.5365C218.795 38.5779 218.655 38.6012 218.514 38.6271C218.402 38.6374 218.287 38.6452 218.172 38.6452C217.053 38.6452 216.158 38.3399 215.489 37.7241C214.821 37.1109 214.306 36.2337 213.946 35.0953C213.584 33.9568 213.349 32.5933 213.242 31.0046C213.135 29.416 213.079 27.6643 213.079 25.7471V13.6071H218.445C219.096 13.6071 219.42 13.2629 219.42 12.5773C219.42 11.9253 219.096 11.6018 218.445 11.6018H213.079V5.42315C213.079 4.44771 213.087 3.60681 213.107 2.90304C213.125 2.19927 213.107 1.61193 213.054 1.14103C213 0.672713 212.883 0.346703 212.702 0.165586C212.52 -0.0155312 212.232 -0.0517546 211.834 0.0569156L202.515 2.65724C202.045 2.80213 201.936 3.02723 202.188 3.33513C202.441 3.64303 202.81 4.00527 203.3 4.41925C203.787 4.83582 204.285 5.29637 204.79 5.80091C205.295 6.30804 205.547 6.83069 205.547 7.37145V11.5992H201.862C201.211 11.5992 200.885 11.9253 200.885 12.5747V12.629C200.885 13.2785 201.211 13.6045 201.862 13.6045H205.547V25.6358C205.547 30.2621 206.386 33.8094 208.067 36.2855C209.748 38.759 212.446 39.9984 216.168 39.9984C216.344 39.9984 216.504 39.9829 216.675 39.9777C217.344 40.0165 218.042 39.9699 218.769 39.8354C221.044 39.4007 222.906 38.6348 224.35 37.5326C225.794 36.4304 226.898 35.1031 227.655 33.5506C228.161 32.5027 228.117 31.5273 227.52 30.6243H227.515Z"
fill="#117564"
/>
<path
id="Vector_5"
d="M159.436 25.2865C159.436 23.3434 159.362 21.5865 159.219 20.0082C159.074 18.4325 158.803 17.0948 158.405 15.9952C158.008 14.8956 157.457 14.0443 156.753 13.4389C156.049 12.8334 155.136 12.5307 154.016 12.5307C153.149 12.5307 152.317 12.8412 151.524 13.4647C150.728 14.0883 150.014 14.9758 149.384 16.1298C148.752 17.2837 148.254 18.668 147.895 20.2799C147.532 21.8919 147.354 23.6694 147.354 25.6125V34.1871C147.354 34.6994 147.543 35.2686 147.923 35.8922C148.303 36.5158 148.662 37.1005 149.007 37.6516C149.351 38.2027 149.586 38.6607 149.711 39.0255C149.836 39.3929 149.647 39.5741 149.142 39.5741H137.978C137.47 39.5741 137.282 39.3903 137.409 39.0255C137.534 38.6581 137.769 38.2002 138.113 37.6516C138.457 37.1031 138.817 36.5158 139.197 35.8922C139.577 35.2686 139.766 34.702 139.766 34.1871V18.3006C139.837 17.7495 139.631 17.219 139.144 16.7067C138.656 16.1944 138.149 15.7158 137.626 15.2785C137.101 14.8386 136.705 14.4635 136.435 14.153C136.164 13.8425 136.264 13.6303 136.733 13.5217L146.813 10.8825C147.571 10.6988 147.933 11.0378 147.897 11.8994C147.861 12.761 147.698 14.0909 147.41 15.8865C148.711 13.2112 150.733 11.6898 153.48 11.325C155.791 10.9938 157.816 11.1594 159.551 11.8192C161.285 12.479 162.721 13.4777 163.859 14.8154C164.996 16.153 165.853 17.765 166.432 19.6538C167.008 21.5426 167.299 23.5659 167.299 25.729V32.2155C167.299 35.9905 167.345 39.0695 167.434 41.4525C167.524 43.8329 167.659 45.7036 167.84 47.0594C168.021 48.4151 168.263 49.3777 168.572 49.9469C168.878 50.5135 169.266 50.9094 169.738 51.1293C170.278 51.3855 170.829 51.3674 171.39 51.075C171.949 50.78 172.492 50.3143 173.015 49.6726C173.538 49.0309 174.007 48.2599 174.423 47.3647C174.839 46.4668 175.191 45.5406 175.479 44.5884C175.912 43.1214 176.706 42.3891 177.864 42.3891C178.44 42.3891 179.09 42.5909 179.815 42.9946C180.899 43.6181 181.539 44.4151 181.738 45.3853C181.937 46.3556 181.674 47.2638 180.952 48.1072C180.231 48.9119 179.363 49.6364 178.351 50.2781C177.338 50.9197 176.293 51.4605 175.209 51.9004C174.125 52.3402 173.058 52.6507 172.013 52.8344C170.964 53.0181 170.008 53.0543 169.141 52.9457C167.769 52.762 166.567 52.2031 165.537 51.269C164.506 50.335 163.632 49.1603 162.91 47.7502C162.188 46.3401 161.591 44.7462 161.122 42.9687C160.652 41.1912 160.29 39.3489 160.038 37.4446C159.785 35.5403 159.612 33.6153 159.523 31.6722C159.431 29.7316 159.405 27.8972 159.441 26.1766V25.2969L159.436 25.2865Z"
fill="#117564"
/>
<path
id="Vector_6"
d="M133.871 38.935C133.744 38.565 133.507 38.1044 133.157 37.5507L132.032 35.8094C131.905 35.6102 131.777 35.411 131.645 35.2014C131.265 34.6011 131.076 34.0526 131.076 33.5584V25.3978C131.076 23.3124 130.877 21.4236 130.479 19.7262C130.081 18.0315 129.403 16.5722 128.446 15.3536C127.49 14.1349 126.232 13.1905 124.679 12.5178C123.126 11.8477 121.175 11.5113 118.826 11.5113C117.923 11.5113 116.984 11.563 116.007 11.6691C115.033 11.7752 114.084 11.9511 113.161 12.1995C112.24 12.4479 111.38 12.7662 110.587 13.1543C109.791 13.5424 109.105 14.0211 108.529 14.5851C107.733 15.3975 107.453 16.298 107.69 17.2889C107.924 18.2773 108.618 19.0742 109.776 19.6745L109.83 19.7262C110.48 20.0445 111.039 20.2023 111.511 20.2023C112.702 20.2023 113.462 19.3718 113.786 17.7107C114.074 16.122 114.571 14.8852 115.275 14.0004C115.979 13.1181 117.017 12.6756 118.392 12.6756C119.981 12.6756 121.129 13.2681 121.833 14.4506C122.537 15.6356 122.998 17.2682 123.215 19.3537C122.853 19.6719 122.366 19.9643 121.751 20.2282C121.136 20.4921 120.216 20.8207 118.986 21.2088C117.145 21.7754 115.428 22.3033 113.839 22.7975C112.25 23.2917 110.84 23.8661 109.613 24.5207C108.384 25.1753 107.391 25.9437 106.631 26.826C105.874 27.7083 105.384 28.8054 105.167 30.112C104.95 31.5946 105.086 32.984 105.573 34.2725C106.06 35.5636 106.828 36.6581 107.876 37.5585C108.924 38.4589 110.205 39.1213 111.722 39.5456C113.24 39.9699 114.918 40.0579 116.762 39.8095C118.568 39.5611 120.04 39.0152 121.177 38.1665C122.315 37.3179 123.246 36.1535 123.967 34.6684C124.126 35.0953 124.151 35.442 124.378 35.8068C124.863 36.8392 125.738 37.7189 126.671 38.3502C127.786 39.1083 129.15 39.4861 130.76 39.4861H133.285C133.797 39.4861 133.989 39.3024 133.861 38.9324L133.871 38.935ZM121.756 35.4394C120.744 36.8703 119.443 37.781 117.854 38.1691C117.203 38.3451 116.581 38.327 115.984 38.1148C115.387 37.9026 114.89 37.4628 114.495 36.79C114.097 36.1199 113.837 35.2195 113.709 34.0888C113.582 32.9581 113.645 31.5635 113.898 29.9024C114.079 28.808 114.331 27.8713 114.655 27.0951C114.979 26.3189 115.367 25.6462 115.821 25.0821C116.272 24.5181 116.777 24.0498 117.339 23.6772C117.897 23.3072 118.468 22.9967 119.045 22.7509C119.767 22.399 120.517 22.0808 121.295 21.7961C122.07 21.5141 122.766 21.1959 123.381 20.844C123.417 21.5503 123.442 22.2671 123.462 22.9889C123.48 23.7134 123.491 24.4819 123.491 25.2943L123.544 30.275C123.363 32.288 122.766 34.0112 121.756 35.442V35.4394Z"
fill="#117564"
/>
<path
id="Vector_7"
d="M20.1952 34.2208C20.1952 34.7512 20.3839 35.3385 20.764 35.9828C21.144 36.627 21.5036 37.2325 21.848 37.8017C22.1923 38.3709 22.4269 38.8444 22.5519 39.2222C22.6769 39.5999 22.4881 39.7914 21.9831 39.7914H10.225C9.71748 39.7914 9.52874 39.6025 9.65626 39.2222C9.78124 38.8444 10.0159 38.3683 10.3602 37.8017C10.702 37.2325 11.0642 36.627 11.4442 35.9828C11.8242 35.3385 12.013 34.7512 12.013 34.2208V1.76201C10.855 1.95348 9.78124 2.57704 8.78907 3.63786C7.79435 4.69869 6.97307 6.36497 6.32268 8.63928C5.88908 10.1555 5.0933 10.9136 3.9379 10.9136C3.35892 10.9136 2.70853 10.7066 1.98672 10.2874C0.902728 9.64318 0.262537 8.81781 0.0635927 7.8139C-0.135351 6.81 0.127357 5.87336 0.849166 5.00142C2.33104 3.33514 4.03737 2.12166 5.9707 1.36355C7.90403 0.605448 9.91642 0.152656 12.013 0H35.9092L34.3916 5.9691C34.282 6.38567 34.0575 6.73755 33.7132 7.02216C33.3689 7.30678 32.9812 7.44908 32.5476 7.44908H32.3843C31.9864 7.44908 31.66 7.32748 31.4075 7.07909C31.155 6.83328 30.9917 6.5021 30.9203 6.08553C30.8106 5.09974 30.4587 4.31317 29.8644 3.72583C29.2675 3.1385 28.4998 2.84612 27.5612 2.84612H23.7685C22.7917 2.84612 21.9525 3.16955 21.2486 3.81122C20.5446 4.45548 20.1926 5.34554 20.1926 6.48399V18.1376H25.179C25.758 18.1376 26.2706 18.0341 26.7246 17.8245C27.1761 17.6175 27.574 17.3976 27.9157 17.1699C28.2601 16.9422 28.5483 16.7249 28.7829 16.5153C29.0176 16.3083 29.1885 16.2022 29.2982 16.2022C29.515 16.2022 29.6221 16.58 29.6221 17.3381V22.4533C29.6221 22.9087 29.594 23.2218 29.5405 23.39C29.4869 23.5607 29.4053 23.6461 29.2982 23.6461C29.1528 23.6461 28.9717 23.5426 28.7549 23.333C28.5381 23.126 28.2575 22.8984 27.9157 22.65C27.5714 22.4042 27.1761 22.1765 26.7246 21.9669C26.2732 21.7599 25.758 21.6538 25.179 21.6538H20.1926V34.2182L20.1952 34.2208Z"
fill="#117564"
/>
<path
id="Vector_8"
d="M181.335 27.6902C181.442 29.3254 181.656 30.8261 181.975 32.1923C182.296 33.561 182.715 34.7331 183.23 35.7085C183.745 36.6865 184.334 37.4498 184.995 37.9984C185.653 38.5495 186.375 38.8237 187.16 38.8237C188.229 38.8237 189.173 38.3968 189.994 37.5456C190.813 36.6943 191.471 35.5041 191.971 33.975C192.575 32.1276 193.646 31.2039 195.177 31.2039C195.605 31.2039 196.085 31.2919 196.62 31.4704C197.796 31.8973 198.526 32.5364 198.811 33.3876C199.097 34.2415 198.829 35.0746 198.01 35.8922C196.727 37.2066 195.169 38.2183 193.335 38.9298C191.499 39.6388 189.461 39.9958 187.216 39.9958C184.972 39.9958 183.046 39.6491 181.23 38.9557C179.414 38.2623 177.863 37.2946 176.581 36.0526C175.298 34.8107 174.308 33.2997 173.614 31.5221C172.918 29.7472 172.571 27.7937 172.571 25.6617C172.571 23.5297 172.918 21.5762 173.614 19.8013C174.308 18.0263 175.298 16.5153 176.581 15.2734C177.863 14.0314 179.414 13.0611 181.23 12.3703C183.046 11.6769 185.043 11.3328 187.216 11.3328C189.389 11.3328 191.563 11.6433 193.524 12.2642C195.483 12.8852 196.98 13.9615 198.013 15.4881C198.903 16.8387 199.232 18.2514 199.003 19.7237C198.77 21.1985 198.049 22.5387 196.837 23.747C195.626 24.9553 193.986 25.9515 191.92 26.7303C189.854 27.5117 187.448 27.9024 184.704 27.9024C184.168 27.9024 183.625 27.8843 183.074 27.848C182.521 27.8144 181.942 27.7601 181.337 27.6876L181.335 27.6902ZM181.281 25.9851C181.817 26.0912 182.35 26.1455 182.886 26.1455C184.061 26.1455 185.191 25.9049 186.28 25.4263C187.367 24.9476 188.328 24.2982 189.168 23.4805C190.004 22.6629 190.683 21.7315 191.198 20.6836C191.713 19.6357 191.973 18.5257 191.973 17.3536C191.973 16.5722 191.841 15.8607 191.573 15.2216C191.305 14.5825 190.948 14.0418 190.504 13.5967C190.058 13.1517 189.55 12.8334 188.981 12.6368C188.41 12.4428 187.806 12.3962 187.165 12.5048C185.847 12.7532 184.804 13.4027 184.038 14.4506C183.273 15.4985 182.684 16.7145 182.276 18.1014C181.865 19.4856 181.597 20.8983 181.475 22.3369C181.35 23.7755 181.289 24.9916 181.289 25.9877L181.281 25.9851Z"
fill="#117564"
/>
</g>
<defs>
<clipPath id="clip0_4_3365">
<rect width="228" height="53" fill="white" />
</clipPath>
</defs>
</svg>
</template>

View File

@ -0,0 +1,58 @@
<template>
<svg
width="228"
height="53"
viewBox="0 0 228 53"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="logo-img"
>
<g id="logo 3" clip-path="url(#clip0_4_3374)">
<path
id="Vector"
d="M48.1318 34.3475C48.1318 34.865 48.3256 35.4368 48.7133 36.063C49.101 36.6891 49.4708 37.279 49.8228 37.8327C50.1748 38.3864 50.4145 38.847 50.5446 39.217C50.6747 39.587 50.4783 39.7707 49.9631 39.7707H38.5416C38.0239 39.7707 37.83 39.587 37.9601 39.217C38.0902 38.847 38.3299 38.3864 38.6819 37.8327C39.0339 37.279 39.4037 36.6891 39.7914 36.063C40.1791 35.4368 40.3729 34.865 40.3729 34.3475V7.51374C40.4469 6.96004 40.2327 6.42704 39.7353 5.90956C39.2354 5.39467 38.7176 4.91342 38.182 4.47097C37.6464 4.02853 37.2383 3.65077 36.9628 3.3377C36.6848 3.02463 36.7868 2.81246 37.2689 2.7012L47.5757 0.0465444C48.3894 -0.13716 48.7592 0.240598 48.6852 1.17982C48.6113 2.11904 48.4251 3.56798 48.1318 5.52145V34.3449V34.3475Z"
fill="#CDEBD2"
/>
<path
id="Vector_2"
d="M54.1025 25.6151C54.1025 23.4883 54.4545 21.54 55.1585 19.7728C55.8624 18.0056 56.8469 16.4998 58.112 15.2552C59.3771 14.0107 60.91 13.0456 62.7183 12.36C64.5241 11.6743 66.511 11.3328 68.679 11.3328C70.847 11.3328 72.8339 11.6769 74.6397 12.36C76.4455 13.0456 77.9809 14.0107 79.246 15.2552C80.5111 16.4998 81.4956 18.0056 82.1996 19.7728C82.9035 21.54 83.2555 23.4883 83.2555 25.6151C83.2555 27.742 82.9035 29.7343 82.1996 31.4833C81.4956 33.2324 80.5111 34.7383 79.246 36.0009C77.9809 37.2635 76.4455 38.2364 74.6397 38.9221C72.8339 39.6077 70.847 39.9492 68.679 39.9492C66.511 39.9492 64.5241 39.6051 62.7183 38.9221C60.9125 38.2364 59.3771 37.2635 58.112 36.0009C56.8469 34.7383 55.8624 33.235 55.1585 31.4833C54.4545 29.7343 54.1025 27.7782 54.1025 25.6151ZM62.7719 25.3978C62.7719 27.3461 62.9147 29.1133 63.2055 30.6993C63.4937 32.2854 63.8916 33.6464 64.3966 34.7822C64.9016 35.9181 65.5163 36.7926 66.2381 37.4058C66.9599 38.0191 67.7557 38.327 68.6229 38.327C69.4901 38.327 70.3394 38.0216 71.0612 37.4058C71.783 36.7926 72.4079 35.9181 72.9308 34.7822C73.4537 33.6464 73.8516 32.2854 74.1219 30.6993C74.3923 29.1133 74.5275 27.3461 74.5275 25.3978C74.5275 23.4495 74.3923 21.7392 74.1219 20.1506C73.8516 18.5645 73.4537 17.201 72.9308 16.0677C72.4079 14.9318 71.783 14.0573 71.0612 13.4441C70.3394 12.8309 69.5258 12.523 68.6229 12.523C67.72 12.523 66.9599 12.8309 66.2381 13.4441C65.5163 14.0573 64.9016 14.9318 64.3966 16.0677C63.8891 17.2035 63.4937 18.5645 63.2055 20.1506C62.9147 21.7366 62.7719 23.4857 62.7719 25.3978Z"
fill="#CDEBD2"
/>
<path
id="Vector_3"
d="M121.494 9.42323C120.843 9.75183 120.282 9.91742 119.813 9.91742C118.622 9.91742 117.862 9.05582 117.538 7.33263C117.357 6.48914 116.816 5.8397 115.913 5.38174C115.01 4.92377 113.926 4.69349 112.661 4.69349C111.396 4.69349 110.159 4.94188 108.84 5.43607C107.522 5.93026 106.285 6.65473 105.129 7.60689C104.262 8.30289 103.359 9.27575 102.421 10.5203C101.482 11.7674 100.615 13.1956 99.819 14.8076C99.0232 16.4195 98.3651 18.1712 97.8423 20.0574C97.3168 21.9462 97.0567 23.8608 97.0567 25.8014V34.376C97.0567 34.8883 97.2454 35.4575 97.6255 36.0811C98.0055 36.7046 98.3651 37.2894 98.7095 37.8405C99.0538 38.3916 99.2884 38.8496 99.4134 39.2144C99.5384 39.5818 99.3497 39.7629 98.8446 39.7629H87.6808C87.1733 39.7629 86.9845 39.5792 87.112 39.2144C87.237 38.847 87.4717 38.389 87.816 37.8405C88.1603 37.292 88.52 36.7046 88.9 36.0811C89.28 35.4575 89.4688 34.8909 89.4688 34.376V18.4894C89.5402 17.9383 89.3336 17.4079 88.8464 16.8956C88.3593 16.3833 87.8517 15.9046 87.3288 15.4674C86.8034 15.0275 86.4081 14.6523 86.1377 14.3419C85.8674 14.0314 85.9668 13.8192 86.4362 13.7105L96.516 11.0714C97.3092 10.8877 97.6714 11.2629 97.6 12.1995C97.526 13.1335 97.3475 14.5721 97.0592 16.5153V17.1207C97.9979 14.7015 99.1354 12.5773 100.474 10.7454C101.811 8.91352 103.183 7.46458 104.594 6.40375C105.532 5.70775 106.517 5.11006 107.547 4.61587C108.578 4.12168 109.623 3.71805 110.689 3.40756C111.756 3.09708 112.812 2.8668 113.86 2.71932C114.906 2.57442 115.9 2.49939 116.839 2.49939C118.211 2.49939 119.423 2.63652 120.468 2.91078C121.517 3.18505 122.292 3.58092 122.8 4.09322C123.197 4.49685 123.458 4.94447 123.585 5.44125C123.71 5.93544 123.71 6.42187 123.585 6.89794C123.458 7.37402 123.223 7.83199 122.881 8.27185C122.537 8.7117 122.078 9.09722 121.499 9.42582L121.494 9.42323Z"
fill="#CDEBD2"
/>
<path
id="Vector_4"
d="M227.515 30.6243C226.918 29.7213 225.99 29.1598 224.725 28.9451C223.569 28.764 222.72 28.9451 222.179 29.4858C221.639 30.0266 221.455 30.9322 221.639 32.1948C221.891 33.8197 221.817 35.1755 221.422 36.2596C221.024 37.3437 220.193 38.1018 218.93 38.5365C218.795 38.5779 218.655 38.6012 218.514 38.6271C218.402 38.6374 218.287 38.6452 218.172 38.6452C217.053 38.6452 216.158 38.3399 215.489 37.7241C214.821 37.1109 214.306 36.2337 213.946 35.0953C213.584 33.9568 213.349 32.5933 213.242 31.0046C213.135 29.416 213.079 27.6643 213.079 25.7471V13.6071H218.445C219.096 13.6071 219.42 13.2629 219.42 12.5773C219.42 11.9253 219.096 11.6018 218.445 11.6018H213.079V5.42315C213.079 4.44771 213.087 3.60681 213.107 2.90304C213.125 2.19927 213.107 1.61193 213.054 1.14103C213 0.672713 212.883 0.346703 212.702 0.165586C212.52 -0.0155312 212.232 -0.0517546 211.834 0.0569156L202.515 2.65724C202.045 2.80213 201.936 3.02723 202.188 3.33513C202.441 3.64303 202.81 4.00527 203.3 4.41925C203.787 4.83582 204.285 5.29637 204.79 5.80091C205.295 6.30804 205.547 6.83069 205.547 7.37145V11.5992H201.862C201.211 11.5992 200.885 11.9253 200.885 12.5747V12.629C200.885 13.2785 201.211 13.6045 201.862 13.6045H205.547V25.6358C205.547 30.2621 206.386 33.8094 208.067 36.2855C209.748 38.759 212.446 39.9984 216.168 39.9984C216.344 39.9984 216.504 39.9829 216.675 39.9777C217.344 40.0165 218.042 39.9699 218.769 39.8354C221.044 39.4007 222.906 38.6348 224.35 37.5326C225.794 36.4304 226.898 35.1031 227.655 33.5506C228.161 32.5027 228.117 31.5273 227.52 30.6243H227.515Z"
fill="#CDEBD2"
/>
<path
id="Vector_5"
d="M159.436 25.2865C159.436 23.3434 159.362 21.5865 159.219 20.0082C159.074 18.4325 158.803 17.0948 158.405 15.9952C158.008 14.8956 157.457 14.0443 156.753 13.4389C156.049 12.8334 155.136 12.5307 154.016 12.5307C153.149 12.5307 152.317 12.8412 151.524 13.4647C150.728 14.0883 150.014 14.9758 149.384 16.1298C148.752 17.2837 148.254 18.668 147.895 20.2799C147.532 21.8919 147.354 23.6694 147.354 25.6125V34.1871C147.354 34.6994 147.543 35.2686 147.923 35.8922C148.303 36.5158 148.662 37.1005 149.007 37.6516C149.351 38.2027 149.586 38.6607 149.711 39.0255C149.836 39.3929 149.647 39.5741 149.142 39.5741H137.978C137.47 39.5741 137.282 39.3903 137.409 39.0255C137.534 38.6581 137.769 38.2002 138.113 37.6516C138.457 37.1031 138.817 36.5158 139.197 35.8922C139.577 35.2686 139.766 34.702 139.766 34.1871V18.3006C139.837 17.7495 139.631 17.219 139.144 16.7067C138.656 16.1944 138.149 15.7158 137.626 15.2785C137.101 14.8386 136.705 14.4635 136.435 14.153C136.164 13.8425 136.264 13.6303 136.733 13.5217L146.813 10.8825C147.571 10.6988 147.933 11.0378 147.897 11.8994C147.861 12.761 147.698 14.0909 147.41 15.8865C148.711 13.2112 150.733 11.6898 153.48 11.325C155.791 10.9938 157.816 11.1594 159.551 11.8192C161.285 12.479 162.721 13.4777 163.859 14.8154C164.996 16.153 165.853 17.765 166.432 19.6538C167.008 21.5426 167.299 23.5659 167.299 25.729V32.2155C167.299 35.9905 167.345 39.0695 167.434 41.4525C167.524 43.8329 167.659 45.7036 167.84 47.0594C168.021 48.4151 168.263 49.3777 168.572 49.9469C168.878 50.5135 169.266 50.9094 169.738 51.1293C170.278 51.3855 170.829 51.3674 171.39 51.075C171.949 50.78 172.492 50.3143 173.015 49.6726C173.538 49.0309 174.007 48.2599 174.423 47.3647C174.839 46.4668 175.191 45.5406 175.479 44.5884C175.912 43.1214 176.706 42.3891 177.864 42.3891C178.44 42.3891 179.09 42.5909 179.815 42.9946C180.899 43.6181 181.539 44.4151 181.738 45.3853C181.937 46.3556 181.674 47.2638 180.952 48.1072C180.231 48.9119 179.363 49.6364 178.351 50.2781C177.338 50.9197 176.293 51.4605 175.209 51.9004C174.125 52.3402 173.058 52.6507 172.013 52.8344C170.964 53.0181 170.008 53.0543 169.141 52.9457C167.769 52.762 166.567 52.2031 165.537 51.269C164.506 50.335 163.632 49.1603 162.91 47.7502C162.188 46.3401 161.591 44.7462 161.122 42.9687C160.652 41.1912 160.29 39.3489 160.038 37.4446C159.785 35.5403 159.612 33.6153 159.523 31.6722C159.431 29.7316 159.405 27.8972 159.441 26.1766V25.2969L159.436 25.2865Z"
fill="#CDEBD2"
/>
<path
id="Vector_6"
d="M133.871 38.935C133.744 38.565 133.507 38.1044 133.157 37.5507L132.032 35.8094C131.905 35.6102 131.777 35.411 131.645 35.2014C131.265 34.6011 131.076 34.0526 131.076 33.5584V25.3978C131.076 23.3124 130.877 21.4236 130.479 19.7262C130.081 18.0315 129.403 16.5722 128.446 15.3536C127.49 14.1349 126.232 13.1905 124.679 12.5178C123.126 11.8477 121.175 11.5113 118.826 11.5113C117.923 11.5113 116.984 11.563 116.007 11.6691C115.033 11.7752 114.084 11.9511 113.161 12.1995C112.24 12.4479 111.38 12.7662 110.587 13.1543C109.791 13.5424 109.105 14.0211 108.529 14.5851C107.733 15.3975 107.453 16.298 107.69 17.2889C107.924 18.2773 108.618 19.0742 109.776 19.6745L109.83 19.7262C110.48 20.0445 111.039 20.2023 111.511 20.2023C112.702 20.2023 113.462 19.3718 113.786 17.7107C114.074 16.122 114.571 14.8852 115.275 14.0004C115.979 13.1181 117.017 12.6756 118.392 12.6756C119.981 12.6756 121.129 13.2681 121.833 14.4506C122.537 15.6356 122.998 17.2682 123.215 19.3537C122.853 19.6719 122.366 19.9643 121.751 20.2282C121.136 20.4921 120.216 20.8207 118.986 21.2088C117.145 21.7754 115.428 22.3033 113.839 22.7975C112.25 23.2917 110.84 23.8661 109.613 24.5207C108.384 25.1753 107.391 25.9437 106.631 26.826C105.874 27.7083 105.384 28.8054 105.167 30.112C104.95 31.5946 105.086 32.984 105.573 34.2725C106.06 35.5636 106.828 36.6581 107.876 37.5585C108.924 38.4589 110.205 39.1213 111.722 39.5456C113.24 39.9699 114.918 40.0579 116.762 39.8095C118.568 39.5611 120.04 39.0152 121.177 38.1665C122.315 37.3179 123.246 36.1535 123.967 34.6684C124.126 35.0953 124.151 35.442 124.378 35.8068C124.863 36.8392 125.738 37.7189 126.671 38.3502C127.786 39.1083 129.15 39.4861 130.76 39.4861H133.285C133.797 39.4861 133.989 39.3024 133.861 38.9324L133.871 38.935ZM121.756 35.4394C120.744 36.8703 119.443 37.781 117.854 38.1691C117.203 38.3451 116.581 38.327 115.984 38.1148C115.387 37.9026 114.89 37.4628 114.495 36.79C114.097 36.1199 113.837 35.2195 113.709 34.0888C113.582 32.9581 113.645 31.5635 113.898 29.9024C114.079 28.808 114.331 27.8713 114.655 27.0951C114.979 26.3189 115.367 25.6462 115.821 25.0821C116.272 24.5181 116.777 24.0498 117.339 23.6772C117.897 23.3072 118.468 22.9967 119.045 22.7509C119.767 22.399 120.517 22.0808 121.295 21.7961C122.07 21.5141 122.766 21.1959 123.381 20.844C123.417 21.5503 123.442 22.2671 123.462 22.9889C123.48 23.7134 123.491 24.4819 123.491 25.2943L123.544 30.275C123.363 32.288 122.766 34.0112 121.756 35.442V35.4394Z"
fill="#CDEBD2"
/>
<path
id="Vector_7"
d="M20.1952 34.2208C20.1952 34.7512 20.3839 35.3385 20.764 35.9828C21.144 36.627 21.5036 37.2325 21.848 37.8017C22.1923 38.3709 22.4269 38.8444 22.5519 39.2222C22.6769 39.5999 22.4881 39.7914 21.9831 39.7914H10.225C9.71748 39.7914 9.52874 39.6025 9.65626 39.2222C9.78124 38.8444 10.0159 38.3683 10.3602 37.8017C10.702 37.2325 11.0642 36.627 11.4442 35.9828C11.8242 35.3385 12.013 34.7512 12.013 34.2208V1.76201C10.855 1.95348 9.78124 2.57704 8.78907 3.63786C7.79435 4.69869 6.97307 6.36497 6.32268 8.63928C5.88908 10.1555 5.0933 10.9136 3.9379 10.9136C3.35892 10.9136 2.70853 10.7066 1.98672 10.2874C0.902728 9.64318 0.262537 8.81781 0.0635927 7.8139C-0.135351 6.81 0.127357 5.87336 0.849166 5.00142C2.33104 3.33514 4.03737 2.12166 5.9707 1.36355C7.90403 0.605448 9.91642 0.152656 12.013 0H35.9092L34.3916 5.9691C34.282 6.38567 34.0575 6.73755 33.7132 7.02216C33.3689 7.30678 32.9812 7.44908 32.5476 7.44908H32.3843C31.9864 7.44908 31.66 7.32748 31.4075 7.07909C31.155 6.83328 30.9917 6.5021 30.9203 6.08553C30.8106 5.09974 30.4587 4.31317 29.8644 3.72583C29.2675 3.1385 28.4998 2.84612 27.5612 2.84612H23.7685C22.7917 2.84612 21.9525 3.16955 21.2486 3.81122C20.5446 4.45548 20.1926 5.34554 20.1926 6.48399V18.1376H25.179C25.758 18.1376 26.2706 18.0341 26.7246 17.8245C27.1761 17.6175 27.574 17.3976 27.9157 17.1699C28.2601 16.9422 28.5483 16.7249 28.7829 16.5153C29.0176 16.3083 29.1885 16.2022 29.2982 16.2022C29.515 16.2022 29.6221 16.58 29.6221 17.3381V22.4533C29.6221 22.9087 29.594 23.2218 29.5405 23.39C29.4869 23.5607 29.4053 23.6461 29.2982 23.6461C29.1528 23.6461 28.9717 23.5426 28.7549 23.333C28.5381 23.126 28.2575 22.8984 27.9157 22.65C27.5714 22.4042 27.1761 22.1765 26.7246 21.9669C26.2732 21.7599 25.758 21.6538 25.179 21.6538H20.1926V34.2182L20.1952 34.2208Z"
fill="#CDEBD2"
/>
<path
id="Vector_8"
d="M181.335 27.6902C181.442 29.3254 181.656 30.8261 181.975 32.1923C182.296 33.561 182.715 34.7331 183.23 35.7085C183.745 36.6865 184.334 37.4498 184.995 37.9984C185.653 38.5495 186.375 38.8237 187.16 38.8237C188.229 38.8237 189.173 38.3968 189.994 37.5456C190.813 36.6943 191.471 35.5041 191.971 33.975C192.575 32.1276 193.646 31.2039 195.177 31.2039C195.605 31.2039 196.085 31.2919 196.62 31.4704C197.796 31.8973 198.526 32.5364 198.811 33.3876C199.097 34.2415 198.829 35.0746 198.01 35.8922C196.727 37.2066 195.169 38.2183 193.335 38.9298C191.499 39.6388 189.461 39.9958 187.216 39.9958C184.972 39.9958 183.046 39.6491 181.23 38.9557C179.414 38.2623 177.863 37.2946 176.581 36.0526C175.298 34.8107 174.308 33.2997 173.614 31.5221C172.918 29.7472 172.571 27.7937 172.571 25.6617C172.571 23.5297 172.918 21.5762 173.614 19.8013C174.308 18.0263 175.298 16.5153 176.581 15.2734C177.863 14.0314 179.414 13.0611 181.23 12.3703C183.046 11.6769 185.043 11.3328 187.216 11.3328C189.389 11.3328 191.563 11.6433 193.524 12.2642C195.483 12.8852 196.98 13.9615 198.013 15.4881C198.903 16.8387 199.232 18.2514 199.003 19.7237C198.77 21.1985 198.049 22.5387 196.837 23.747C195.626 24.9553 193.986 25.9515 191.92 26.7303C189.854 27.5117 187.448 27.9024 184.704 27.9024C184.168 27.9024 183.625 27.8843 183.074 27.848C182.521 27.8144 181.942 27.7601 181.337 27.6876L181.335 27.6902ZM181.281 25.9851C181.817 26.0912 182.35 26.1455 182.886 26.1455C184.061 26.1455 185.191 25.9049 186.28 25.4263C187.367 24.9476 188.328 24.2982 189.168 23.4805C190.004 22.6629 190.683 21.7315 191.198 20.6836C191.713 19.6357 191.973 18.5257 191.973 17.3536C191.973 16.5722 191.841 15.8607 191.573 15.2216C191.305 14.5825 190.948 14.0418 190.504 13.5967C190.058 13.1517 189.55 12.8334 188.981 12.6368C188.41 12.4428 187.806 12.3962 187.165 12.5048C185.847 12.7532 184.804 13.4027 184.038 14.4506C183.273 15.4985 182.684 16.7145 182.276 18.1014C181.865 19.4856 181.597 20.8983 181.475 22.3369C181.35 23.7755 181.289 24.9916 181.289 25.9877L181.281 25.9851Z"
fill="#CDEBD2"
/>
</g>
<defs>
<clipPath id="clip0_4_3374">
<rect width="228" height="53" fill="white" />
</clipPath>
</defs>
</svg>
</template>

View File

@ -0,0 +1,43 @@
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
width="195"
height="46"
viewBox="0 0 195 46"
fill="none"
class="logo-img"
>
<path
d="M41.1641 29.3793C41.1641 29.8219 41.3299 30.3109 41.6615 30.8465C41.993 31.382 42.3093 31.8865 42.6104 32.3601C42.9114 32.8336 43.1164 33.2275 43.2277 33.5439C43.3389 33.8604 43.171 34.0175 42.7303 34.0175H32.9622C32.5193 34.0175 32.3536 33.8604 32.4648 33.5439C32.5761 33.2275 32.7811 32.8336 33.0821 32.3601C33.3832 31.8865 33.6995 31.382 34.031 30.8465C34.3626 30.3109 34.5284 29.8219 34.5284 29.3793V6.42975C34.5916 5.9562 34.4084 5.50035 33.983 5.05778C33.5555 4.61742 33.1127 4.20583 32.6546 3.82743C32.1965 3.44903 31.8475 3.12595 31.6119 2.8582C31.3741 2.59044 31.4614 2.40898 31.8737 2.31383L40.6886 0.0434371C41.3844 -0.113676 41.7007 0.209401 41.6375 1.01267C41.5742 1.81594 41.415 3.05514 41.1641 4.72585V29.3771V29.3793Z"
fill="white"
/>
<path
d="M46.271 21.9108C46.271 20.0918 46.572 18.4255 47.1741 16.9142C47.7761 15.4028 48.6181 14.1149 49.7001 13.0505C50.7821 11.9861 52.0931 11.1607 53.6397 10.5743C55.1841 9.9879 56.8834 9.6958 58.7375 9.6958C60.5917 9.6958 62.291 9.99011 63.8354 10.5743C65.3798 11.1607 66.693 11.9861 67.7749 13.0505C68.8569 14.1149 69.6989 15.4028 70.301 16.9142C70.903 18.4255 71.204 20.0918 71.204 21.9108C71.204 23.7298 70.903 25.4337 70.301 26.9296C69.6989 28.4254 68.8569 29.7133 67.7749 30.7932C66.693 31.8731 65.3798 32.7051 63.8354 33.2915C62.291 33.8779 60.5917 34.17 58.7375 34.17C56.8834 34.17 55.1841 33.8757 53.6397 33.2915C52.0952 32.7051 50.7821 31.8731 49.7001 30.7932C48.6181 29.7133 47.7761 28.4277 47.1741 26.9296C46.572 25.4337 46.271 23.7607 46.271 21.9108ZM53.6855 21.7249C53.6855 23.3912 53.8076 24.9026 54.0563 26.2591C54.3028 27.6155 54.6431 28.7795 55.075 29.7509C55.5069 30.7224 56.0326 31.4703 56.65 31.9948C57.2673 32.5192 57.9479 32.7826 58.6895 32.7826C59.4312 32.7826 60.1576 32.5215 60.7749 31.9948C61.3922 31.4703 61.9267 30.7224 62.3739 29.7509C62.821 28.7795 63.1613 27.6155 63.3926 26.2591C63.6238 24.9026 63.7394 23.3912 63.7394 21.7249C63.7394 20.0586 63.6238 18.5959 63.3926 17.2372C63.1613 15.8807 62.821 14.7146 62.3739 13.7453C61.9267 12.7739 61.3922 12.0259 60.7749 11.5015C60.1576 10.977 59.4617 10.7137 58.6895 10.7137C57.9173 10.7137 57.2673 10.977 56.65 11.5015C56.0326 12.0259 55.5069 12.7739 55.075 13.7453C54.6409 14.7168 54.3028 15.8807 54.0563 17.2372C53.8076 18.5937 53.6855 20.0896 53.6855 21.7249Z"
fill="white"
/>
<path
d="M103.907 8.06297C103.351 8.344 102.871 8.48563 102.469 8.48563C101.451 8.48563 100.801 7.74874 100.524 6.27498C100.369 5.55359 99.9063 4.99816 99.1341 4.60648C98.3619 4.21481 97.4348 4.01786 96.3528 4.01786C95.2709 4.01786 94.2129 4.2303 93.0851 4.65295C91.9574 5.07561 90.8994 5.69521 89.9112 6.50954C89.1696 7.1048 88.3974 7.93684 87.5946 9.00122C86.7919 10.0678 86.0502 11.2893 85.3696 12.6679C84.689 14.0465 84.1262 15.5447 83.6791 17.1578C83.2297 18.7732 83.0072 20.4107 83.0072 22.0704V29.4038C83.0072 29.8419 83.1686 30.3288 83.4937 30.8621C83.8187 31.3954 84.1262 31.8955 84.4207 32.3668C84.7152 32.8382 84.9159 33.2298 85.0228 33.5418C85.1297 33.8561 84.9683 34.011 84.5363 34.011H74.9885C74.5544 34.011 74.393 33.8539 74.5021 33.5418C74.6089 33.2276 74.8096 32.8359 75.1041 32.3668C75.3986 31.8977 75.7062 31.3954 76.0312 30.8621C76.3562 30.3288 76.5176 29.8442 76.5176 29.4038V15.8168C76.5787 15.3455 76.402 14.8919 75.9854 14.4537C75.5687 14.0156 75.1346 13.6062 74.6875 13.2322C74.2381 12.856 73.9 12.5352 73.6688 12.2696C73.4375 12.0041 73.5226 11.8226 73.924 11.7297L82.5448 9.47256C83.2232 9.31545 83.5329 9.63631 83.4718 10.4374C83.4086 11.2362 83.2559 12.4666 83.0094 14.1284V14.6462C83.8121 12.5772 84.785 10.7604 85.9302 9.19374C87.0733 7.62704 88.2468 6.38784 89.4531 5.48056C90.2559 4.8853 91.0979 4.37413 91.9792 3.95148C92.8604 3.52882 93.7548 3.18361 94.6666 2.91807C95.5784 2.65253 96.4815 2.45558 97.3781 2.32945C98.2724 2.20553 99.1232 2.14136 99.9259 2.14136C101.099 2.14136 102.136 2.25864 103.03 2.4932C103.927 2.72777 104.59 3.06633 105.024 3.50448C105.364 3.84969 105.587 4.23251 105.696 4.65738C105.803 5.08004 105.803 5.49605 105.696 5.90322C105.587 6.31039 105.386 6.70206 105.094 7.07825C104.799 7.45443 104.406 7.78415 103.911 8.06518L103.907 8.06297Z"
fill="white"
/>
<path
d="M194.582 26.195C194.072 25.4227 193.278 24.9425 192.196 24.7589C191.208 24.604 190.481 24.7589 190.019 25.2213C189.556 25.6838 189.399 26.4583 189.556 27.5382C189.772 28.9279 189.709 30.0874 189.371 31.0146C189.031 31.9418 188.32 32.5902 187.24 32.9619C187.124 32.9973 187.004 33.0173 186.884 33.0394C186.788 33.0482 186.69 33.0549 186.592 33.0549C185.634 33.0549 184.869 32.7938 184.297 32.2671C183.726 31.7426 183.285 30.9925 182.977 30.0188C182.668 29.0452 182.467 27.879 182.375 26.5203C182.284 25.1616 182.236 23.6635 182.236 22.0238V11.641H186.825C187.382 11.641 187.659 11.3467 187.659 10.7603C187.659 10.2027 187.382 9.92606 186.825 9.92606H182.236V4.64175C182.236 3.8075 182.242 3.08832 182.26 2.48642C182.275 1.88453 182.26 1.38221 182.214 0.979467C182.168 0.57894 182.068 0.300119 181.913 0.145219C181.758 -0.00968126 181.512 -0.0406613 181.171 0.0522788L173.201 2.2762C172.799 2.40012 172.705 2.59264 172.921 2.85597C173.137 3.1193 173.454 3.4291 173.872 3.78316C174.289 4.13943 174.714 4.53332 175.146 4.96483C175.578 5.39855 175.794 5.84555 175.794 6.30803V9.92385H172.642C172.086 9.92385 171.807 10.2027 171.807 10.7581V10.8046C171.807 11.36 172.086 11.6388 172.642 11.6388H175.794V21.9286C175.794 25.8852 176.512 28.919 177.949 31.0367C179.387 33.1522 181.695 34.2122 184.877 34.2122C185.028 34.2122 185.165 34.1989 185.312 34.1945C185.883 34.2277 186.481 34.1879 187.102 34.0728C189.048 33.701 190.641 33.046 191.875 32.1033C193.11 31.1607 194.054 30.0255 194.702 28.6978C195.134 27.8015 195.097 26.9673 194.587 26.195H194.582Z"
fill="white"
/>
<path
d="M136.357 21.6299C136.357 19.9681 136.294 18.4656 136.172 17.1157C136.048 15.7681 135.816 14.624 135.476 13.6836C135.136 12.7431 134.665 12.0151 134.063 11.4973C133.461 10.9794 132.68 10.7205 131.722 10.7205C130.98 10.7205 130.269 10.9861 129.591 11.5194C128.91 12.0527 128.299 12.8117 127.761 13.7986C127.22 14.7856 126.794 15.9694 126.487 17.3481C126.177 18.7267 126.024 20.2469 126.024 21.9088V29.2422C126.024 29.6803 126.186 30.1672 126.511 30.7005C126.836 31.2338 127.143 31.7339 127.438 32.2052C127.732 32.6765 127.933 33.0682 128.04 33.3802C128.147 33.6945 127.985 33.8494 127.553 33.8494H118.006C117.571 33.8494 117.41 33.6922 117.519 33.3802C117.626 33.066 117.827 32.6743 118.121 32.2052C118.416 31.7361 118.723 31.2338 119.048 30.7005C119.373 30.1672 119.535 29.6825 119.535 29.2422V15.6552C119.596 15.1839 119.419 14.7302 119.002 14.2921C118.586 13.854 118.152 13.4446 117.705 13.0706C117.255 12.6944 116.917 12.3735 116.686 12.108C116.455 11.8425 116.54 11.661 116.941 11.5681L125.562 9.31095C126.21 9.15384 126.519 9.44372 126.489 10.1806C126.458 10.9175 126.319 12.0549 126.072 13.5906C127.185 11.3025 128.915 10.0014 131.264 9.68935C133.24 9.4061 134.972 9.54772 136.456 10.112C137.939 10.6763 139.167 11.5304 140.14 12.6745C141.113 13.8185 141.846 15.1972 142.341 16.8125C142.834 18.4279 143.083 20.1584 143.083 22.0083V27.556C143.083 30.7845 143.122 33.4178 143.198 35.4559C143.275 37.4917 143.39 39.0916 143.545 40.2512C143.7 41.4107 143.907 42.2339 144.171 42.7207C144.433 43.2053 144.764 43.5439 145.168 43.732C145.63 43.9511 146.102 43.9356 146.582 43.6855C147.059 43.4333 147.524 43.0349 147.971 42.4861C148.418 41.9374 148.82 41.2779 149.175 40.5123C149.531 39.7444 149.832 38.9522 150.078 38.1379C150.449 36.8832 151.127 36.2569 152.118 36.2569C152.611 36.2569 153.167 36.4296 153.787 36.7748C154.714 37.3081 155.261 37.9896 155.431 38.8194C155.601 39.6493 155.377 40.426 154.759 41.1474C154.142 41.8356 153.4 42.4552 152.534 43.004C151.668 43.5527 150.774 44.0152 149.847 44.3914C148.92 44.7676 148.008 45.0331 147.114 45.1903C146.217 45.3474 145.399 45.3784 144.658 45.2854C143.484 45.1283 142.457 44.6503 141.575 43.8515C140.694 43.0526 139.946 42.048 139.328 40.842C138.711 39.636 138.201 38.2729 137.799 36.7526C137.398 35.2324 137.088 33.6568 136.872 32.0282C136.656 30.3995 136.508 28.7531 136.432 27.0913C136.353 25.4316 136.331 23.8627 136.362 22.3912V21.6388L136.357 21.6299Z"
fill="white"
/>
<path
d="M114.494 33.3027C114.385 32.9863 114.182 32.5924 113.883 32.1189L112.921 30.6296C112.812 30.4592 112.703 30.2888 112.589 30.1096C112.264 29.5962 112.103 29.1271 112.103 28.7044V21.7251C112.103 19.9415 111.933 18.3261 111.592 16.8745C111.252 15.425 110.672 14.177 109.854 13.1347C109.036 12.0925 107.96 11.2848 106.632 10.7094C105.304 10.1363 103.635 9.84863 101.626 9.84863C100.854 9.84863 100.051 9.89289 99.2154 9.98362C98.3821 10.0743 97.5706 10.2248 96.781 10.4373C95.9935 10.6497 95.2584 10.9219 94.5799 11.2538C93.8994 11.5857 93.3126 11.9951 92.8196 12.4775C92.139 13.1723 91.899 13.9424 92.1019 14.7899C92.3026 15.6353 92.8959 16.3168 93.8863 16.8302L93.9321 16.8745C94.4883 17.1466 94.9661 17.2816 95.3696 17.2816C96.3883 17.2816 97.0384 16.5713 97.3154 15.1506C97.5619 13.7919 97.9872 12.7342 98.5893 11.9774C99.1914 11.2228 100.079 10.8444 101.255 10.8444C102.614 10.8444 103.596 11.3512 104.198 12.3624C104.8 13.3759 105.194 14.7722 105.38 16.5558C105.07 16.828 104.654 17.078 104.128 17.3038C103.602 17.5295 102.815 17.8105 101.763 18.1424C100.188 18.627 98.7202 19.0785 97.3612 19.5011C96.0022 19.9238 94.7959 20.415 93.7467 20.9749C92.6953 21.5347 91.8467 22.192 91.1966 22.9466C90.5488 23.7011 90.13 24.6394 89.9445 25.7569C89.7591 27.0249 89.8747 28.2132 90.2914 29.3152C90.708 30.4194 91.3646 31.3554 92.2612 32.1255C93.1577 32.8956 94.2527 33.4621 95.5507 33.825C96.8486 34.1879 98.2839 34.2631 99.861 34.0507C101.405 33.8382 102.664 33.3713 103.637 32.6455C104.61 31.9197 105.406 30.9239 106.023 29.6537C106.159 30.0189 106.18 30.3154 106.375 30.6274C106.789 31.5103 107.537 32.2627 108.336 32.8026C109.289 33.451 110.456 33.7741 111.832 33.7741H113.992C114.43 33.7741 114.594 33.617 114.485 33.3005L114.494 33.3027ZM104.132 30.3132C103.266 31.5369 102.154 32.3158 100.795 32.6477C100.238 32.7982 99.7062 32.7827 99.1957 32.6013C98.6853 32.4198 98.2599 32.0436 97.9218 31.4683C97.5815 30.8951 97.359 30.1251 97.2499 29.158C97.1409 28.191 97.1954 26.9983 97.4114 25.5776C97.5662 24.6416 97.7822 23.8405 98.0592 23.1767C98.3363 22.5128 98.6678 21.9375 99.0561 21.4551C99.4422 20.9727 99.8741 20.5722 100.354 20.2535C100.832 19.9371 101.32 19.6715 101.813 19.4613C102.431 19.1603 103.072 18.8882 103.737 18.6448C104.4 18.4035 104.996 18.1314 105.522 17.8304C105.552 18.4345 105.574 19.0475 105.591 19.6649C105.607 20.2845 105.615 20.9417 105.615 21.6365L105.661 25.8963C105.506 27.6179 104.996 29.0917 104.132 30.3154V30.3132Z"
fill="white"
/>
<path
d="M17.2716 29.2709C17.2716 29.7246 17.433 30.2269 17.758 30.7779C18.083 31.3289 18.3906 31.8467 18.6851 32.3335C18.9796 32.8204 19.1803 33.2253 19.2872 33.5484C19.394 33.8715 19.2326 34.0352 18.8007 34.0352H8.74461C8.31052 34.0352 8.1491 33.8737 8.25816 33.5484C8.36505 33.2253 8.56574 32.8182 8.86022 32.3335C9.15253 31.8467 9.46228 31.3289 9.7873 30.7779C10.1123 30.2269 10.2737 29.7246 10.2737 29.2709V1.51062C9.28341 1.67437 8.36505 2.20767 7.5165 3.11494C6.66577 4.02222 5.96336 5.4473 5.40712 7.3924C5.03628 8.68914 4.3557 9.33751 3.36754 9.33751C2.87237 9.33751 2.31612 9.16048 1.69879 8.80199C0.771708 8.25099 0.224184 7.54509 0.0540375 6.6865C-0.116109 5.82791 0.108572 5.02685 0.725899 4.28112C1.99327 2.85604 3.45261 1.81821 5.10609 1.16984C6.75956 0.521471 8.48066 0.134221 10.2737 0.00366211H30.711L29.4131 5.10873C29.3193 5.465 29.1273 5.76595 28.8328 6.00936C28.5383 6.25278 28.2068 6.37449 27.8359 6.37449H27.6963C27.356 6.37449 27.0768 6.27048 26.8609 6.05805C26.6449 5.84783 26.5053 5.56458 26.4442 5.20831C26.3504 4.36521 26.0494 3.6925 25.5411 3.19018C25.0307 2.68786 24.3741 2.43781 23.5714 2.43781H20.3277C19.4922 2.43781 18.7745 2.71442 18.1725 3.26321C17.5704 3.81421 17.2694 4.57543 17.2694 5.54909V15.5158H21.534C22.0291 15.5158 22.4676 15.4273 22.8559 15.2481C23.242 15.071 23.5823 14.8829 23.8746 14.6882C24.1691 14.4935 24.4156 14.3076 24.6162 14.1283C24.8169 13.9513 24.9631 13.8606 25.0569 13.8606C25.2423 13.8606 25.3339 14.1837 25.3339 14.832V19.2069C25.3339 19.5963 25.3099 19.8641 25.2641 20.0079C25.2183 20.154 25.1485 20.227 25.0569 20.227C24.9325 20.227 24.7777 20.1385 24.5923 19.9592C24.4068 19.7822 24.1669 19.5875 23.8746 19.375C23.5801 19.1648 23.242 18.9701 22.8559 18.7908C22.4698 18.6138 22.0291 18.5231 21.534 18.5231H17.2694V29.2687L17.2716 29.2709Z"
fill="white"
/>
<path
d="M155.087 23.6855C155.178 25.084 155.361 26.3675 155.634 27.5359C155.909 28.7065 156.267 29.7089 156.707 30.5432C157.148 31.3796 157.652 32.0324 158.217 32.5015C158.78 32.9729 159.397 33.2074 160.069 33.2074C160.983 33.2074 161.79 32.8423 162.492 32.1143C163.192 31.3863 163.755 30.3683 164.183 29.0605C164.7 27.4806 165.616 26.6906 166.925 26.6906C167.291 26.6906 167.701 26.7658 168.159 26.9185C169.165 27.2836 169.789 27.8302 170.033 28.5582C170.278 29.2885 170.049 30.001 169.348 30.7003C168.251 31.8244 166.918 32.6896 165.35 33.2982C163.779 33.9045 162.036 34.2099 160.117 34.2099C158.197 34.2099 156.55 33.9133 154.997 33.3203C153.444 32.7272 152.118 31.8996 151.02 30.8375C149.923 29.7753 149.077 28.483 148.483 26.9627C147.888 25.4447 147.591 23.774 147.591 21.9506C147.591 20.1272 147.888 18.4565 148.483 16.9385C149.077 15.4205 149.923 14.1282 151.02 13.066C152.118 12.0038 153.444 11.174 154.997 10.5832C156.55 9.99011 158.258 9.6958 160.117 9.6958C161.975 9.6958 163.834 9.96134 165.511 10.4924C167.187 11.0235 168.467 11.9441 169.35 13.2497C170.112 14.4048 170.393 15.613 170.197 16.8721C169.998 18.1334 169.381 19.2797 168.345 20.3131C167.309 21.3465 165.906 22.1985 164.139 22.8645C162.372 23.5328 160.315 23.867 157.968 23.867C157.51 23.867 157.045 23.8515 156.574 23.8205C156.101 23.7917 155.606 23.7452 155.089 23.6833L155.087 23.6855ZM155.041 22.2272C155.499 22.318 155.955 22.3644 156.413 22.3644C157.418 22.3644 158.385 22.1586 159.316 21.7492C160.245 21.3399 161.068 20.7844 161.785 20.0852C162.501 19.3859 163.081 18.5893 163.522 17.6931C163.962 16.7969 164.185 15.8476 164.185 14.8451C164.185 14.1768 164.072 13.5683 163.843 13.0217C163.613 12.4752 163.308 12.0127 162.929 11.6321C162.547 11.2514 162.113 10.9793 161.626 10.8111C161.138 10.6451 160.621 10.6053 160.073 10.6982C158.945 10.9107 158.053 11.4661 157.399 12.3623C156.744 13.2585 156.24 14.2985 155.891 15.4846C155.54 16.6685 155.311 17.8767 155.206 19.1071C155.1 20.3374 155.047 21.3775 155.047 22.2294L155.041 22.2272Z"
fill="white"
/>
</svg>
</template>

8
src/components/models.ts Normal file
View File

@ -0,0 +1,8 @@
export interface Todo {
id: number;
content: string;
}
export interface Meta {
totalCount: number;
}

View File

@ -0,0 +1,29 @@
<template>
<swiper
:navigation="true"
:modules="modules"
class="cards-carousel-container"
>
<slot></slot>
</swiper>
</template>
<script lang="ts">
import Swiper from 'swiper';
import { Navigation } from 'swiper/modules';
import { defineComponent } from 'vue';
import 'swiper/css';
import 'swiper/css/navigation';
export default defineComponent({
name: 'horizontal-carousel',
props: {},
setup() {
return {
modules: [Navigation],
};
},
components: { Swiper },
});
</script>

View File

@ -0,0 +1,209 @@
<template>
<div
ref="target"
class="vertical-carousel-container"
style="min-height: 100dvh"
>
<q-carousel
navigation-position="right"
style="min-height: 100dvh"
v-model="slide"
:navigation="mobileStore.screenWidth > 768"
autoplay
infinite
animated
v-if="!!imgsArr.length"
class="custom-carousel"
>
<q-carousel-slide
v-for="(img, i) in imgsArr"
:key="i"
:name="img"
:img-src="img"
/>
</q-carousel>
<div class="vertical-carousel-content">
<header class="carousel-content-header">
<h1 class="carousel-header-title">
Regala un verano lleno de flores y plantas
</h1>
<p class="carousel-header-paragraph">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</header>
<main class="carousel-content-body">
<div class="carousel-content-item">
<Calendar />
</div>
<div class="carousel-content-item">
<PostalCode />
</div>
<button class="btn carousel-content-item">
<IconSearch /> ver disponibilidad
</button>
</main>
<footer class="carousel-content-footer">
<IconMouse />
</footer>
</div>
</div>
</template>
<script lang="ts">
import { useIntersectionObserver } from '@vueuse/core';
import { PropType, defineComponent, ref } from 'vue';
import Calendar from 'src/components/@inputs/Calendar.vue';
import PostalCode from 'src/components/@inputs/PostalCode.vue';
import IconMouse from 'src/components/icons/IconMouse.vue';
import IconSearch from 'src/components/icons/IconSearch.vue';
import { mobileStore } from 'src/stores/mobileNav';
export default defineComponent({
name: 'vertical-carousel-imgs',
props: {
imgsArr: {
type: Array as PropType<string[]>,
default: () => [''],
},
},
setup() {
const target = ref(null);
const navPos = ref('bottom');
const { stop } = useIntersectionObserver(target, ([{ isIntersecting }]) => {
mobileStore.isCarouselVisible = isIntersecting;
});
return {
slide: ref('style'),
navPos,
target,
mobileStore,
};
},
components: { IconMouse, IconSearch, Calendar, PostalCode },
});
</script>
<style lang="scss" scoped>
.vertical-carousel-container {
position: relative;
& .custom-carousel {
user-select: none;
}
& .vertical-carousel-content {
position: absolute;
min-height: fit-content;
left: 0;
right: 0;
bottom: 70px;
width: min(100%, 845px);
margin: 0 auto;
& .carousel-content-header {
display: flex;
flex-direction: column;
gap: 17px;
color: $white;
text-align: center;
margin-bottom: 27px;
& .carousel-header-title {
font-size: $font-35;
font-weight: 500;
line-height: 30px;
color: currentColor;
}
& .carousel-header-paragraph {
color: currentColor;
font-family: $font-lora;
line-height: 22px;
}
}
& .carousel-content-body {
display: flex;
flex-wrap: wrap;
border-radius: 10px 0 0 10px;
overflow: hidden;
margin-bottom: 82px;
& .carousel-content-item {
padding: 27px 53px 34px 48px;
flex: 1;
&.btn {
&:focus,
&:focus-visible {
outline: none;
}
}
&:not(:last-child) {
background-color: $white;
}
&:last-child {
border-radius: 0 10px 10px 0;
padding: 27px 56px 34px;
}
}
}
& .carousel-content-footer {
display: grid;
place-items: center;
}
@media only screen and (max-width: $med-xmd) {
padding-inline: 20px;
top: 50%;
transform: translateY(-50%);
& .carousel-content-header {
gap: 15px;
margin-bottom: 49px;
& .carousel-header-title {
font-size: $font-28;
line-height: 34px;
}
& .carousel-header-paragraph {
font-size: $font-14;
font-weight: 500;
}
}
& .carousel-content-body {
margin-bottom: initial;
flex-direction: column;
width: min(100%, 276px);
margin: 0 auto;
& .carousel-content-item {
padding-block: 24px;
&:first-child {
border-radius: 10px 10px 0px 0px;
}
&:last-child {
border-radius: 0 0 10px 10px;
}
}
}
& .carousel-content-footer {
display: none;
}
}
@media only screen and (max-width: $med-md) {
}
@media only screen and (max-height: 360px) {
/* background-color: tomato; */
}
}
}
</style>

View File

@ -0,0 +1,32 @@
<template>
<q-btn-dropdown :label="label">
<q-list>
<slot></slot>
</q-list>
</q-btn-dropdown>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
name: 'dropdown-group',
props: {
label: {
type: String,
default: '',
required: true,
},
},
});
</script>
<style lang="scss" scoped>
.q-btn {
text-transform: initial;
&::before {
content: '';
all: unset;
}
}
</style>

View File

@ -0,0 +1,25 @@
<template>
<q-item clickable v-close-popup @click="onItemClick">
<q-item-section>
<q-item-label>
<slot></slot>
</q-item-label>
</q-item-section>
</q-item>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
setup() {
return {
onItemClick() {
// console.log('Clicked on an Item')
},
};
},
});
</script>
<style lang="scss" scoped></style>

View File

@ -0,0 +1,81 @@
<template>
<section
class="questions-section"
:style="isWhite && 'background-color: #ffffff'"
>
<container class="question-wrapper">
<header class="questions-section-header">
<h3 class="questions-section-title subtitle">
¿Tienes dudas o no encuentras lo que buscas?
</h3>
<p class="questions-section-paragraph">
No hay problema, nuestro especialista le atenderá sin compromiso
</p>
</header>
<router-link class="btn outlined rounded questions-section-btn" to="/">
Habla con nuestro experto <IconChatRoundedFill />
</router-link>
</container>
</section>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import IconChatRoundedFill from '../icons/IconChatRoundedFill.vue';
export default defineComponent({
name: 'dudas-section',
components: { IconChatRoundedFill },
props: {
isWhite: {
type: Boolean,
defaul: false,
},
},
});
</script>
<style lang="scss" scoped>
.questions-section {
background-color: $secondary-10;
& .question-wrapper {
padding-block: 75px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 25px;
& .questions-section-header {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 20px;
& .questions-section-paragraph {
font-family: $font-questrial;
line-height: 40px;
opacity: 0.9;
}
}
@media only screen and (max-width: $med-md) {
padding-block: 65px 49px;
gap: 40px;
& .questions-section-header {
gap: 16px;
& .questions-section-paragraph {
font-size: $font-14;
line-height: 24px;
}
}
}
}
}
</style>

View File

@ -0,0 +1,101 @@
<template>
<section class="info-container">
<div class="info-content amplia">
<header class="info-content-header">
<IconLocation />
<h4 class="subtitle">Amplia red de floristerías</h4>
</header>
<main class="info-content-body">
<p class="info-content-paragraph">
Conectamos a los floristas con los clientes de forma fácil, rápida y
sin intermediarios.
</p>
<router-link class="btn rounded outlined green-color pd-icon" to="/">
¿Quieres saber más? <IconChatRoundedFill />
</router-link>
</main>
</div>
<div class="info-content service">
<header class="info-content-header">
<IconCarr />
<h4 class="subtitle">Servicio de reparto propio</h4>
</header>
<main class="info-content-body">
<p class="info-content-paragraph">
Nuestra amplia experiencia en el sector nos ha permitido mejorar
nuestros servicios y adaptarnos al entorno. Consigue un plus de
calidad en tu pedido gracias a nuestro servicio de reparto
especializado y en frío. Además, trabajamos con varias agencias de
reparto.
</p>
</main>
</div>
</section>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import IconCarr from '../icons/IconCar.vue';
import IconChatRoundedFill from '../icons/IconChatRoundedFill.vue';
import IconLocation from '../icons/IconLocation.vue';
// import Container from '../ui/Container.vue';
export default defineComponent({
name: 'info-section',
components: {
IconChatRoundedFill,
IconLocation,
IconCarr,
},
});
</script>
<style lang="scss" scoped>
.info-container {
display: flex;
flex-wrap: wrap;
& .info-content {
display: flex;
flex-direction: column;
flex: 1 0 min(100%, 443px);
text-align: center;
padding-block: 165px 145px;
gap: 25px;
&.amplia {
background-color: $primary-light;
}
&.service {
}
& .info-content-header {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 29px;
}
& .info-content-body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 25px;
& .info-content-paragraph {
width: min(100%, 378px);
font-size: $font-16;
line-height: 26px;
}
}
@media only screen and (max-width: $med-xmd) {
padding: 66px 16px 87px;
}
}
}
</style>

View File

@ -0,0 +1,234 @@
<template>
<section
class="question-container"
style="background-image: url('assets/question-bg.png')"
>
<container class="question-container-form" role="main">
<header class="question-content">
<LogoWhite />
<p class="question-paragraph">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore...
</p>
</header>
<main class="question-form">
<header class="question-form-header">
<p class="question-form-paragraph one">
<IconQuestion />Si no encuentras lo que buscas o necesitas ayuda
</p>
<!-- <p class="question-form-paragraph two">
<IconQuestion />Si no encuentras lo que buscas
</p> -->
<h5 class="question-form-title">Pregunta a nuestro especialista</h5>
</header>
<form class="question-form-body" @submit="handleSubmit" role="main">
<q-input
bg-color="white"
v-model="text"
label="Nombre"
class="name"
standout
/>
<q-input
bg-color="white"
v-model="text"
label="Apellidos"
class="nickname"
standout
/>
<q-input
bg-color="white"
v-model="text"
type="email"
label="Email"
class="email"
standout
/>
<q-input
bg-color="white"
v-model="text"
type="tel"
label="Teléfono"
class="telephone"
standout
/>
<q-input
bg-color="white"
v-model="text"
label="Motivo de consulta"
class="consult"
standout
/>
<q-input
bg-color="white"
v-model="text"
label="Mensaje"
class="message"
type="textarea"
autogrow
standout
/>
<q-checkbox
v-model="checkbox"
label="*Acepto los términos y condiciones (Ver), y recibir respuesta comercial por parte de Verdnatura"
/>
</form>
</main>
</container>
</section>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';
import IconQuestion from '../icons/IconQuestion.vue';
import LogoWhite from '../logo/LogoWhite.vue';
import Container from '../ui/Container.vue';
export default defineComponent({
name: 'question-component',
components: { Container, LogoWhite, IconQuestion },
setup() {
const handleSubmit = () => {
console.log('Foi submit');
};
return { handleSubmit, text: ref(''), checkbox: ref(false) };
},
});
</script>
<style lang="scss" scoped>
p {
color: $white;
font-family: $font-lora;
}
.question-container {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
& .question-container-form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 16px;
align-items: center;
padding-block: 206px 152px;
width: min(100%, 1400px);
& .question-content {
flex: 1 0 min(100%, 540px);
& .question-paragraph {
line-height: 35px;
font-size: $font-25;
font-weight: 500;
letter-spacing: 0.5px;
@media only screen and (max-width: $med-xmd) {
line-height: 30px;
font-size: $font-18;
}
}
}
& .question-form {
flex: 1 0 min(100%, 445px);
}
& .question-form {
& .question-form-header {
display: flex;
flex-direction: column;
gap: 9px;
margin-bottom: 21px;
& .question-form-paragraph {
display: flex;
gap: 12px;
font-family: $font-lora;
letter-spacing: 0.32px;
line-height: 21px;
font-weight: 500;
&.one {
display: flex !important;
}
&.two {
display: none !important;
}
}
& .question-form-title {
color: $white;
font-family: $font-questrial;
font-size: $font-25;
line-height: 42px;
}
@media only screen and (max-width: $med-xmd) {
& .question-form-paragraph {
font-family: $font-questrial;
font-weight: 400;
&.one {
display: none !important;
}
&.two {
display: flex !important;
}
}
& .question-form-title {
font-size: $font-20;
}
}
}
& .question-form-body {
display: flex;
flex-wrap: wrap;
gap: 10px;
& .q-field {
&.name,
&.nickname,
&.email,
&.telephone {
flex: 1 0 min(100%, 218px);
}
&.consult,
&.message {
flex: 1 0 100%;
}
/* & .q-field__native {
color: $black !important;
} */
}
}
& .q-checkbox {
color: $white;
}
}
@media only screen and (max-width: $med-xmd) {
gap: 54px;
text-align: center;
padding-block: 94px 92px;
& .question-form {
& .question-form-header {
& .question-form-paragraph {
justify-content: center;
}
}
}
}
}
}
</style>

View File

@ -0,0 +1,220 @@
<template>
<section
class="reasons-container"
style="background-image: url('assets/reasons-bg.png')"
>
<container class="reasons-container-body container-modded">
<header class="reasons-container-header">
<LogoWhite />
<h5 class="reasons-container-title">
8 motivos por los que vale la pena comprar nuestras flores y plantas
</h5>
</header>
<main class="reasons-container-main">
<ul class="reasons-list-body">
<li class="reason-main-item">
<IconQuality />
<p class="reason-item-paragraph">
Garantía de alta calidad y frescura
</p>
</li>
<li class="reason-main-item">
<IconFlower />
<p class="reason-item-paragraph">
Trabajo artesanal, ramos únicos y especiales
</p>
</li>
<li class="reason-main-item">
<IconShop />
<p class="reason-item-paragraph">
Almacén propio. Stock real de productos
</p>
</li>
<li class="reason-main-item">
<IconService />
<p class="reason-item-paragraph">Entrega en mano a domicilio</p>
</li>
</ul>
<router-link class="btn rounded outlined white-color pd-icon" to="/">
¿Tienes dudas? hablemos <IconChatRoundedFill />
</router-link>
</main>
</container>
<footer class="reasons-container-footer">
<container class="container-modded">
<ul class="reasons-list-footer">
<li class="reason-footer-item">
<IconCheck />
<p class="reason-item-paragraph">Mejores precios del mercado</p>
</li>
<li class="reason-footer-item">
<IconCheck />
<p class="reason-item-paragraph">
Amplia variedad. Más de 100.000 referencias
</p>
</li>
<li class="reason-footer-item">
<IconCheck />
<p class="reason-item-paragraph">
Simplicidad de compray pago seguro
</p>
</li>
<li class="reason-footer-item">
<IconCheck />
<p class="reason-item-paragraph">
En España, Portugal y sur de Francia
</p>
</li>
</ul>
</container>
</footer>
</section>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import IconChatRoundedFill from '../icons/IconChatRoundedFill.vue';
import IconCheck from '../icons/IconCheck.vue';
import IconFlower from '../icons/IconFlower.vue';
import IconQuality from '../icons/IconQuality.vue';
import IconService from '../icons/IconService.vue';
import IconShop from '../icons/IconShop.vue';
import LogoWhite from '../logo/LogoWhite.vue';
import Container from '../ui/Container.vue';
export default defineComponent({
name: 'reasons-section',
components: {
Container,
LogoWhite,
IconChatRoundedFill,
IconQuality,
IconFlower,
IconShop,
IconService,
IconCheck,
},
});
</script>
<style lang="scss" scoped>
p,
h5 {
color: $white;
}
.container-modded {
width: min(100%, 1225px);
}
.reasons-container {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
& .reasons-container-body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-block: 148px 121px;
gap: 66px;
& .reasons-container-header {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 30px;
& .reasons-container-title {
font-weight: 700;
}
@media only screen and (max-width: $med-xmd) {
& .reasons-container-title {
font-size: $font-18;
}
}
}
& .reasons-container-main {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 72px;
& .reasons-list-body {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 68px 0;
& .reason-main-item {
flex: 0 0 min(100%, 214px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 22px;
text-align: center;
& .reason-item-paragraph {
line-height: 22px;
}
}
@media only screen and (max-width: $med-xmd) {
gap: 68px 16px;
& .reason-main-item {
flex: 1 0 min(100%, 125px);
& > svg {
width: 109px;
aspect-ratio: 1/2;
}
& .reason-item-paragraph {
line-height: 20px;
}
}
}
}
}
@media only screen and (max-width: $med-xmd) {
padding-block: 94px;
}
}
& .reasons-container-footer {
background-color: $primary-darken;
padding-block: 50px;
& .reasons-list-footer {
display: flex;
justify-content: space-around;
gap: 50px;
flex-wrap: wrap;
& .reason-footer-item {
display: flex;
align-items: center;
gap: 11px;
flex: 0 0 min(100%, 225px);
& > svg {
flex: 0 0 45px;
}
}
}
}
}
</style>

View File

@ -0,0 +1,15 @@
<template>
<button class="btn" type="button">
<slot></slot>
</button>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
name: 'button-component',
});
</script>
<style lang="scss"></style>

216
src/components/ui/Card.vue Normal file
View File

@ -0,0 +1,216 @@
<template>
<div class="card-container" :class="size">
<router-link
:to="`/product/${id}`"
class="card-container-head"
role="heading"
>
<div v-if="isNew || discount" class="tags">
<p v-if="isNew" class="tag new">Nuevo</p>
<p v-if="discount" class="tag discount">-{{ discount }}%</p>
</div>
<img class="card-img" :src="imgSrc" :alt="alt" @load="handleLoad" />
<div class="head-hovered">
<IconEyes />
<p class="head-hovered-paragraph">Ver producto</p>
</div>
</router-link>
<main class="card-container-body">
<p class="card-name" v-if="productName">{{ productName }}</p>
<div class="card-values">
<p class="price" v-if="productValue">{{ productValue }}</p>
<p class="price offer tachado" v-if="valueWithDiscount">
{{ valueWithDiscount() }}
</p>
</div>
</main>
</div>
</template>
<script lang="ts">
import { PropType, defineComponent } from 'vue';
import IconEyes from '../icons/IconEyes.vue';
type Size = 'sm-card' | 'md-card' | 'lg-card';
export default defineComponent({
name: 'card-component',
components: { IconEyes },
props: {
productValue: {
type: String,
default: '',
required: true,
},
productName: {
type: String,
default: '',
required: true,
},
discount: {
type: String,
default: '',
},
imgSrc: {
type: String,
default: '',
required: true,
},
isNew: {
type: Boolean,
default: false,
},
size: {
type: String as PropType<Size>,
default: '',
},
alt: {
type: String,
default: '',
},
id: {
type: Number,
required: true,
},
},
setup({ productValue, discount }) {
const handleLoad = () => {
// console.log('Carregou');
};
const valueWithDiscount = () => {
if (discount) {
const finalValue = (+discount / 100) * +productValue;
// console.log(finalValue);
return finalValue;
}
};
return { handleLoad, valueWithDiscount };
},
});
</script>
<style lang="scss" scoped>
.card-container {
display: flex;
flex-direction: column;
gap: 12px;
user-select: none;
&:focus {
outline: 2px solid $secondary;
}
&.sm-card {
width: min(100%, 166px);
& .card-container-head {
border-radius: 10px;
min-height: 188px;
}
}
&.md-card {
width: min(100%, 310px);
& .card-container-head {
min-height: 352px;
}
}
&.lg-card {
width: min(100%, 360px);
& .card-container-head {
min-height: 409px;
}
}
& .card-container-head {
border-radius: 15px;
overflow: hidden;
position: relative;
&:hover {
& .tags {
opacity: 0;
visibility: hidden;
}
& .head-hovered {
visibility: visible;
background-color: $primary-dark-transparent;
}
}
& .tags,
& .head-hovered {
transition: 100ms ease-out;
}
& .tags {
position: absolute;
left: 15px;
top: 14px;
display: flex;
gap: 4px;
& .tag {
border-radius: 3px;
padding: 2px 6px 2px 9px;
font-family: $font-lora;
user-select: none;
font-weight: 600;
&.new {
color: $white;
background: $primary-dark;
}
&.discount {
background: $primary-light;
color: $primary-dark;
}
}
}
& .card-img {
width: 100%;
height: 100%;
object-fit: cover;
}
& .head-hovered {
position: absolute;
inset: 0;
visibility: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 4px;
& .head-hovered-paragraph {
font-family: $font-lora;
color: $white;
}
}
@media only screen and (max-width: $med-md) {
border-radius: 10px;
}
}
& .card-container-body {
display: flex;
flex-direction: column;
gap: 8px;
text-align: start;
& .card-values {
display: flex;
gap: 6px;
}
}
}
</style>

View File

@ -0,0 +1,23 @@
<template>
<div class="custom-container" :class="cardContainer && 'cards-container'">
<slot></slot>
</div>
</template>
<script>
import { defineComponent } from 'vue';
export default defineComponent({
name: 'container-element',
props: {
cardContainer: {
type: Boolean,
default: false,
},
questionContainer: {
type: Boolean,
default: false,
},
},
});
</script>

View File

@ -0,0 +1,95 @@
<template>
<div class="mobile-nav-container">
<header class="mobile-nav-links">
<router-link class="mobile-link" to="/">Ramos</router-link>
<router-link class="mobile-link" to="/">Plantas</router-link>
<router-link class="mobile-link" to="/">Floranet</router-link>
<router-link class="mobile-link" to="/">FAQs</router-link>
<router-link class="mobile-link" to="/">Contacta</router-link>
</header>
<main class="mobile-nav-lang">
<p class="mobile-lang-paragraph">Idioma</p>
<select class="mobile-lang-select" name="lang">
<option value="">Español</option>
</select>
</main>
<footer class="mobile-nav-footer">
<router-link to="/" class="btn outlined rounded sm-btn">
¿Tienes dudas? hablemos <IconChatRoundedFill />
</router-link>
</footer>
</div>
</template>
<script lang="ts">
import { mobileStore } from 'src/stores/mobileNav';
import { defineComponent } from 'vue';
import IconChatRoundedFill from '../icons/IconChatRoundedFill.vue';
export default defineComponent({
name: 'mobile-nav',
components: { IconChatRoundedFill },
setup() {
if (mobileStore.isOpenNav) {
document.body.style.overflow = 'hidden';
}
return;
},
});
</script>
<style lang="scss" scoped>
.mobile-nav-container {
position: absolute;
inset: 0;
z-index: 10;
width: 100%;
height: calc(100dvh - 66px);
margin-top: 66px;
background-color: $white;
padding: 35px 44px 16px;
& .mobile-nav-links {
display: flex;
flex-direction: column;
margin-bottom: 70px;
& .mobile-link {
color: $text-muted;
font-family: $font-roboto;
line-height: 40px;
&:not(:last-child) {
border-bottom: 1px solid $primary-light;
}
}
}
& .mobile-nav-lang {
display: flex;
align-items: center;
gap: 28px;
margin-bottom: 42px;
& .mobile-lang-paragraph {
color: $text-muted;
}
& .mobile-lang-select {
all: unset;
padding: 2px;
border-radius: 4px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
&:focus-visible {
outline: 2px solid $primary-light;
}
}
}
& .mobile-nav-footer {
display: flex;
justify-content: center;
}
}
</style>

267
src/components/ui/Modal.vue Normal file
View File

@ -0,0 +1,267 @@
<template>
<q-dialog v-model="modalStore[modalItem]" class="modal-container">
<q-card class="modal-content">
<q-btn flat round color="primary" class="close-modal-btn" v-close-popup>
<IconCloseModal />
</q-btn>
<q-card-section class="modal-header">
<h5 class="modal-header-title subtitle green-text">
{{ modalTextContent[modalItem].title }}
</h5>
</q-card-section>
<q-card-section
class="modal-body"
:class="modalItem === 'isOpenAvailability' && 'availability'"
>
<p
class="modal-body-paragraph"
:class="modalItem === 'isOpenFilters' && 'green-text'"
>
{{ modalTextContent[modalItem].subtitle }}
</p>
<div class="modal-body-content">
<div v-if="modalItem === 'isOpenFilters'" class="modal-body-filters">
<div class="filter-field">
<PriceRange />
</div>
</div>
<div
v-if="modalItem === 'isOpenAvailability'"
class="modal-body-availability"
>
<calendar />
<postal-code />
</div>
</div>
</q-card-section>
<q-btn
flat
type="button"
align="center"
class="modal-footer"
@click="modalStore.handleSubmit({ isModalContent: modalItem })"
v-close-popup
>
<IconSearch />
<p>ver disponibilidad</p>
</q-btn>
</q-card>
</q-dialog>
</template>
<script lang="ts">
import { PropType, defineComponent } from 'vue';
import { useModalStore } from 'src/stores/modalStore';
import Calendar from '../@inputs/Calendar.vue';
import PostalCode from '../@inputs/PostalCode.vue';
import PriceRange from '../@inputs/PriceRange.vue';
import IconCloseModal from '../icons/IconCloseModal.vue';
import IconSearch from '../icons/IconSearch.vue';
type ModalModel = 'isOpenAvailability' | 'isOpenFilters';
export default defineComponent({
name: 'modal-component',
components: {
IconSearch,
IconCloseModal,
PriceRange,
Calendar,
PostalCode,
},
props: {
modalItem: {
type: String as PropType<ModalModel>,
default: '',
},
},
setup() {
const modalStore = useModalStore();
const modalTextContent = {
isOpenAvailability: {
title: 'Disponibilidad',
subtitle: 'Elige a dónde y cuando quieres enviar el ramo',
},
isOpenFilters: {
title: 'Filtros',
subtitle: 'Personaliza tu búsqueda',
},
};
return {
modalStore,
modalTextContent,
};
},
});
</script>
<style lang="scss">
.modal-container {
& .q-dialog__backdrop {
background: #ffffff90;
}
& .modal-content {
display: flex;
flex-direction: column;
border-radius: 20px;
background-color: $white;
border: 1px solid $primary;
overflow: hidden;
width: min(100%, 554px);
box-shadow: initial;
position: relative;
& .close-modal-btn {
position: absolute;
top: 14px;
right: 22px;
z-index: 1;
@media only screen and (max-width: $med-md) {
& svg {
width: 18px;
height: 18px;
}
}
}
& .modal-header {
display: flex;
justify-content: center;
align-items: center;
padding-block: 30px;
& .modal-header-title {
font-size: $font-25;
font-family: $font-lora;
font-weight: 500;
line-height: 14px;
}
@media only screen and (max-width: $med-md) {
padding-block: 72px 12px;
}
}
& .modal-body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 45px;
width: min(100%, 402px);
margin: 0 auto;
margin-bottom: 29px;
&.availability {
gap: 65px;
}
& .modal-body-paragraph {
font-size: $font-18;
line-height: 14px;
color: $text-default;
text-align: center;
@media only screen and (max-width: $med-md) {
line-height: 20px;
}
}
& .modal-body-content {
width: 100%;
& .filter-item-paragraph {
color: $text-default;
line-height: 20px;
opacity: 0.8;
}
& .modal-body-filters {
display: flex;
flex-direction: column;
gap: 4px;
}
& .modal-body-availability {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
&::after {
content: '';
position: absolute;
width: 1px;
height: 100%;
border-radius: 2px;
background-color: $text-normal-100;
opacity: 0.2;
left: 50%;
transform: translateX(-50%);
}
@media only screen and (max-width: $med-md) {
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 41px;
margin: 0 auto;
width: min(100%, 142px);
&::after {
left: initial;
top: 50%;
transform: translateY(-50%);
left: -25%;
width: 150%;
height: 1px;
}
}
}
}
@media only screen and (max-width: $med-md) {
gap: 50px;
padding-inline: 55px;
}
}
& .modal-footer {
background-color: $primary;
padding: 34px 16px;
flex: 1;
color: $white;
border-radius: initial;
flex-direction: initial;
min-height: initial;
& .q-btn__content {
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
}
& svg {
margin-top: -3px;
}
& p {
color: currentColor;
font-size: $font-18 !important;
line-height: 20px;
text-transform: lowercase;
}
@media only screen and (max-width: $med-md) {
padding-block: 32px;
}
}
}
}
</style>

View File

@ -0,0 +1,83 @@
<template>
<div class="send-banner-container">
<div class="send-banner-wrapper custom-container">
<p class="banner-paragraph" v-if="leftText">{{ leftText }}</p>
<p class="banner-paragraph" v-if="rightText">{{ rightText }}</p>
<p class="banner-paragraph mobile" v-if="mobileText">{{ mobileText }}</p>
</div>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
name: 'send-banner',
props: {
leftText: {
type: String,
default: '',
required: true,
},
rightText: {
type: String,
default: '',
required: true,
},
mobileText: {
type: String,
default: '',
required: true,
},
},
});
</script>
<style lang="scss" scoped>
.send-banner-container {
display: flex;
align-items: center;
height: 47px;
width: 100%;
position: relative;
&::after {
content: '';
position: absolute;
inset: 0;
background-color: $primary-dark;
opacity: 0.6;
backdrop-filter: blur(2px);
z-index: -1;
}
& .send-banner-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
color: $white;
& .banner-paragraph {
color: currentColor;
&.mobile {
display: none;
}
}
@media only screen and (max-width: $med-md) {
justify-content: center;
& .banner-paragraph {
display: none;
&.mobile {
display: inline-block;
}
}
}
}
@media only screen and (max-width: $med-md) {
&.remove-mobile {
display: none;
}
}
}
</style>

269
src/css/app.scss Normal file
View File

@ -0,0 +1,269 @@
// app global css in SCSS form
@import './pages/home.scss';
@import './pages/categoria.scss';
@import './pages/product.scss';
@import './pages/checkout.scss';
@import './pages/contacta.scss';
@import './pages/faq.scss';
@import './components/calendar-postalcode.scss';
* {
margin: 0;
padding: 0;
box-sizing: border-box;
outline: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
::selection {
background-color: $primary-light;
color: $primary;
}
.padding-top {
padding-top: 95px !important;
&.more {
padding-top: calc(145px + 91px) !important;
}
@media only screen and (max-width: $med-md) {
&.more {
padding-top: calc(66px + 91px) !important;
}
}
}
.product-layout {
padding-top: 200px !important;
}
.green-text {
color: $primary !important;
}
.gray-bg {
background-color: $secondary-10;
}
button,
.btn {
all: unset;
user-select: none;
display: inline-flex;
gap: 10px;
justify-content: center;
align-items: center;
text-align: center;
font-family: $font-questrial;
background-color: $primary;
color: $white;
padding: 16px 40px;
line-height: 22px;
font-size: $font-18;
border-radius: 10px;
cursor: pointer;
transition: 100ms ease-out;
&:disabled {
cursor: not-allowed;
opacity: 0.8;
}
&:focus,
&:focus-visible {
outline: 2px solid $primary-light;
}
&.outlined {
border: 1px solid $primary-light;
background-color: transparent;
color: $text-gray;
&.green-color {
color: $primary;
border: 2px solid currentColor;
}
&.white-color {
color: $white;
border: 2px solid currentColor;
}
&.pd-icon {
padding: 16px 33px 16px 40px;
}
}
&.rounded {
border-radius: 30px;
}
&.sm-btn {
padding: 10px 20px;
}
@media only screen and (max-width: $med-xmd) {
font-size: $font-16;
}
}
.custom-container {
width: min(100%, 1920px);
padding-inline: 72px;
margin: 0 auto;
&.cards-container {
width: min(100%, 1540px);
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 310px), 1fr));
grid-auto-rows: 1fr;
gap: 47px;
}
//! 1440px
@media only screen and (max-width: calc($med-xlg + 100px)) {
&.cards-container {
grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
}
}
//! 960px
@media only screen and (max-width: $med-xmd) {
padding-inline: 16px;
&.cards-container {
gap: 25px;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 166px), 1fr));
}
}
//! 445px
@media only screen and (max-width: $med-sm) {
&.cards-container {
gap: 25px;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 145px), 1fr));
}
}
}
.title {
font-family: $font-lora;
font-size: $font-hg;
font-style: normal;
font-weight: 400;
line-height: 80px;
color: $black;
&.bold {
font-weight: 700;
}
@media only screen and (max-width: $med-sm) {
font-size: $font-xlg;
line-height: 58px;
}
}
.subtitle {
color: $primary;
font-size: $font-30;
line-height: 30px;
@media only screen and (max-width: $med-xmd) {
font-size: $font-24;
}
}
.logo-img {
display: inline-flex;
height: 45px;
width: fit-content;
@media only screen and (max-width: $med-md) {
height: 30px;
}
}
.paragraph,
.title,
.price,
button,
span,
h1,
h2,
h3,
h4,
p {
font-weight: 400;
font-style: normal;
}
h1,
h2,
h3,
h4,
h5 {
font-family: $font-lora;
}
ul {
list-style: none;
}
a {
font-family: $font-questrial;
text-decoration: none;
font-size: font-xxxsm;
}
p,
.paragraph {
font-family: $font-questrial;
font-size: $font-xxxsm;
line-height: 19px;
color: $text-normal-100;
margin-bottom: initial;
}
.price {
font-family: $text-price-font;
color: $text-price;
font-size: $font-xsm;
&.offer {
color: $text-price-offer;
}
&.tachado {
text-decoration-line: line-through;
}
}
.header-title {
margin-block: 90px 50px;
.pege-title {
font-family: $font-lora;
font-size: 1.875rem;
line-height: 1.1;
font-weight: 500;
text-align: center;
margin-bottom: 25px;
color: $title-default;
}
.pege-subtitle {
font-family: $font-questrial;
font-size: 1rem;
text-align: center;
}
}
body {
font-family: $font-lora;
font-size: 1rem;
color: $text-default;
font-weight: 400;
}
.container {
max-width: 1420px;
margin: 0 auto;
padding: 0 20px;
}

View File

@ -0,0 +1,24 @@
.custom-input-el {
display: flex;
gap: 9px;
align-items: end;
& svg {
margin-bottom: 4px;
}
& .custom-block-content {
& .custom-head-paragraph,
& .custom-main-paragraph {
line-height: 20px;
}
& .custom-head-paragraph {
font-size: $font-12;
opacity: 0.4;
}
& .custom-main-paragraph {
opacity: 0.8;
}
}
}

View File

136
src/css/pages/checkout.scss Normal file
View File

@ -0,0 +1,136 @@
/* .checkout-page {
.checkout-steps {
display: flex;
justify-content: center;
align-items: center;
}
.step-item-container {
min-width: 200px;
}
.border-step {
width: 90px;
height: 1px;
background-color: $primary-dark;
}
.circle-step-container {
display: grid;
justify-content: center;
align-items: center;
grid-template-columns: 1fr auto 1fr;
}
.circle-step {
width: 56px;
height: 56px;
border: 1px solid $primary-dark;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
.step-value {
font-family: $font-questrial;
color: $primary-dark;
font-size: 1.25rem;
}
&.active {
background-color: $primary-dark;
.step-value {
color: $white;
}
}
}
.step-content {
display: flex;
flex-direction: column;
align-items: center;
font-family: $font-questrial;
h4 {
font-size: 1rem;
font-weight: 700;
color: $text-default;
margin-top: 5px;
margin-bottom: 4px;
line-height: 1.3;
}
p {
font-size: 0.875rem;
color: $text-default;
font-family: $font-lora;
}
}
.checkout-content {
margin: 50px 0 150px;
.checkout-header-form {
background-color: $grey-700;
padding: 12px 30px;
width: 100%;
margin-bottom: 20px;
h3 {
color: $text-default;
font-size: 0.875rem;
line-height: 1.5;
}
}
}
.form-fields-container {
display: flex;
flex-wrap: wrap;
gap: 10px 15px;
.field-control {
flex-basis: calc(50% - 8px);
&.field-input {
label {
padding-bottom: 10px;
}
.q-field__control {
background-color: #fff;
height: 40px;
border: 1px solid $primary-light;
input {
padding: 0px 30px;
font-family: $font-questrial;
color: $text-default !important;
}
&.text-negative {
border-color: $negative;
}
&::after,
&::before {
display: none;
}
}
.q-field__marginal {
height: 40px;
padding-right: 30px;
}
}
.q-field--error .q-field__bottom {
padding-top: 4px;
font-size: 0.675rem;
}
&.field-select {
.q-field__control {
min-height: initial;
background-color: #fff;
height: 40px;
padding: 0px 30px;
border: 1px solid $primary-light;
.q-field__native span {
display: none;
}
}
.q-field__append {
height: 40px;
}
.q-field__label {
font-family: $font-questrial;
color: $text-default !important;
}
.q-field__control-container {
padding-top: 0;
height: 36px;
}
}
}
}
} */

View File

0
src/css/pages/faq.scss Normal file
View File

0
src/css/pages/home.scss Normal file
View File

View File

View File

@ -0,0 +1,139 @@
// Quasar SCSS (& Sass) Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass/SCSS variables found in Quasar's source Sass/SCSS files.
// Check documentation for full list of Quasar variables
// Your own variables (that are declared here) and Quasar's own
// ones will be available out of the box in your .vue/.scss/.sass files
// It's highly recommended to change the default colors
// to match your app's branding.
// Tip: Use the "Theme Builder" on Quasar's documentation website.
$primary: #117564;
$secondary: #26a69a;
$accent: #9c27b0;
$header: rgba(17, 117, 100, 1);
$title: rgba(17, 117, 100, 1);
$dark: #1d1d1d;
$dark-page: #121212;
$positive: #21ba45;
$negative: #c10015;
$info: #31ccec;
$warning: #f2c037;
//! Media queries
$med-hg: 1441px;
$med-xlg: 1440px;
$med-lg: 1024px;
$med-xmd: 960px;
$med-md: 768px;
$med-sm: 445px;
//! Desktop grid
$desktop-grid-columns: 12;
$desktop-grid-gap: 20px;
$desktop-grid-margin: 32px;
//! Mobile grid
$mobile-grid-columns: 4;
$mobile-grid-gap: 8px;
$mobile-grid-margin: 16px;
//! Primary pallete
$primary-dark: $primary;
$primary-darken: #045e4e;
$primary-dark-transparent: #11756470;
$primary-light: #cdebd2;
//! Secondary pallete
$white: #ffffff;
$secondary-orange: #ff9900;
$secondary-100: #141414;
$secondary-80: #54544f;
$secondary-60: #979797;
$secondary-40: #ededed;
$secondary-20: #f8f8f8;
$secondary-10: #f9f9f9;
//! Font color pallete
$title-default: #117564;
$text-default: #6d6d6d;
$black: #101010;
$text-black: $black;
$text-gray: #6d6d6d;
$text-white: $white;
$paragraph-color: #50535a;
$text-h1: $white;
$text-h2: $white;
$text-subtitle: $white;
$text-muted: #58585a;
$text-title-100: $black;
$text-title-80: #10101080;
$text-title-60: #10101060;
$text-title-40: #10101040;
$text-title-20: #10101020;
$text-title-10: #10101010;
$text-normal-100: #242424;
$text-normal-80: #24242480;
$text-normal-60: #24242460;
$text-normal-40: #24242440;
$text-normal-20: #24242420;
$text-normal-10: #24242410;
$grey-700: #f9f9f9;
//! Font family
$font-lora: 'Lora', serif;
$font-roboto: 'Roboto', sans-serif;
$font-mulish: 'Mulish', sans-serif;
$font-questrial: 'Questrial', sans-serif;
$font-montserrat: 'Montserrat', sans-serif;
//! Price font
$text-price-font: $font-questrial;
$text-price: $black;
$text-price-offer: #f5333f;
$text-price-tachado: strikethrough;
//! Font sizes
$font-hg: 100px;
$font-xxxlg: 70px;
$font-xxlg: 65px;
$font-xlg: 48px;
$font-lg: 45px;
$font-xxxxmd: 40px;
$font-xxxmd: 35px;
$font-xxmd: 28px;
$font-xmd: 26px;
$font-md: 22px;
$font-sm: 21px;
$font-xsm: 20px;
$font-xxsm: 18px;
$font-xxxsm: 16px;
$font-xxxxsm: 14px;
$font-xxxxxsm: 12px;
$font-copy: 10px;
$font-35: 2.1875rem;
$font-30: 1.875rem;
$font-28: 1.75rem;
$font-25: 1.5625rem;
$font-24: 1.5rem;
$font-20: 1.25rem;
$font-18: 1.125rem;
$font-16: 1rem;
$font-14: 0.875rem;
$font-12: 0.75rem;
//! Button
$btn-black-bg: $text-title-100;
$btn-white-bg: $white;

9
src/env.d.ts vendored Normal file
View File

@ -0,0 +1,9 @@
/* eslint-disable */
declare namespace NodeJS {
interface ProcessEnv {
NODE_ENV: string;
VUE_ROUTER_MODE: 'hash' | 'history' | 'abstract' | undefined;
VUE_ROUTER_BASE: string | undefined;
}
}

View File

@ -0,0 +1,44 @@
<template>
<q-layout>
<q-no-ssr>
<header-secondary />
</q-no-ssr>
<mobile-nav v-if="mobileStore.isOpenNav" />
<q-page-container class="no-padding padding-top more" role="main">
<router-view />
</q-page-container>
<reasons-section />
<question-section />
<footer-component />
</q-layout>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import FooterComponent from 'src/components/footer/FooterComponent.vue';
import HeaderSecondary from 'src/components/header/HeaderSecondary.vue';
import QuestionSection from 'src/components/sections/QuestionSection.vue';
import ReasonsSection from 'src/components/sections/ReasonsSection.vue';
import MobileNav from 'src/components/ui/MobileNav.vue';
import { mobileStore } from 'src/stores/mobileNav';
export default defineComponent({
name: 'CategoryLayout',
components: {
HeaderSecondary,
FooterComponent,
QuestionSection,
ReasonsSection,
MobileNav,
},
setup() {
return { mobileStore };
},
});
</script>
<style lang="scss" scoped></style>

View File

@ -0,0 +1,36 @@
<template>
<q-layout>
<q-no-ssr>
<header-secondary />
</q-no-ssr>
<mobile-nav v-if="mobileStore.isOpenNav" />
<q-page-container class="no-padding padding-top more" role="main">
<router-view />
</q-page-container>
<question-section />
<footer-component />
</q-layout>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import FooterComponent from 'src/components/footer/FooterComponent.vue';
import HeaderSecondary from 'src/components/header/HeaderSecondary.vue';
import QuestionSection from 'src/components/sections/QuestionSection.vue';
import MobileNav from 'src/components/ui/MobileNav.vue';
import { mobileStore } from 'src/stores/mobileNav';
export default defineComponent({
name: 'ProductLayout',
components: { HeaderSecondary, FooterComponent, QuestionSection, MobileNav },
setup() {
return { mobileStore };
},
});
</script>
<style lang="scss" scoped></style>

View File

@ -0,0 +1,36 @@
<template>
<q-layout>
<q-no-ssr>
<header-secondary />
</q-no-ssr>
<mobile-nav v-if="mobileStore.isOpenNav" />
<q-page-container class="no-padding more product-layout" role="main">
<router-view />
</q-page-container>
<reasons-section />
<footer-component />
</q-layout>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import FooterComponent from 'src/components/footer/FooterComponent.vue';
import HeaderSecondary from 'src/components/header/HeaderSecondary.vue';
import ReasonsSection from 'src/components/sections/ReasonsSection.vue';
import MobileNav from 'src/components/ui/MobileNav.vue';
import { mobileStore } from 'src/stores/mobileNav';
export default defineComponent({
name: 'DefaultLayout',
components: { FooterComponent, ReasonsSection, HeaderSecondary, MobileNav },
setup() {
return { mobileStore };
},
});
</script>
<style lang="scss" scoped></style>

View File

@ -0,0 +1,47 @@
<template>
<q-layout>
<q-no-ssr>
<header-primary />
</q-no-ssr>
<mobile-nav v-if="mobileStore.isOpenNav" />
<q-page-container class="no-padding" role="main">
<router-view />
</q-page-container>
<reasons-section />
<info-section />
<question-section />
<footer-component />
</q-layout>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import FooterComponent from 'src/components/footer/FooterComponent.vue';
import HeaderPrimary from 'src/components/header/HeaderPrimary.vue';
import InfoSection from 'src/components/sections/InfoSection.vue';
import QuestionSection from 'src/components/sections/QuestionSection.vue';
import ReasonsSection from 'src/components/sections/ReasonsSection.vue';
import MobileNav from 'src/components/ui/MobileNav.vue';
import { mobileStore } from 'src/stores/mobileNav';
export default defineComponent({
name: 'HomeLayout',
components: {
HeaderPrimary,
QuestionSection,
InfoSection,
ReasonsSection,
FooterComponent,
MobileNav,
},
setup() {
return { mobileStore };
},
});
</script>
<style lang="scss" scoped></style>

Some files were not shown because too many files have changed in this diff Show More