arhuako/tayronafoods-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: arhuako:e26f5885a9727b66ebf6b20ef52fb489c9d39bdf
Branches Tags
arhuako:main arhuako:rama_carmen
..
compare: arhuako:rama_carmen
Branches Tags
arhuako:main arhuako:rama_carmen

44 Commits
e26f5885a9 ... rama_carme

Author SHA1 Message Date
José Conde
4151b1aabc adding google verification 2023-10-24 17:22:58 +02:00
José Conde
a30b67dd64 Merge branch 'main' of http://192.168.1.112:3000/arhuako/tayronafoods-web 2023-09-26 12:27:07 +02:00
carmengiraldo
b12c099933 Merge branch 'rama_carmen' 2023-09-26 12:01:20 +02:00
carmengiraldo
922b80962e fix 2023-09-26 12:00:50 +02:00
José Conde
13767cfbf6 Merge branch 'rama_carmen' 2023-09-23 20:27:49 +02:00
carmengiraldo
dfe641cfcc cambio cafe 2023-09-23 20:08:35 +02:00
José Conde
f05387178d router scroll behavior 2023-09-23 19:22:55 +02:00
José Conde
a7a87a7922 Merge branch 'rama_carmen' 2023-09-23 19:18:34 +02:00
José Conde
3c8c732155 fotos 2023-09-23 19:16:37 +02:00
carmengiraldo
aca5d225f2 cambios 23 2023-09-23 19:11:48 +02:00
carmengiraldo
bc13023e27 carmen 23/09/2023 2023-09-23 19:10:50 +02:00
carmengiraldo
936bd51396 carmen 17-09-6pm 2023-09-17 18:08:04 +02:00
carmengiraldo
2e88dda569 cambios 2023-09-17 16:08:53 +02:00
José Conde
f63faa97a0 changes 2023-09-08 02:43:17 +02:00
José Conde
2beebe6f07 fix 2023-09-04 13:24:29 +02:00
José Conde
39f8bd82f6 changes 2023-09-04 12:56:05 +02:00
carmengiraldo
a3473ac706 cambios 2023-09-04 00:52:13 +02:00
carmengiraldo
c013b52e28 Merge branch 'rama_carmen' of https://gitea.gairacalabs.site/arhuako/tayronafoods-web into rama_carmen 2023-09-03 22:56:37 +02:00
carmengiraldo
ec46813b28 cambios sep3 10;45 carmen 2023-09-03 22:56:29 +02:00
José Conde
03bf1c3a9e cambios 2023-09-03 21:32:56 +02:00
José Conde
adfcc9a0be Merge branch 'rama_carmen' 2023-09-03 20:25:17 +02:00
carmengiraldo
e04b02e28d cambios 3 de sep-carmen 2023-09-03 20:11:36 +02:00
José Conde
6a3f34f32b adding beta script 2023-09-03 14:53:17 +02:00
José Conde
5cb1042668 adding responsive 1 2023-09-03 14:40:49 +02:00
carmengiraldo
f493178e3c cambios 2023-08-28 23:35:55 +02:00
José Conde
d1b38f5052 latest changes 2023-08-22 17:03:45 +02:00
José Conde
7dcaa05fa8 Merge branch 'rama_carmen' 2023-08-22 11:58:26 +02:00
carmengiraldo
3402653f19 cambios 2023-08-15 13:32:03 +02:00
José Conde
fc3fa21b51 adding sticky header 2023-07-29 16:13:29 +02:00
José Conde
4935692742 fixes 2023-07-26 22:27:34 +02:00
José Conde
7d776d7972 favicon 2023-07-26 21:33:42 +02:00
arhuako
79089740d4 Merge pull request 'cambio imagen' (#3) from rama_carmen into main 
Reviewed-on: http://gitea.gairacalabs.site/arhuako/tayronafoods-web/pulls/3
 2023-07-26 21:27:25 +02:00
carmengiraldo
47faf33cfd cambio imagen 2023-07-26 21:26:42 +02:00
arhuako
37fd87a504 Merge pull request 'cambiooon nombre imagen' (#2) from rama_carmen into main 
Reviewed-on: http://gitea.gairacalabs.site/arhuako/tayronafoods-web/pulls/2
 2023-07-26 21:24:11 +02:00
carmengiraldo
3e3125d74d cambiooon nombre imagen 2023-07-26 21:23:14 +02:00
arhuako
d71b1853f9 Merge pull request 'cambios' (#1) from rama_carmen into main 
Reviewed-on: http://gitea.gairacalabs.site/arhuako/tayronafoods-web/pulls/1
 2023-07-26 21:16:00 +02:00
carmengiraldo
ec482a0861 cambios 2023-07-26 21:09:28 +02:00
José Conde
66d66a4858 ico 2023-06-15 20:10:35 +02:00
José Conde
a85d25af09 updates 2023-06-15 20:06:33 +02:00
José Conde
8dcc575699 cambios 2023-06-14 20:26:42 +02:00
José Conde
cc458a43db finishing products 2023-06-13 21:09:39 +02:00
José Conde
f3e99183ae fix 2023-06-12 19:29:49 +02:00
José Conde
ce649bc711 adding cards 2023-06-12 19:21:22 +02:00
José Conde
783b0f18c8 wip: products 2023-06-11 21:02:08 +02:00
110 changed files with 3799 additions and 215 deletions
Expand all files Collapse all files

8
index.html
View File

@@ -3,11 +3,15 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/png" href="/images/logo-kreis_ico.png" /> <link rel="icon" type="image/png" href="src/assets/images/logo-kreis_ico.png" />
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?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"> <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Righteous&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">
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="google-site-verification" content="1tB5liDjoXLObZitT8kwhYfGWbANW_3cMBBVk-Sbvgo" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<title>Tayrona Foods</title> <title>Tayrona Foods</title>
</head> </head>

32
package-lock.json generated
View File

@@ -9,9 +9,11 @@
"version": "0.0.0", "version": "0.0.0",
"dependencies": { "dependencies": {
"vue": "^3.2.47", "vue": "^3.2.47",
"vue-gtag": "^2.0.1",
"vue-i18n": "^9.2.2", "vue-i18n": "^9.2.2",
"vue-mobile-detection": "^2.0.1", "vue-mobile-detection": "^2.0.1",
"vue-router": "^4.2.2" "vue-router": "^4.2.2",
"vue3-carousel": "^0.3.1"
}, },
"devDependencies": { "devDependencies": {
"@vitejs/plugin-vue": "^4.1.0", "@vitejs/plugin-vue": "^4.1.0",
@@ -972,6 +974,14 @@
"@vue/shared": "3.3.4" "@vue/shared": "3.3.4"
} }
}, },
"node_modules/vue-gtag": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/vue-gtag/-/vue-gtag-2.0.1.tgz",
"integrity": "sha512-aM4A58FVL0wV2ptYi+xzAjeg+pQVRyUcfBc5UkXAwQrR4t3WBhor50Izp2I+3Oo7+l+vWJ7u78DGcNzReb8S/A==",
"peerDependencies": {
"vue": "^3.0.0"
}
},
"node_modules/vue-i18n": { "node_modules/vue-i18n": {
"version": "9.2.2", "version": "9.2.2",
"resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.2.2.tgz", "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.2.2.tgz",
@@ -1010,6 +1020,14 @@
"peerDependencies": { "peerDependencies": {
"vue": "^3.2.0" "vue": "^3.2.0"
} }
},
"node_modules/vue3-carousel": {
"version": "0.3.1",
"resolved": "https://registry.npmjs.org/vue3-carousel/-/vue3-carousel-0.3.1.tgz",
"integrity": "sha512-86vUkNPBzL2PVuR9w6hUsI90ccFjLp+K8cSFpRTISf+SjUQY3fMHc5CFF5MUL62v1xYYm27zEBmQupO9VQx9Kw==",
"peerDependencies": {
"vue": "^3.2.0"
}
} }
}, },
"dependencies": { "dependencies": {
@@ -1584,6 +1602,12 @@
"@vue/shared": "3.3.4" "@vue/shared": "3.3.4"
} }
}, },
"vue-gtag": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/vue-gtag/-/vue-gtag-2.0.1.tgz",
"integrity": "sha512-aM4A58FVL0wV2ptYi+xzAjeg+pQVRyUcfBc5UkXAwQrR4t3WBhor50Izp2I+3Oo7+l+vWJ7u78DGcNzReb8S/A==",
"requires": {}
},
"vue-i18n": { "vue-i18n": {
"version": "9.2.2", "version": "9.2.2",
"resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.2.2.tgz", "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.2.2.tgz",
@@ -1610,6 +1634,12 @@
"requires": { "requires": {
"@vue/devtools-api": "^6.5.0" "@vue/devtools-api": "^6.5.0"
} }
},
"vue3-carousel": {
"version": "0.3.1",
"resolved": "https://registry.npmjs.org/vue3-carousel/-/vue3-carousel-0.3.1.tgz",
"integrity": "sha512-86vUkNPBzL2PVuR9w6hUsI90ccFjLp+K8cSFpRTISf+SjUQY3fMHc5CFF5MUL62v1xYYm27zEBmQupO9VQx9Kw==",
"requires": {}
} }
} }
} }

7
package.json
View File

@@ -4,15 +4,18 @@
"version": "0.0.0", "version": "0.0.0",
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite --host",
"build": "vite build", "build": "vite build",
"build:beta": "vite build -- -beta",
"preview": "vite preview" "preview": "vite preview"
}, },
"dependencies": { "dependencies": {
"vue": "^3.2.47", "vue": "^3.2.47",
"vue-gtag": "^2.0.1",
"vue-i18n": "^9.2.2", "vue-i18n": "^9.2.2",
"vue-mobile-detection": "^2.0.1", "vue-mobile-detection": "^2.0.1",
"vue-router": "^4.2.2" "vue-router": "^4.2.2",
"vue3-carousel": "^0.3.1"
}, },
"devDependencies": { "devDependencies": {
"@vitejs/plugin-vue": "^4.1.0", "@vitejs/plugin-vue": "^4.1.0",

118
src/App.vue
View File

@@ -1,10 +1,124 @@
<script setup> <script>
import Footer from './components/Footer.vue'; import Footer from './components/Footer.vue';
import GdprConsent from './components/GdprConsent.vue';
import Menu from './components/Menu.vue';
const pagesWithCarousel = [
'home', 'social', 'about', 'products'
];
export default {
data() {
return {
stickyClass: '',
deviceClass: this.$isMobile() ? 'mobile' : 'desktop',
width: window.innerWidth
}
},
components: { Footer, Menu, GdprConsent },
created() {
window.addEventListener('scroll', this.handleScroll);
},
destroyed() {
window.removeEventListener('scroll', this.handleScroll);
},
beforeRouteEnter() {
this.stickyClass = '';
},
methods: {
handleScroll() {
const limit = this.$isMobile() ? 115 : 430;
if (!pagesWithCarousel.includes(this.$route.name)) {
this.stickyClass = 'has-sticky has-sticky-1'
return;
}
if (window.scrollY > 5 && window.scrollY <= limit) {
this.stickyClass = 'has-sticky has-sticky-0';
} else if(window.scrollY > limit) {
this.stickyClass = 'has-sticky has-sticky-1';
} else {
this.stickyClass = '';
}
},
},
}
</script> </script>
<template> <template>
<div class="main-container"> <!-- <div class="width">{{ width }}px {{ deviceClass }}</div> -->
<Menu :class="`${stickyClass}`" />
<div class="main-container" :class="`${stickyClass} ${deviceClass}`">
<div class="content-wrapper">
<RouterView /> <RouterView />
</div>
<Footer></Footer> <Footer></Footer>
<gdpr-consent></gdpr-consent>
</div> </div>
</template> </template>
<style lang="scss">
.width {
position: fixed;
top: 0;
right: 0;
background-color: white;
color: #121212;
width: 150px;
height: 30px;
z-index: 12;
border-bottom-right-radius: 10px;
padding: 4px;
opacity: 0.5;
}
.content-wrapper {
padding-top: 120px;
background-color: #000;
}
.content {
background-color: #000;
color: #fff;
padding: 0 72px 72px;
h2 {
font-size: 36px;
font-weight: 300;
line-height: 50px;
text-align: center;
padding: 52px 0;
}
h4 {
font-size: 20px;
font-weight: 500;
font-style: italic;
line-height: 42px;
text-align: center;
padding: 72px 264px;
}
p {
font-weight: 300;
font-size: 16px;
line-height: 24px;
text-align: justify;
&.centered {
text-align: center;
}
}
}
@media only screen and (max-width: 767px) {
.content-wrapper {
padding-top: 115px;
}
.content {
padding: 0 16px 72px;
h4 {
padding: 72px 0;
}
}
}
</style>

BIN
src/assets/images/Cafeteritos-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 273 KiB

BIN
src/assets/images/Nuestros_aliados.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
src/assets/images/Packaging_new 1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 625 KiB

BIN
src/assets/images/Packaging_new.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 MiB

3
src/assets/images/arrow-down.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.9467 6.2533H7.79335H4.05335C3.41335 6.2533 3.09335 7.02663 3.54668 7.47996L7.00002 10.9333C7.55335 11.4866 8.45335 11.4866 9.00668 10.9333L10.32 9.61996L12.46 7.47996C12.9067 7.02663 12.5867 6.2533 11.9467 6.2533Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 346 B

BIN
src/assets/images/bg_1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 255 KiB

BIN
src/assets/images/bg_1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 MiB

BIN
src/assets/images/coffee1.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 918 KiB

After

Width:  |  Height:  |  Size: 243 KiB

BIN
src/assets/images/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
src/assets/images/flag-de.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 396 B

BIN
src/assets/images/flag-en.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
src/assets/images/flag-es.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 668 B

BIN
src/assets/images/footer_coffee.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 887 KiB

After

Width:  |  Height:  |  Size: 860 KiB

BIN
src/assets/images/foto_alejo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 97 KiB

BIN
src/assets/images/foto_jose.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 83 KiB

7
src/assets/images/global.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 18.3334C14.6024 18.3334 18.3334 14.6024 18.3334 10C18.3334 5.39765 14.6024 1.66669 10 1.66669C5.39765 1.66669 1.66669 5.39765 1.66669 10C1.66669 14.6024 5.39765 18.3334 10 18.3334Z" stroke="#F2F2F2" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.66667 2.5H7.5C5.875 7.36667 5.875 12.6333 7.5 17.5H6.66667" stroke="#F2F2F2" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.5 2.5C14.125 7.36667 14.125 12.6333 12.5 17.5" stroke="#F2F2F2" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.5 13.3333V12.5C7.36667 14.125 12.6333 14.125 17.5 12.5V13.3333" stroke="#F2F2F2" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.5 7.5C7.36667 5.875 12.6333 5.875 17.5 7.5" stroke="#F2F2F2" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 987 B

BIN
src/assets/images/grains.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 607 KiB

BIN
src/assets/images/grains.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 754 KiB

BIN
src/assets/images/imag-10.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

BIN
src/assets/images/imag-11.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

BIN
src/assets/images/imag-12.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
src/assets/images/imag-4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
src/assets/images/imag-5.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
src/assets/images/imag-6.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
src/assets/images/imag-7.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

BIN
src/assets/images/imag-8.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

BIN
src/assets/images/imag-9.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
src/assets/images/image_membresias.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

BIN
src/assets/images/kettles.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 314 KiB

BIN
src/assets/images/kids-coffee.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
src/assets/images/kids.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 162 KiB

306
src/assets/images/logo-kreis_1.svg Normal file
View File

@@ -0,0 +1,306 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 27.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 595.28 841.89" style="enable-background:new 0 0 595.28 841.89;" xml:space="preserve">
<style type="text/css">
.st0{fill:#2D2921;}
.st1{fill:#E62A52;}
.st2{fill:#FFCD01;}
.st3{fill:#44AF71;}
.st4{fill:#3EB4E8;}
.st5{fill:#F6F6F6;}
</style>
<g>
<g>
<g>
<g>
<g>
<path class="st0" d="M482.93,575.97l1.21,1c0.01-0.04,0.01-0.08,0.01-0.12c0.11-0.9,0.22-1.8,0.31-2.69
c0.05-0.43,0.09-0.86,0.13-1.29c0.38-0.06,0.74-0.12,1.09-0.18c2.9-0.47,4.69-0.8,7.91-1.46c-0.33,4.09-0.8,8.18-1.41,12.24
c-0.01,0.04-0.01,0.08-0.02,0.11l3.73,3.07c0.01-0.03,0.01-0.07,0.01-0.11c0.15-1.01,0.3-2.02,0.43-3.02
c3.74-0.73,5.61-1.13,9.35-2.03c-0.34,2.95-0.61,5.11-0.95,7.36c-0.22,1.38-0.46,2.8-0.76,4.46l1.69,1.4
c0.74-0.16,1.45-0.32,2.41-0.54c0.83-4.73,1.23-7.43,1.67-11.51c0.08-0.69,0.15-1.43,0.23-2.23c0.67-0.17,1.29-0.34,1.88-0.49
c3.66-0.96,6.16-1.69,9.79-2.84c0.62-0.2,1.28-0.41,1.98-0.64c0.06-0.94,0.1-1.64,0.13-2.34c0.04-0.6,0.06-1.21,0.09-2
c-3.27,1.09-5.55,1.81-8.04,2.53c-1.62,0.48-3.33,0.95-5.44,1.52c0.29-3.71,0.39-5.55,0.5-9.21c4.38-1.24,8.78-2.65,13.12-4.2
c3.21-1.14,6.39-2.36,9.52-3.65c0.71-0.29,1.41-0.58,2.12-0.88c0.49-0.2,0.98-0.41,1.46-0.62c-0.04-0.69-0.06-1.23-0.08-1.75
c-0.04-0.78-0.08-1.48-0.15-2.46c0-0.04-0.01-0.07-0.01-0.11c-3.05,1.36-6.17,2.65-9.32,3.88c-5.46,2.11-11.04,4.02-16.59,5.63
c-1.64,0.49-2.46,0.73-4.09,1.18c-3.58,1-5.36,1.46-8.92,2.29c0.15-3.55,0.19-5.31,0.17-8.8c8.56-2.18,12.86-3.5,21.38-6.64
c1.6-0.58,2.39-0.88,3.98-1.5c4.59-1.78,7.93-3.16,11.35-4.72c2.76-1.27,5.57-2.65,9.12-4.46c0.22-0.12,0.43-0.23,0.66-0.34
c0.52-0.27,0.94-0.49,1.34-0.7c0.81-0.42,1.5-0.79,2.55-1.35c-0.18-1.23-0.3-2.02-0.46-3.01c-0.07-0.38-0.13-0.78-0.22-1.26
c-0.06-0.37-0.12-0.73-0.17-1.06c-0.52-3.02-0.87-4.83-1.57-8.09c2.79-1.61,4.38-2.56,6.8-4.09c0.4-0.24,0.82-0.51,1.27-0.8
c0.24-0.15,0.46-0.29,0.67-0.43c1.06-0.67,1.77-1.14,3-1.95c-0.36-1.44-0.58-2.26-0.91-3.51c-0.06-0.2-0.11-0.43-0.17-0.66
c-0.15-0.56-0.3-1.11-0.45-1.63c-1.01-3.68-1.88-6.57-2.82-9.42c-1.06-3.19-2.22-6.32-3.82-10.42c3.67-2.75,6.38-4.86,9.06-7.1
c2.24-1.87,4.47-3.85,7.21-6.38c0.39-0.35,0.78-0.71,1.19-1.09c0.27-0.25,0.52-0.48,0.74-0.69c0.83-0.77,1.42-1.34,2.41-2.28
c-0.55-1.18-0.9-1.91-1.36-2.86c-0.15-0.32-0.32-0.64-0.5-1.03c-0.22-0.45-0.43-0.88-0.63-1.27c-1.26-2.55-2.11-4.18-3.64-6.98
c2.34-2.39,3.61-3.72,5.68-6.01c0.22-0.25,0.46-0.51,0.71-0.78c0.49-0.54,0.87-0.97,1.23-1.38c0.5-0.57,0.97-1.1,1.62-1.86
c-0.45-0.78-0.8-1.36-1.15-1.95c-0.31-0.52-0.63-1.05-1.06-1.74c-0.13-0.21-0.26-0.42-0.39-0.62
c-1.67-2.72-3.07-4.93-4.43-6.99c-2.37-3.58-4.63-6.66-7.97-11.03c-1.01-1.32-1.52-1.97-2.55-3.26
c-5.51-6.9-8.4-10.15-14.39-16.2c1.94-2.86,2.89-4.33,4.73-7.31c2.52,2.46,3.77,3.72,6.22,6.31c1.11,1.2,1.67,1.79,2.78,3.02
c4.2,4.58,8.26,9.46,12.05,14.48c1.59,2.11,3.13,4.24,4.61,6.38c0.01,0.01,0.02,0.03,0.04,0.05c0.79-1.06,1.27-1.71,1.91-2.6
c0.2-0.27,0.4-0.55,0.63-0.88c-0.18-0.26-0.37-0.52-0.56-0.78c-0.59-0.83-1.19-1.65-1.8-2.48c-1.5-2.05-3.07-4.09-4.67-6.1
c-3.19-3.98-6.54-7.86-9.97-11.54c1.92-3.05,2.86-4.61,4.68-7.8c2.1,2.18,3.59,3.77,5.12,5.49c1.19,1.33,2.41,2.74,3.96,4.57
c0.27-0.46,0.51-0.84,0.73-1.2c0.48-0.8,0.88-1.47,1.48-2.51c-0.61-0.71-1.18-1.35-1.7-1.95c-1.74-1.97-3.11-3.49-4.78-5.24
c-0.83-0.87-1.72-1.79-2.76-2.85c0.87-1.59,1.58-2.92,2.23-4.17c1.18-2.25,2.17-4.27,3.5-7.11c0.13-0.27,0.27-0.55,0.4-0.85
c-0.21-0.2-0.41-0.39-0.59-0.57c-0.9-0.85-1.51-1.43-2.56-2.41c-0.57,1.25-1.06,2.33-1.53,3.33v0.01
c-1.41,3-2.55,5.24-4.44,8.78c-2.63-2.58-3.96-3.84-6.66-6.26c3.79-7.48,5.64-11.61,8.6-19.31c0.03-0.09,0.07-0.18,0.1-0.28
l-0.15,0.05l-4.8,1.5c-2.09,5.37-3.84,9.21-6.85,15.29c-0.72,1.48-1.1,2.21-1.85,3.65c-1.64,3.16-2.49,4.7-4.24,7.74
c-2.58-2.34-3.89-3.51-6.48-5.7c-0.03-0.02-0.06-0.05-0.09-0.08c0.02-0.04,0.05-0.08,0.07-0.13c3.7-6.72,5.61-10.57,8.47-17.37
l-4.97,1.55c-1.43,3.28-2.73,6.01-4.42,9.27c-0.46,0.87-0.93,1.78-1.45,2.74c-0.24,0.45-0.5,0.92-0.76,1.41
c-0.46,0.85-0.78,1.44-1.14,2.09c-0.22,0.4-0.46,0.81-0.76,1.34c0.37,0.3,0.69,0.56,0.97,0.8c0.66,0.55,1.21,1.02,2.05,1.72
c0.17,0.15,0.33,0.29,0.49,0.43c0.83,0.71,1.52,1.31,2.18,1.89c1.18,1.05,2.26,2.04,3.79,3.48c-1.25,2.06-2.07,3.39-3.09,4.96
c-0.45,0.71-0.95,1.46-1.54,2.34c-0.16,0.24-0.31,0.46-0.45,0.67c-0.6,0.9-1.04,1.51-1.75,2.56c0.78,0.77,1.28,1.27,1.89,1.89
c0.26,0.27,0.55,0.55,0.88,0.9c0.5,0.51,0.97,0.99,1.42,1.47c4.97,5.17,7.77,8.42,12.72,14.74c1.01,1.29,1.51,1.93,2.5,3.25
c4.21,5.61,6.67,9.11,9.86,14.27c0.83,1.33,1.7,2.76,2.67,4.37c-1.53,1.72-2.59,2.9-3.77,4.17c-0.74,0.79-1.53,1.62-2.51,2.64
c-1.82-3.18-2.75-4.75-4.68-7.8c-0.88-1.4-1.32-2.1-2.23-3.46c-4.37-6.76-9.32-13.4-14.59-19.53
c-0.25-0.32-0.53-0.62-0.79-0.93c-0.68,0.84-1.13,1.39-1.67,2.04c-0.24,0.29-0.51,0.61-0.83,0.99c0.25,0.29,0.5,0.59,0.73,0.88
c0.78,0.92,1.55,1.86,2.32,2.81c4.33,5.33,8.39,11,12.04,16.75c-2.46,2.6-3.7,3.86-6.22,6.32c-2.63-4.28-4.04-6.39-6.83-10.34
c-0.05-0.07-0.11-0.15-0.15-0.22c-1.1,1.13-1.65,1.69-2.77,2.79c0.85,1.23,1.58,2.27,2.23,3.25c1.54,2.29,2.76,4.23,4.6,7.28
c-2.72,2.55-4.47,4.12-6.73,6.03c-0.83,0.7-1.72,1.44-2.76,2.29c0.69,1.22,1.07,1.9,1.68,3.03c0.07,0.13,0.14,0.26,0.22,0.4
c3.92-3.16,5.84-4.83,9.63-8.3c1.75,3.04,2.6,4.59,4.24,7.76c-6.59,5.82-10,8.51-16.93,13.44c-0.17,0.13-0.34,0.24-0.5,0.35
c-0.99,0.69-1.62,1.13-2.74,1.9c0.54,1.23,0.85,1.93,1.32,3.02c0.07,0.17,0.15,0.36,0.24,0.57c3.28,7.77,4.75,11.82,7.23,20.23
c-3.09,1.86-4.65,2.76-7.78,4.46c-1.34-4.94-2.09-7.36-3.74-12.1c-0.15,0.09-0.29,0.18-0.43,0.25
c-1.11,0.65-1.79,1.03-3.02,1.72c0.41,1.25,0.77,2.33,1.1,3.34c0.9,2.81,1.55,5.08,2.49,8.7c-3.21,1.67-5.3,2.71-7.86,3.89
c-1.1,0.51-2.27,1.04-3.67,1.65c0.35,1.53,0.52,2.3,0.84,3.84c0.09-0.04,0.19-0.08,0.28-0.12c4.5-1.95,6.84-3.04,11.39-5.36
c0.81,3.42,1.18,5.14,1.86,8.66c-6.21,3.06-12.74,5.84-19.3,8.22c-1.44,0.53-2.89,1.03-4.33,1.51
c-0.14,0.05-0.28,0.09-0.42,0.14c0.02,0.17,0.04,0.32,0.06,0.47c0.15,1.27,0.24,2.04,0.38,3.45c0.45-0.15,0.92-0.29,1.37-0.45
c7.8-2.58,15.6-5.75,22.97-9.3c1.51-0.72,2.28-1.09,3.78-1.84c3.3-1.65,4.94-2.51,8.22-4.3c0.17,0.84,0.32,1.58,0.46,2.27
c0.44,2.28,0.73,4.01,1.18,6.84c-2.25,1.18-4.19,2.18-6.01,3.09c-4.85,2.41-8.74,4.1-14.86,6.55
c-1.57,0.62-2.35,0.93-3.93,1.52c-7.57,2.87-11.77,4.25-18.7,6.11c-0.77,0.2-1.58,0.42-2.44,0.64
c-0.83,0.22-1.44,0.38-2.06,0.53c-0.56,0.15-1.13,0.28-1.89,0.47c0.01,0.78,0.03,1.5,0.03,2.18c0.02,1.93,0.01,3.54-0.04,5.26
c-0.04,1.55-0.12,3.2-0.24,5.26c-1.78,0.38-3.11,0.65-4.45,0.9c-1.33,0.26-2.67,0.49-4.44,0.8c-0.05,0.01-0.09,0.01-0.14,0.02
c-1.54,0.26-2.34,0.38-3.92,0.62c-0.13,1.43-0.27,2.86-0.44,4.3C480.47,573.82,482.92,575.96,482.93,575.97z M552.62,391.41
c2.65,2.44,3.96,3.69,6.54,6.27c-1.78,3.18-2.69,4.75-4.58,7.79c-2.48-2.59-3.76-3.86-6.32-6.3
C550.05,396.12,550.93,394.57,552.62,391.41z M506.76,568.12c-0.15,3.63-0.28,5.46-0.62,9.14c-3.7,0.92-5.55,1.34-9.25,2.09
c0.43-3.63,0.6-5.43,0.84-9C501.33,569.53,503.14,569.09,506.76,568.12z M548.26,459.6c2.56-2.46,3.84-3.72,6.32-6.31
c1.88,3.05,2.8,4.61,4.58,7.78c-2.58,2.59-3.9,3.85-6.54,6.29C550.93,464.2,550.05,462.63,548.26,459.6z M533.38,526.7
c-0.71-3.53-1.11-5.27-1.96-8.69c3.16-1.69,4.75-2.58,7.88-4.44c0.95,3.47,1.38,5.22,2.18,8.78
C538.26,524.17,536.64,525.04,533.38,526.7z M565.33,472.99c-1.83,1.73-3.42,3.21-4.91,4.54c-3.94,3.56-7.17,6.17-12.3,10.09
c-1.32,1.01-1.97,1.5-3.3,2.48c0.62,1.51,0.92,2.27,1.5,3.81c2.19,5.76,3.53,9.59,4.93,14.4c0.6,2.07,1.21,4.33,1.9,6.99
c-2.5,1.62-4.02,2.58-6.12,3.83c-0.56,0.34-1.17,0.69-1.85,1.09c-0.84-3.57-1.29-5.33-2.3-8.81c-0.44-1.6-0.68-2.39-1.17-3.96
c-2.58-8.43-4.09-12.5-7.47-20.3c7.03-4.9,10.48-7.58,17.17-13.39c1.25-1.09,1.87-1.64,3.1-2.75c2.7-2.43,4.03-3.68,6.66-6.26
c0.54,1.01,0.99,1.88,1.41,2.67C563.48,469.19,564.22,470.68,565.33,472.99z"/>
</g>
<g>
<path class="st0" d="M114.8,573.82c-0.18-1.44-0.32-2.87-0.44-4.3c-1.58-0.24-2.38-0.36-3.92-0.62
c-0.05-0.01-0.09-0.01-0.14-0.02c-1.78-0.31-3.12-0.54-4.44-0.8c-1.34-0.25-2.67-0.52-4.45-0.9c-0.12-2.06-0.2-3.7-0.24-5.26
c-0.06-1.72-0.06-3.33-0.04-5.26c0-0.68,0.01-1.4,0.03-2.18c-0.76-0.19-1.33-0.32-1.89-0.47c-0.62-0.15-1.23-0.31-2.06-0.53
c-0.85-0.22-1.67-0.44-2.44-0.64c-6.93-1.86-11.12-3.24-18.7-6.11c-1.58-0.59-2.36-0.9-3.93-1.52
c-6.12-2.45-10.01-4.14-14.86-6.55c-1.81-0.9-3.76-1.9-6.01-3.09c0.44-2.83,0.73-4.56,1.18-6.84c0.14-0.69,0.29-1.43,0.46-2.27
c3.28,1.8,4.91,2.66,8.22,4.31c1.51,0.76,2.27,1.12,3.78,1.84c7.37,3.56,15.18,6.72,22.97,9.3c0.45,0.15,0.92,0.3,1.37,0.45
c0.14-1.41,0.22-2.18,0.38-3.45c0.01-0.15,0.03-0.3,0.06-0.47c-0.14-0.05-0.28-0.09-0.42-0.14c-1.44-0.48-2.89-0.99-4.33-1.51
c-6.56-2.38-13.09-5.16-19.3-8.22c0.67-3.51,1.04-5.24,1.86-8.66c4.55,2.32,6.89,3.42,11.39,5.36
c0.09,0.04,0.19,0.08,0.28,0.12c0.32-1.54,0.49-2.3,0.84-3.84c-1.39-0.62-2.57-1.14-3.67-1.65c-2.56-1.18-4.66-2.22-7.86-3.89
c0.95-3.63,1.59-5.89,2.49-8.7c0.33-1.01,0.69-2.09,1.1-3.34c-1.22-0.69-1.9-1.07-3.02-1.72c-0.13-0.08-0.27-0.16-0.43-0.25
c-1.65,4.74-2.39,7.15-3.74,12.1c-3.13-1.7-4.69-2.6-7.78-4.46c2.48-8.41,3.96-12.46,7.23-20.23c0.08-0.2,0.17-0.39,0.24-0.57
c0.47-1.09,0.78-1.8,1.32-3.02c-1.12-0.77-1.76-1.21-2.74-1.9c-0.15-0.11-0.32-0.22-0.5-0.35
c-6.93-4.93-10.34-7.62-16.93-13.44c1.64-3.16,2.49-4.72,4.24-7.76c3.79,3.47,5.71,5.15,9.63,8.3c0.08-0.14,0.15-0.27,0.22-0.4
c0.61-1.13,0.99-1.81,1.68-3.03c-1.04-0.85-1.93-1.59-2.76-2.29c-2.25-1.9-4-3.48-6.73-6.03c1.83-3.05,3.06-4.99,4.6-7.28
c0.66-0.98,1.38-2.03,2.23-3.25c-1.11-1.1-1.67-1.66-2.76-2.79c-0.05,0.07-0.11,0.15-0.15,0.22
c-2.79,3.95-4.19,6.06-6.83,10.34c-2.52-2.46-3.77-3.72-6.22-6.32c3.65-5.75,7.71-11.42,12.04-16.75
c0.76-0.95,1.54-1.88,2.32-2.81c0.24-0.29,0.48-0.59,0.73-0.88c-0.31-0.38-0.58-0.69-0.83-0.99c-0.54-0.65-0.99-1.2-1.67-2.04
c-0.27,0.31-0.54,0.62-0.79,0.93c-5.26,6.12-10.22,12.77-14.59,19.53c-0.91,1.36-1.35,2.06-2.23,3.46
c-1.92,3.05-2.86,4.61-4.68,7.8c-0.98-1.01-1.76-1.85-2.51-2.64c-1.18-1.27-2.25-2.45-3.77-4.17c0.97-1.6,1.83-3.04,2.67-4.37
c3.19-5.15,5.65-8.66,9.86-14.27c0.99-1.32,1.49-1.96,2.5-3.25c4.95-6.32,7.75-9.58,12.72-14.74c0.46-0.48,0.92-0.96,1.42-1.47
c0.33-0.34,0.62-0.63,0.88-0.9c0.61-0.62,1.11-1.12,1.89-1.89c-0.71-1.05-1.15-1.67-1.75-2.56c-0.14-0.21-0.29-0.43-0.45-0.67
c-0.59-0.88-1.09-1.63-1.54-2.34c-1.02-1.57-1.85-2.9-3.09-4.96c1.53-1.43,2.61-2.43,3.79-3.48c0.66-0.58,1.35-1.18,2.18-1.89
c0.16-0.14,0.32-0.28,0.49-0.43c0.84-0.71,1.39-1.18,2.05-1.72c0.29-0.25,0.6-0.5,0.97-0.8c-0.29-0.53-0.53-0.94-0.76-1.34
c-0.36-0.65-0.68-1.24-1.14-2.09c-0.26-0.48-0.51-0.95-0.76-1.41c-0.52-0.97-0.99-1.88-1.45-2.74c-1.69-3.25-3-5.98-4.42-9.27
l-4.97-1.55c2.86,6.8,4.77,10.65,8.47,17.37c0.02,0.04,0.05,0.08,0.07,0.13c-0.03,0.03-0.06,0.06-0.09,0.08
c-2.6,2.19-3.91,3.35-6.48,5.7c-1.75-3.04-2.6-4.58-4.24-7.74c-0.75-1.45-1.13-2.18-1.85-3.65c-3.01-6.08-4.76-9.93-6.85-15.29
l-4.8-1.5l-0.15-0.05c0.03,0.1,0.07,0.19,0.11,0.28c2.95,7.71,4.81,11.83,8.6,19.31c-2.69,2.43-4.03,3.69-6.66,6.26
c-1.88-3.54-3.02-5.78-4.44-8.78v-0.01c-0.47-1-0.96-2.09-1.53-3.33c-1.06,0.97-1.67,1.55-2.56,2.41
c-0.18,0.18-0.38,0.36-0.59,0.57c0.13,0.29,0.27,0.57,0.4,0.85c1.33,2.84,2.32,4.86,3.5,7.11c0.65,1.25,1.36,2.58,2.23,4.17
c-1.04,1.06-1.93,1.98-2.76,2.85c-1.67,1.75-3.05,3.27-4.78,5.24c-0.52,0.6-1.09,1.25-1.7,1.95c0.6,1.04,1,1.71,1.48,2.51
c0.22,0.36,0.46,0.74,0.73,1.2c1.55-1.83,2.77-3.24,3.96-4.57c1.53-1.72,3.02-3.31,5.12-5.49c1.82,3.18,2.75,4.75,4.68,7.8
c-3.44,3.68-6.78,7.56-9.97,11.54c-1.6,2.01-3.16,4.05-4.67,6.1c-0.61,0.83-1.21,1.65-1.8,2.48c-0.19,0.26-0.38,0.53-0.56,0.78
c0.23,0.32,0.43,0.61,0.63,0.88c0.64,0.89,1.12,1.54,1.91,2.6c0.01-0.01,0.02-0.04,0.04-0.05c1.48-2.14,3.02-4.27,4.61-6.38
c3.79-5.02,7.85-9.9,12.05-14.48c1.11-1.23,1.67-1.82,2.78-3.02c2.46-2.6,3.7-3.86,6.22-6.31c1.84,2.98,2.79,4.45,4.73,7.31
c-5.99,6.05-8.88,9.3-14.39,16.2c-1.03,1.29-1.54,1.94-2.55,3.26c-3.34,4.36-5.6,7.45-7.97,11.03
c-1.37,2.06-2.77,4.28-4.43,6.99c-0.13,0.2-0.26,0.41-0.38,0.62c-0.43,0.69-0.75,1.22-1.06,1.74c-0.36,0.59-0.7,1.16-1.15,1.95
c0.66,0.76,1.12,1.29,1.62,1.86c0.36,0.41,0.74,0.84,1.23,1.38c0.24,0.27,0.48,0.54,0.71,0.78c2.07,2.29,3.34,3.63,5.68,6.01
c-1.53,2.8-2.38,4.42-3.64,6.98c-0.2,0.4-0.41,0.82-0.63,1.27c-0.19,0.39-0.36,0.71-0.5,1.03c-0.46,0.95-0.81,1.68-1.36,2.86
c0.99,0.94,1.58,1.51,2.41,2.28c0.22,0.21,0.47,0.43,0.74,0.69c0.41,0.38,0.8,0.74,1.19,1.09c2.74,2.53,4.97,4.51,7.21,6.38
c2.68,2.25,5.39,4.35,9.06,7.1c-1.6,4.1-2.77,7.22-3.82,10.42c-0.94,2.84-1.81,5.73-2.82,9.42c-0.15,0.52-0.29,1.07-0.45,1.63
c-0.06,0.23-0.12,0.46-0.17,0.66c-0.33,1.25-0.55,2.07-0.91,3.51c1.23,0.8,1.94,1.27,3,1.95c0.21,0.13,0.43,0.27,0.67,0.43
c0.45,0.29,0.88,0.55,1.27,0.8c2.42,1.53,4.01,2.48,6.8,4.09c-0.7,3.26-1.05,5.06-1.57,8.09c-0.06,0.34-0.11,0.69-0.17,1.06
c-0.08,0.48-0.15,0.88-0.22,1.26c-0.15,0.99-0.27,1.78-0.46,3.01c1.04,0.56,1.74,0.93,2.55,1.35c0.4,0.21,0.83,0.43,1.34,0.7
c0.22,0.11,0.44,0.22,0.66,0.34c3.55,1.81,6.36,3.19,9.12,4.46c3.42,1.55,6.76,2.93,11.35,4.72c1.6,0.62,2.39,0.92,3.98,1.5
c8.52,3.14,12.82,4.46,21.38,6.64c-0.01,3.49,0.02,5.25,0.18,8.8c-3.56-0.83-5.35-1.29-8.93-2.29
c-1.63-0.45-2.45-0.69-4.09-1.18c-5.55-1.62-11.13-3.52-16.59-5.63c-3.15-1.23-6.26-2.52-9.32-3.88c0,0.04-0.01,0.08-0.01,0.11
c-0.07,0.99-0.11,1.69-0.15,2.46c-0.03,0.52-0.05,1.06-0.08,1.75c0.48,0.21,0.97,0.42,1.46,0.62c0.71,0.3,1.41,0.59,2.12,0.88
c3.13,1.29,6.31,2.51,9.52,3.65c4.35,1.55,8.74,2.96,13.12,4.2c0.11,3.65,0.22,5.49,0.5,9.21c-2.11-0.57-3.82-1.04-5.44-1.52
c-2.49-0.72-4.77-1.45-8.04-2.53c0.03,0.79,0.06,1.41,0.09,2c0.03,0.71,0.08,1.4,0.13,2.34c0.7,0.22,1.36,0.44,1.98,0.64
c3.63,1.16,6.13,1.88,9.79,2.84c0.59,0.15,1.21,0.32,1.88,0.49c0.08,0.8,0.15,1.53,0.23,2.23c0.44,4.08,0.83,6.78,1.67,11.51
c0.97,0.22,1.68,0.38,2.41,0.54l1.69-1.4c-0.3-1.66-0.55-3.08-0.76-4.46c-0.34-2.25-0.62-4.4-0.95-7.36
c3.74,0.9,5.61,1.3,9.35,2.03c0.13,1,0.28,2.01,0.43,3.02c0,0.04,0.01,0.08,0.01,0.11l3.73-3.07
c-0.01-0.03-0.01-0.07-0.02-0.11c-0.61-4.06-1.08-8.14-1.41-12.24c3.22,0.66,5.01,0.99,7.91,1.46
c0.34,0.06,0.71,0.12,1.09,0.18c0.04,0.43,0.08,0.85,0.13,1.29c0.1,0.9,0.2,1.79,0.31,2.69c0,0.04,0.01,0.08,0.01,0.12l1.21-1
C112.36,575.96,114.8,573.82,114.8,573.82z M47.01,399.17c-2.56,2.44-3.84,3.71-6.32,6.3c-1.88-3.04-2.8-4.61-4.58-7.79
c2.58-2.58,3.9-3.84,6.54-6.27C44.35,394.57,45.22,396.12,47.01,399.17z M97.55,570.35c0.24,3.57,0.41,5.38,0.84,9
c-3.7-0.75-5.55-1.17-9.25-2.09c-0.34-3.68-0.46-5.51-0.62-9.14C92.14,569.09,93.94,569.53,97.55,570.35z M42.66,467.36
c-2.65-2.44-3.96-3.7-6.54-6.29c1.78-3.17,2.69-4.73,4.58-7.78c2.48,2.59,3.76,3.85,6.32,6.31
C45.22,462.63,44.35,464.2,42.66,467.36z M53.79,522.34c0.8-3.56,1.24-5.31,2.18-8.78c3.14,1.85,4.72,2.74,7.88,4.44
c-0.85,3.42-1.25,5.17-1.96,8.69C58.64,525.04,57.02,524.17,53.79,522.34z M32.71,467.42c0.41-0.8,0.87-1.66,1.41-2.67
c2.63,2.58,3.96,3.84,6.66,6.26c1.23,1.11,1.85,1.67,3.1,2.75c6.69,5.81,10.14,8.49,17.17,13.39
c-3.37,7.8-4.89,11.87-7.47,20.3c-0.49,1.57-0.73,2.36-1.17,3.96c-1,3.48-1.46,5.24-2.3,8.81c-0.68-0.4-1.29-0.76-1.85-1.09
c-2.11-1.25-3.63-2.21-6.12-3.83c0.69-2.67,1.31-4.92,1.9-6.99c1.39-4.81,2.74-8.64,4.93-14.4c0.58-1.53,0.88-2.3,1.5-3.81
c-1.33-0.98-1.99-1.47-3.3-2.48c-5.13-3.92-8.36-6.53-12.3-10.09c-1.49-1.34-3.08-2.81-4.91-4.54
C31.05,470.68,31.8,469.19,32.71,467.42z"/>
</g>
</g>
<g>
<g>
<path class="st0" d="M64.55,356.82l-29.72-8.09c7.78-28.57,20.14-55.55,36.72-80.2c16.32-24.26,36.33-45.65,59.46-63.57
c23.37-18.12,49.33-32.21,77.14-41.9c28.77-10.02,58.95-15.1,89.69-15.1c30.69,0,60.82,5.07,89.55,15.06
c27.78,9.66,53.7,23.71,77.06,41.78c23.11,17.87,43.11,39.2,59.44,63.4c16.59,24.58,28.98,51.5,36.8,80l-29.7,8.16
c-6.94-25.26-17.91-49.12-32.63-70.92c-14.5-21.47-32.25-40.4-52.76-56.27c-42.63-32.97-93.73-50.4-147.77-50.4
c-27.28,0-54.05,4.5-79.55,13.39c-24.66,8.59-47.67,21.09-68.41,37.16c-20.53,15.91-38.28,34.89-52.77,56.42
C82.4,307.57,71.44,331.49,64.55,356.82z"/>
</g>
</g>
</g>
<g>
<g>
<g>
<path class="st1" d="M309.84,318.18c-1.89,1.06-3.73,2.19-5.54,3.38c-9.09,6.03-17.02,13.69-23.4,22.6
c-1.08,1.51-2.12,3.06-3.12,4.64c-3.72,5.94-6.77,12.34-9.05,19.12c-1.32,3.91-2.39,7.93-3.17,12.05
c-0.09,0.48-0.18,0.97-0.27,1.45c-0.34,1.95-0.61,3.91-0.82,5.89c-0.15,1.36-0.27,2.73-0.36,4.11v0.01
c-0.01,1.29-0.06,2.56-0.13,3.84c-0.01,0.15-0.02,0.31-0.04,0.46c-0.4,5.94-1.52,11.66-3.27,17.1
c-0.51,1.58-1.06,3.12-1.67,4.64c-2.09,5.22-4.77,10.14-7.96,14.64c-3.81,5.38-8.32,10.19-13.43,14.29
c2.56-0.7,5.06-1.53,7.5-2.51c9.1-3.64,17.27-9.18,24.02-16.15c0.46-0.47,0.91-0.94,1.36-1.43c2.21-2.41,4.26-4.98,6.12-7.69
c1-1.45,1.95-2.94,2.85-4.47c0.29-0.5,0.57-1,0.85-1.51c3.5-6.33,6.07-13.26,7.53-20.6c0.53-2.65,0.91-5.36,1.14-8.11
c0.13-1.54,0.21-3.09,0.24-4.66c-0.01-0.57-0.02-1.14-0.02-1.71c0-0.47,0-0.94,0.01-1.41c0.06-2.79,0.27-5.55,0.64-8.26
c0.89-6.72,2.72-13.14,5.33-19.12c3.65-8.35,8.83-15.84,15.18-22.12c1.2-1.19,2.46-2.34,3.74-3.44
c10.37-8.87,23.32-14.73,37.55-16.24C336.51,307.16,322.26,311.2,309.84,318.18z"/>
</g>
</g>
<g>
<path class="st2" d="M226.8,451.33c-2.97,3.84-5.64,7.92-7.98,12.23c-3.15,5.78-5.68,11.96-7.53,18.43
c-0.01,0.02-0.01,0.04-0.02,0.06c-0.1,0.36-0.19,0.72-0.3,1.07c0,0,0,0.01,0,0.02c-0.25,0.85-0.52,1.68-0.81,2.51
c-1.28,3.59-3.02,6.97-5.14,10.08c-8.25,12.11-22.36,20.09-38.37,20.09c-0.81,0-1.62-0.02-2.43-0.06
c-0.57-4.12-0.86-8.32-0.86-12.59c0-5.04,0.4-9.98,1.18-14.8c0.57-3.48,1.33-6.9,2.27-10.23c0.67-2.38,1.44-4.71,2.29-7
c1.87-5.03,4.18-9.83,6.86-14.38c4.21-7.12,9.35-13.61,15.26-19.26c0.98-0.94,1.97-1.86,2.99-2.75
c6.54-5.74,13.92-10.51,21.93-14.12c0.01,0,0.02-0.01,0.02-0.01c2.13-0.76,4.21-1.61,6.25-2.54
c14.47-6.54,26.84-17.03,35.78-30.13c-0.66,8.73-2.55,17.11-5.48,24.97c-4.19,11.21-10.5,21.35-18.45,29.91
c-0.78,0.78-1.54,1.57-2.29,2.37C232.01,445.21,228.19,449.38,226.8,451.33z"/>
</g>
<g>
<path class="st1" d="M221.22,329.87c2.63,1.31,5.16,2.77,7.59,4.39c1.07,0.71,2.12,1.45,3.14,2.22
c1.92,1.44,3.76,2.97,5.52,4.59c1.86,1.71,3.62,3.53,5.29,5.44c1.6,1.83,3.1,3.73,4.51,5.72c2.26,3.19,4.27,6.58,5.98,10.14
c0.69,1.43,1.34,2.89,1.94,4.38c0.4,0.99,0.78,1.99,1.13,3c1.32,3.75,2.34,7.65,3.02,11.66c-2.3-2.85-4.78-5.55-7.41-8.08
c-0.52-0.51-1.05-1-1.58-1.49c-0.09-0.09-0.18-0.17-0.27-0.25c-0.18-0.16-0.36-0.32-0.53-0.48c-0.99-0.88-1.99-1.74-3.01-2.59
c-1.32-1.09-2.68-2.14-4.07-3.15c-0.83-0.61-1.68-1.2-2.53-1.78c-6.18-4.19-12.91-7.61-20.05-10.13
c-7.51-2.65-15.47-4.3-23.74-4.81c-1.03-0.06-2.06-0.11-3.09-0.13c-0.01,0-0.03,0-0.04,0c-11.74-0.83-22.5-5.28-31.22-12.26
c-1.77-1.42-3.45-2.94-5.04-4.56c-1.19-1.21-2.33-2.48-3.41-3.79c-3.8-4.61-6.9-9.82-9.16-15.49c-1.05-2.64-1.92-5.38-2.58-8.19
c-0.74-3.12-1.23-6.35-1.44-9.65c-0.18-1.46-0.12-2.98-0.12-2.98c0-0.32-0.01-0.64-0.01-0.97c0-10.17,2.57-19.73,7.08-28.04
c0.68,1.95,1.42,3.86,2.23,5.74c1.32,3.09,2.81,6.09,4.46,8.98c2.83,4.99,6.11,9.68,9.81,14c2.09,2.45,4.31,4.79,6.64,7
c0,0,17.65,18.27,33.13,24.41S221.22,329.87,221.22,329.87z"/>
</g>
<g>
<path class="st3" d="M248.59,378.52c-0.92,0.64-1.86,1.26-2.83,1.84c-8.9,5.44-19.58,8.66-31.08,8.79c-0.24,0-0.49,0-0.74,0
c-0.24,0-0.49,0-0.74,0c-0.49-0.01-0.98-0.02-1.47-0.03c-0.05,0-0.09,0-0.14-0.01c-0.2,0-0.4-0.01-0.59-0.02
c-0.32-0.01-0.65-0.03-0.97-0.05c-17.09-1.05-32.11-8.92-41.78-20.64c-2.85-3.45-5.23-7.23-7.06-11.27
c-1.08-2.38-1.97-4.84-2.65-7.38c-0.94-3.47-1.48-7.09-1.6-10.81c1.49,1.85,3.08,3.6,4.77,5.25c3.52,3.43,7.48,6.4,11.78,8.83
c7.63,4.31,16.34,6.88,25.6,7.21c0.66,0.02,1.32,0.03,1.99,0.03c0.72,0,1.44-0.02,2.15-0.04c16.04,0.44,30.72,6.24,42.29,15.66
C246.58,376.74,247.6,377.61,248.59,378.52z"/>
</g>
<g>
<g>
<path class="st4" d="M298.3,321.71l-2.77-0.75c-6.69-1.81-13.76-2.36-20.72-1.6c-4.65,0.5-9.24,1.59-13.63,3.25
c-1.26,0.48-2.52,1-3.74,1.57c-1.92,0.89-3.81,1.9-5.61,3c-3.8,2.31-7.34,5.08-10.51,8.23l-2.07,2.06l1.33-2.61
c2.48-4.87,6.03-9.25,10.27-12.68c0.8-0.65,1.64-1.28,2.5-1.87c1.98-1.34,4.07-2.5,6.2-3.43c4.82-2.12,9.95-3.19,15.24-3.19
h0.12c7.51,0.02,14.78,2.24,21.02,6.42L298.3,321.71z"/>
</g>
</g>
<g>
<path class="st0" d="M250.65,491.51h-8.35v-33.49h-12.58v-8.38h33.49v8.38h-12.56V491.51z"/>
<path class="st0" d="M292.17,491.51h-1.93l-3.1-4.29c-0.76,0.68-1.56,1.32-2.41,1.91c-0.85,0.59-1.74,1.11-2.67,1.55
c-0.93,0.44-1.89,0.78-2.88,1.04c-0.98,0.25-1.98,0.38-2.99,0.38c-2.2,0-4.27-0.37-6.2-1.11c-1.94-0.74-3.63-1.81-5.08-3.23
c-1.45-1.41-2.59-3.14-3.43-5.18c-0.84-2.04-1.25-4.37-1.25-6.98c0-2.43,0.42-4.67,1.25-6.7c0.84-2.03,1.98-3.78,3.43-5.24
c1.45-1.46,3.14-2.59,5.08-3.4c1.94-0.81,4-1.21,6.2-1.21c1.01,0,2.01,0.13,3.01,0.38c0.99,0.25,1.96,0.6,2.89,1.05
c0.93,0.45,1.82,0.97,2.67,1.58c0.85,0.6,1.64,1.26,2.38,1.96l3.1-3.71h1.93V491.51z M284.14,475.6c0-1.09-0.21-2.15-0.63-3.17
c-0.42-1.02-0.99-1.93-1.71-2.71c-0.72-0.79-1.56-1.42-2.53-1.9c-0.96-0.48-1.99-0.72-3.08-0.72c-1.09,0-2.12,0.19-3.08,0.56
c-0.96,0.37-1.8,0.91-2.51,1.63c-0.71,0.72-1.27,1.61-1.68,2.67c-0.41,1.06-0.61,2.27-0.61,3.63c0,1.36,0.2,2.57,0.61,3.64
c0.41,1.06,0.97,1.95,1.68,2.67c0.71,0.72,1.55,1.27,2.51,1.64c0.96,0.37,1.99,0.55,3.08,0.55c1.09,0,2.12-0.24,3.08-0.72
c0.96-0.48,1.81-1.11,2.53-1.9c0.72-0.79,1.29-1.69,1.71-2.72C283.93,477.75,284.14,476.69,284.14,475.6z"/>
<path class="st0" d="M305.78,503.43v-8.03l4.44,0.06c0.78,0,1.53-0.13,2.25-0.38c0.72-0.25,1.39-0.6,2-1.05
c0.61-0.45,1.15-0.98,1.62-1.59c0.47-0.61,0.85-1.28,1.14-2c-0.88,0.37-1.77,0.74-2.67,1.11c-0.91,0.37-1.82,0.55-2.73,0.55
c-1.93,0-3.74-0.34-5.43-1.02c-1.69-0.68-3.18-1.65-4.45-2.9s-2.28-2.78-3.01-4.58c-0.73-1.8-1.09-3.82-1.09-6.06v-17.28h7.94
v17.28c0,1.11,0.16,2.08,0.48,2.9c0.32,0.83,0.75,1.52,1.3,2.07s1.18,0.97,1.91,1.24c0.73,0.27,1.51,0.41,2.35,0.41
c0.82,0,1.59-0.19,2.32-0.57c0.73-0.38,1.37-0.88,1.91-1.5c0.55-0.62,0.97-1.33,1.28-2.12c0.31-0.79,0.47-1.6,0.47-2.44v-17.28
h8.03v27.33c-0.02,2.2-0.45,4.26-1.28,6.19c-0.84,1.93-1.98,3.61-3.43,5.05c-1.45,1.44-3.14,2.58-5.07,3.42
c-1.93,0.84-3.99,1.26-6.19,1.26L305.78,503.43z"/>
<path class="st0" d="M339.88,491.51h-7.97v-31.27h1.93l2.63,3.71c1.29-1.17,2.75-2.07,4.38-2.7c1.63-0.63,3.33-0.95,5.08-0.95
h7.04v7.94h-7.04c-0.84,0-1.63,0.16-2.37,0.47c-0.74,0.31-1.38,0.74-1.93,1.28c-0.55,0.55-0.97,1.19-1.28,1.93
c-0.31,0.74-0.47,1.53-0.47,2.37V491.51z"/>
<path class="st0" d="M386.3,475.6c0,2.34-0.42,4.51-1.25,6.53c-0.84,2.01-1.98,3.76-3.42,5.23s-3.13,2.63-5.07,3.47
c-1.94,0.85-4.01,1.27-6.23,1.27c-2.2,0-4.27-0.42-6.2-1.27c-1.94-0.85-3.63-2-5.08-3.47c-1.45-1.47-2.59-3.21-3.43-5.23
c-0.84-2.01-1.26-4.19-1.26-6.53c0-2.37,0.42-4.57,1.26-6.6c0.84-2.02,1.98-3.77,3.43-5.24c1.45-1.47,3.14-2.62,5.08-3.46
c1.94-0.84,4.01-1.26,6.2-1.26c2.22,0,4.3,0.39,6.23,1.18s3.62,1.91,5.07,3.36c1.44,1.45,2.58,3.19,3.42,5.23
C385.88,470.85,386.3,473.11,386.3,475.6z M378.27,475.6c0-1.28-0.21-2.45-0.63-3.49c-0.42-1.04-0.99-1.94-1.71-2.69
c-0.72-0.75-1.56-1.32-2.53-1.72c-0.96-0.4-1.99-0.6-3.08-0.6c-1.09,0-2.12,0.2-3.08,0.6c-0.96,0.4-1.8,0.97-2.51,1.72
c-0.71,0.75-1.27,1.64-1.68,2.69c-0.41,1.04-0.61,2.2-0.61,3.49c0,1.21,0.2,2.33,0.61,3.36c0.41,1.03,0.97,1.93,1.68,2.69
c0.71,0.76,1.55,1.36,2.51,1.8c0.96,0.44,1.99,0.66,3.08,0.66c1.09,0,2.12-0.2,3.08-0.61c0.96-0.41,1.8-0.98,2.53-1.72
c0.72-0.74,1.29-1.64,1.71-2.69C378.06,478.02,378.27,476.87,378.27,475.6z"/>
<path class="st0" d="M398.68,491.51h-7.97v-31.27h1.93l2.63,3.04c1.28-1.17,2.74-2.07,4.37-2.7c1.62-0.63,3.32-0.95,5.09-0.95
c1.91,0,3.71,0.36,5.4,1.09c1.69,0.73,3.17,1.73,4.44,3.01c1.27,1.27,2.26,2.76,2.99,4.47c0.73,1.7,1.09,3.52,1.09,5.45v17.87
h-7.97v-17.87c0-0.82-0.16-1.59-0.47-2.32c-0.31-0.73-0.74-1.37-1.28-1.91c-0.55-0.55-1.18-0.97-1.9-1.28
c-0.72-0.31-1.49-0.47-2.31-0.47c-0.84,0-1.62,0.16-2.36,0.47c-0.74,0.31-1.38,0.74-1.93,1.28c-0.55,0.55-0.97,1.18-1.29,1.91
c-0.31,0.73-0.47,1.5-0.47,2.32V491.51z"/>
<path class="st0" d="M454.59,491.51h-1.93l-3.09-4.29c-0.76,0.68-1.56,1.32-2.41,1.91c-0.85,0.59-1.74,1.11-2.67,1.55
c-0.93,0.44-1.89,0.78-2.88,1.04c-0.98,0.25-1.98,0.38-2.99,0.38c-2.2,0-4.27-0.37-6.2-1.11c-1.94-0.74-3.63-1.81-5.08-3.23
c-1.45-1.41-2.59-3.14-3.43-5.18c-0.84-2.04-1.26-4.37-1.26-6.98c0-2.43,0.42-4.67,1.26-6.7c0.84-2.03,1.98-3.78,3.43-5.24
c1.45-1.46,3.14-2.59,5.08-3.4s4.01-1.21,6.2-1.21c1.01,0,2.02,0.13,3.01,0.38c0.99,0.25,1.96,0.6,2.89,1.05
c0.93,0.45,1.82,0.97,2.67,1.58c0.85,0.6,1.64,1.26,2.38,1.96l3.09-3.71h1.93V491.51z M446.56,475.6c0-1.09-0.21-2.15-0.63-3.17
c-0.42-1.02-0.99-1.93-1.71-2.71c-0.72-0.79-1.56-1.42-2.53-1.9c-0.96-0.48-1.99-0.72-3.08-0.72c-1.09,0-2.12,0.19-3.08,0.56
c-0.96,0.37-1.8,0.91-2.51,1.63c-0.71,0.72-1.27,1.61-1.68,2.67c-0.41,1.06-0.61,2.27-0.61,3.63c0,1.36,0.2,2.57,0.61,3.64
c0.41,1.06,0.97,1.95,1.68,2.67c0.71,0.72,1.55,1.27,2.51,1.64c0.96,0.37,1.99,0.55,3.08,0.55c1.09,0,2.12-0.24,3.08-0.72
c0.96-0.48,1.8-1.11,2.53-1.9c0.72-0.79,1.29-1.69,1.71-2.72C446.35,477.75,446.56,476.69,446.56,475.6z"/>
<path class="st0" d="M220.03,540.39h-8.38v-41.87h29.31v8.38h-20.93v8.38h12.55v8.38h-12.55V540.39z"/>
<path class="st0" d="M270.98,524.48c0,2.34-0.42,4.51-1.26,6.53c-0.84,2.01-1.98,3.76-3.42,5.23c-1.44,1.47-3.13,2.63-5.07,3.47
c-1.94,0.85-4.01,1.27-6.23,1.27c-2.2,0-4.27-0.42-6.2-1.27c-1.94-0.85-3.63-2-5.08-3.47s-2.59-3.21-3.43-5.23
c-0.84-2.01-1.25-4.19-1.25-6.53c0-2.37,0.42-4.57,1.25-6.6c0.84-2.02,1.98-3.77,3.43-5.24c1.45-1.47,3.14-2.62,5.08-3.46
c1.94-0.84,4-1.26,6.2-1.26c2.22,0,4.3,0.39,6.23,1.18c1.94,0.79,3.62,1.91,5.07,3.36c1.44,1.45,2.58,3.19,3.42,5.23
C270.56,519.72,270.98,521.99,270.98,524.48z M262.95,524.48c0-1.28-0.21-2.45-0.63-3.49c-0.42-1.04-0.99-1.94-1.71-2.69
c-0.72-0.75-1.56-1.32-2.53-1.72c-0.96-0.4-1.99-0.6-3.08-0.6c-1.09,0-2.12,0.2-3.08,0.6c-0.96,0.4-1.8,0.97-2.51,1.72
c-0.71,0.75-1.27,1.64-1.68,2.69c-0.41,1.04-0.61,2.2-0.61,3.49c0,1.21,0.2,2.33,0.61,3.36c0.41,1.03,0.97,1.93,1.68,2.69
c0.71,0.76,1.55,1.36,2.51,1.8c0.96,0.44,1.99,0.66,3.08,0.66c1.09,0,2.12-0.2,3.08-0.61c0.96-0.41,1.81-0.98,2.53-1.72
c0.72-0.74,1.29-1.64,1.71-2.69C262.74,526.9,262.95,525.74,262.95,524.48z"/>
<path class="st0" d="M305.61,524.48c0,2.34-0.42,4.51-1.25,6.53c-0.84,2.01-1.98,3.76-3.42,5.23s-3.13,2.63-5.07,3.47
c-1.94,0.85-4.01,1.27-6.23,1.27c-2.2,0-4.27-0.42-6.2-1.27c-1.94-0.85-3.63-2-5.08-3.47c-1.45-1.47-2.59-3.21-3.43-5.23
c-0.84-2.01-1.26-4.19-1.26-6.53c0-2.37,0.42-4.57,1.26-6.6c0.84-2.02,1.98-3.77,3.43-5.24c1.45-1.47,3.14-2.62,5.08-3.46
c1.94-0.84,4.01-1.26,6.2-1.26c2.22,0,4.3,0.39,6.23,1.18s3.62,1.91,5.07,3.36c1.44,1.45,2.58,3.19,3.42,5.23
C305.19,519.72,305.61,521.99,305.61,524.48z M297.58,524.48c0-1.28-0.21-2.45-0.63-3.49c-0.42-1.04-0.99-1.94-1.71-2.69
c-0.72-0.75-1.56-1.32-2.53-1.72c-0.96-0.4-1.99-0.6-3.08-0.6c-1.09,0-2.12,0.2-3.08,0.6c-0.96,0.4-1.8,0.97-2.51,1.72
c-0.71,0.75-1.27,1.64-1.68,2.69c-0.41,1.04-0.61,2.2-0.61,3.49c0,1.21,0.2,2.33,0.61,3.36c0.41,1.03,0.97,1.93,1.68,2.69
c0.71,0.76,1.55,1.36,2.51,1.8c0.96,0.44,1.99,0.66,3.08,0.66c1.09,0,2.12-0.2,3.08-0.61c0.96-0.41,1.8-0.98,2.53-1.72
c0.72-0.74,1.29-1.64,1.71-2.69C297.37,526.9,297.58,525.74,297.58,524.48z"/>
<path class="st0" d="M340.23,540.39h-1.93l-3.09-4.29c-0.76,0.68-1.56,1.32-2.41,1.91c-0.85,0.59-1.74,1.11-2.67,1.55
c-0.93,0.44-1.89,0.78-2.88,1.04c-0.98,0.25-1.98,0.38-2.99,0.38c-2.2,0-4.27-0.41-6.2-1.24c-1.94-0.83-3.63-1.98-5.08-3.45
c-1.45-1.47-2.59-3.21-3.43-5.23c-0.84-2.01-1.25-4.21-1.25-6.58c0-2.35,0.42-4.54,1.25-6.57c0.84-2.02,1.98-3.78,3.43-5.26
c1.45-1.48,3.14-2.64,5.08-3.47c1.94-0.84,4-1.26,6.2-1.26c0.7,0,1.43,0.06,2.17,0.18c0.75,0.12,1.48,0.31,2.19,0.57
c0.71,0.26,1.38,0.61,2,1.04c0.62,0.43,1.15,0.95,1.58,1.58v-14.6h8.03V540.39z M332.2,524.48c0-1.09-0.21-2.15-0.63-3.17
c-0.42-1.02-0.99-1.93-1.71-2.71c-0.72-0.79-1.56-1.42-2.53-1.9c-0.96-0.48-1.99-0.72-3.08-0.72c-1.09,0-2.12,0.19-3.08,0.58
c-0.96,0.39-1.8,0.95-2.51,1.68c-0.71,0.73-1.27,1.62-1.68,2.67c-0.41,1.05-0.61,2.24-0.61,3.56c0,1.15,0.2,2.24,0.61,3.27
c0.41,1.03,0.97,1.94,1.68,2.72c0.71,0.78,1.55,1.39,2.51,1.84c0.96,0.45,1.99,0.67,3.08,0.67c1.09,0,2.12-0.24,3.08-0.72
c0.96-0.48,1.81-1.11,2.53-1.9c0.72-0.79,1.29-1.69,1.71-2.72C331.99,526.62,332.2,525.57,332.2,524.48z"/>
<path class="st0" d="M363.47,540.39h-18.22v-7.94h18.22c0.55,0,1.01-0.19,1.4-0.58c0.39-0.39,0.58-0.86,0.58-1.4
c0-0.56-0.2-0.93-0.58-1.11c-0.39-0.18-0.86-0.26-1.4-0.26h-8.29c-1.38,0-2.68-0.26-3.88-0.79c-1.21-0.53-2.26-1.24-3.15-2.15
c-0.9-0.9-1.6-1.96-2.12-3.17c-0.52-1.21-0.77-2.5-0.77-3.88c0-1.38,0.26-2.68,0.77-3.88c0.52-1.21,1.22-2.26,2.12-3.15
c0.89-0.9,1.95-1.6,3.15-2.12c1.21-0.52,2.5-0.77,3.88-0.77h16.15v7.94h-16.15c-0.55,0-1.01,0.19-1.4,0.58
c-0.39,0.39-0.58,0.86-0.58,1.4c0,0.56,0.2,1.05,0.58,1.45c0.39,0.4,0.86,0.6,1.4,0.6h8.29c1.36,0,2.65,0.23,3.85,0.69
c1.21,0.46,2.26,1.09,3.15,1.91c0.9,0.82,1.61,1.8,2.13,2.95c0.53,1.15,0.79,2.4,0.79,3.77c0,1.38-0.26,2.67-0.79,3.87
c-0.53,1.2-1.24,2.25-2.13,3.15c-0.89,0.9-1.95,1.62-3.15,2.13C366.12,540.13,364.84,540.39,363.47,540.39z"/>
</g>
</g>
</g>
<g>
<g>
<path class="st0" d="M493.51,616.88c-7.37,7.16-15.15,13.91-23.32,20.23c-23.36,18.06-49.28,32.12-77.06,41.78
c-28.73,9.99-58.86,15.06-89.55,15.06c-30.74,0-60.91-5.08-89.69-15.1c-27.81-9.69-53.77-23.78-77.14-41.9
c-12.62-9.78-24.31-20.59-34.98-32.34l23.58-19.85c9.26,10.1,19.37,19.41,30.27,27.85c20.73,16.07,43.75,28.57,68.41,37.16
c25.51,8.88,52.27,13.39,79.55,13.39c54.04,0,105.14-17.43,147.77-50.4c6.87-5.31,13.43-10.97,19.66-16.95"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
src/assets/images/logo-kreis_32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

BIN
src/assets/images/logo-kreis_33.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

BIN
src/assets/images/logo-kreis_34.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

9
src/assets/images/logo_agua.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

9
src/assets/images/logo_aire.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 77 KiB

9
src/assets/images/logo_aire2.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 77 KiB

9
src/assets/images/logo_fuego.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 76 KiB

9
src/assets/images/logo_tierra.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

BIN
src/assets/images/mountains.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 233 KiB

BIN
src/assets/images/mountains.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 MiB

BIN
src/assets/images/new-alejandro.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 115 KiB

BIN
src/assets/images/new-jose.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 108 KiB

BIN
src/assets/images/product-brasil-double.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 285 KiB

BIN
src/assets/images/product-brasil-double1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 170 KiB

BIN
src/assets/images/product-brasil-single.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 91 KiB

BIN
src/assets/images/product-brasil-single11.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 107 KiB

BIN
src/assets/images/product-colombia-double.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 130 KiB

BIN
src/assets/images/product-colombia-double1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 146 KiB

BIN
src/assets/images/product-colombia-single.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 191 KiB

BIN
src/assets/images/product-colombia-single11.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

BIN
src/assets/images/product-peru-double.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 129 KiB

BIN
src/assets/images/product-peru-double1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 75 KiB

BIN
src/assets/images/product-peru-single11.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

BIN
src/assets/images/product-uganda-double.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 132 KiB

BIN
src/assets/images/product-uganda-double1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 148 KiB

BIN
src/assets/images/products.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 123 KiB

BIN
src/assets/images/products.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 530 KiB

BIN
src/assets/images/proysoc.01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 810 KiB

3
src/assets/images/shoppingcart.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.01855 20C5.46855 20 4.99755 19.804 4.60555 19.412C4.21355 19.02 4.01789 18.5493 4.01855 18C4.01855 17.45 4.21455 16.979 4.60655 16.587C4.99855 16.195 5.46922 15.9993 6.01855 16C6.56855 16 7.03955 16.196 7.43155 16.588C7.82355 16.98 8.01922 17.4507 8.01855 18C8.01855 18.55 7.82255 19.021 7.43055 19.413C7.03855 19.805 6.56789 20.0007 6.01855 20ZM16.0186 20C15.4686 20 14.9976 19.804 14.6056 19.412C14.2136 19.02 14.0179 18.5493 14.0186 18C14.0186 17.45 14.2146 16.979 14.6066 16.587C14.9986 16.195 15.4692 15.9993 16.0186 16C16.5686 16 17.0396 16.196 17.4316 16.588C17.8236 16.98 18.0192 17.4507 18.0186 18C18.0186 18.55 17.8226 19.021 17.4306 19.413C17.0386 19.805 16.5679 20.0007 16.0186 20ZM5.16855 4L7.56855 9H14.5686L17.3186 4H5.16855ZM4.21855 2H18.9686C19.3519 2 19.6436 2.171 19.8436 2.513C20.0436 2.855 20.0519 3.20067 19.8686 3.55L16.3186 9.95C16.1352 10.2833 15.8892 10.5417 15.5806 10.725C15.2719 10.9083 14.9346 11 14.5686 11H7.11856L6.01855 13H18.0186V15H6.01855C5.26855 15 4.70189 14.6707 4.31855 14.012C3.93522 13.3533 3.91855 12.6993 4.26855 12.05L5.61855 9.6L2.01855 2H0.0185547V0H3.26855L4.21855 2Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
src/assets/images/tayrona-foods-01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

BIN
src/assets/images/tayrona-foods-white-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

BIN
src/assets/images/tayrona-foods-yellow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
src/assets/images/uganda-caffecrem.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 138 KiB

BIN
src/assets/images/uganda-single.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 143 KiB

BIN
src/assets/images/v-elemento.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
src/assets/resources/Porfolio_V elemento_DE.pdf Normal file
View File

Binary file not shown.

BIN
src/assets/resources/Porfolio_V elemento_EN.pdf Normal file
View File

Binary file not shown.

BIN
src/assets/resources/Porfolio_V elemento_ES.pdf Normal file
View File

Binary file not shown.

40
src/components/BigCarousel.vue Normal file
View File

@@ -0,0 +1,40 @@
<template>
<section class="big-carousel">
<Carousel :autoplay="5000" class="big-carousel" :wrapAround="true" >
<Slide v-for="(slide, index) in images" :key="index">
<img :src="$helper.getImage(slide)" alt="" />
</Slide>
</Carousel>
</section>
</template>
<script>
import 'vue3-carousel/dist/carousel.css'
import { Carousel, Slide, Pagination, Navigation } from 'vue3-carousel'
export default {
props: {
images: Array,
},
components: {
Carousel,
Slide,
Pagination,
Navigation,
},
mounted() {
console.log(this.images);
}
}
</script>
<style lang="scss" scoped>
.big-carousel {
margin-top:0;
padding: 0;
.carousel__slide {
padding: 0;
}
}
</style>

71
src/components/Certifications.vue
View File

@@ -1,37 +1,74 @@
<template> <template>
<section class="certifications"> <section class="certifications">
<header class="header"> <!-- <div class="right"> -->
<h2 class="title">{{ $t('certifications.title') }}</h2> <h2>{{ $t('certifications.title1') }}</h2>
</header> <div>
<div class="content"> <p class="centered">
<img class="image" src="@images/image_membresias.png" />
<img class="image" src="@images/Cafeteritos-logo.png" />
</p>
</div> </div>
<!-- </div> -->
<!-- <div class="left"> -->
<h2>{{ $t('certifications.title2') }}</h2>
<p class="centered">
<img class="image" src="@images/Nuestros_aliados.png" />
</p>
<!-- </div> -->
</section> </section>
</template> </template>
<script> <script>
export default { export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.header { h2 {
background-color: #000; background-color: #000;
color: #fff; color: #fff;
text-align: center; text-align: center;
padding: 72px 0 76px; padding-bottom: 26px !important;
} font-size: 28px !important;
h2.title {
font-size: 54px;
font-weight: 400;
line-height: 63.28px;
} }
.content { .image {
height: 600px; height: 150px;
background-image: url('@images/bg_1.png'); widows: 150px;
background-repeat: no-repeat; margin-right: 48px;
background-size: contain;
&:last-child {
margin-right: 0;
} }
}
.certifications {
background-color: #000;
background-position: top;
background-size: contain;
// display:grid;
grid-template-columns: 1fr 1fr;
justify-items: center;
flex-direction: column;
}
@media only screen and (max-width: 767px) {
h2 {
font-size: 24px !important;
}
.image {
height: 100px;
widows: 100px;
}
.certifications {
display: flex;
flex-direction: column;
}
}
</style> </style>

26
src/components/CoffeeFarmer.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<section class="coffeefarmers"> <section class="coffeefarmers">
<h3 class="header">{{ $t('coffeefarmers.title') }}</h3> <h3 class="header">{{ $t('coffeefarmers.title') }}</h3>
<div class="separator"></div> <!-- <div class="separator"></div> -->
</section> </section>
</template> </template>
@@ -13,19 +13,21 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.coffeefarmers { .coffeefarmers {
height: 590px; height: 400px;
background-image: url('@images/grains.png'); background: white;
background-image: url('@images/grains.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: cover;
color: #fff; color: #fff;
} }
h3.header { h3.header {
font-weight: 400; font-weight: 300;
font-size: 48px; font-size: 26px;
line-height: 58px; line-height: 36px;
padding: 175px 230px 0; padding: 120px 148px 0;
text-align: center ; text-align: center ;
text-shadow: 1px 1px 10px #000;
} }
.separator { .separator {
@@ -33,4 +35,12 @@ export default {
width: 700px; width: 700px;
margin: 50px auto 0; margin: 50px auto 0;
} }
@media only screen and (max-width: 767px) {
h3.header {
font-size: 26px;
line-height: 36px;
padding: 120px 16px 0;
}
}
</style> </style>

19
src/components/Different.vue
View File

@@ -12,6 +12,7 @@ import DifferentBox from './DifferentBox.vue';
<DifferentBox image="coffee-cup1.png" :title="$t('different.extraordinary.title')" :description="$t('different.extraordinary.description')" /> <DifferentBox image="coffee-cup1.png" :title="$t('different.extraordinary.title')" :description="$t('different.extraordinary.description')" />
<DifferentBox image="best-price1.png" :title="$t('different.affordable.title')" :description="$t('different.affordable.description')" /> <DifferentBox image="best-price1.png" :title="$t('different.affordable.title')" :description="$t('different.affordable.description')" />
</div> </div>
<h3>{{ $t('different.subheader1') }}</h3>
</section> </section>
</template> </template>
@@ -19,11 +20,11 @@ import DifferentBox from './DifferentBox.vue';
.different { .different {
color: #fff; color: #fff;
background-color: #000; background-color: #000;
padding: 72px 64px; padding: 0 0 0px;
} }
h2 { h2 {
padding: 0 150px; padding-bottom: 26px !important;
font-size: 52px; font-size: 52px;
text-align: center; text-align: center;
} }
@@ -32,13 +33,23 @@ import DifferentBox from './DifferentBox.vue';
margin-top: 24px; margin-top: 24px;
padding: 0 150px; padding: 0 150px;
font-size: 20px; font-size: 20px;
line-height: 34px; line-height: 30px;
text-align: center; text-align: center;
font-weight: 400; font-weight: 200;
margin-bottom: 50px; margin-bottom: 50px;
} }
.boxes { .boxes {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
@media only screen and (max-width: 767px) {
h3 {
padding: 0;
}
.boxes {
flex-direction: column;
}
}
</style> </style>

35
src/components/DifferentBox.vue
View File

@@ -5,16 +5,11 @@ export default {
title: String, title: String,
description: String description: String
}, },
methods: {
getImage(image) {
return new URL(`/src/assets/images/${image}`, import.meta.url).href;
},
}
} }
</script> </script>
<template> <template>
<div class="different-box"> <div class="different-box">
<img :src="getImage(image)" class="image" /> <img :src="$helper.getImage(image)" class="image" />
<h3 class="title">{{ title }}</h3> <h3 class="title">{{ title }}</h3>
<p class="description">{{ description }}</p> <p class="description">{{ description }}</p>
</div> </div>
@@ -22,29 +17,37 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.different-box { .different-box {
width: 280px; width: 200px;
height: 284px; height: 210px;
background: #E2CAAA; background: #E2CAAA;
text-align: center; text-align: center;
padding: 36px 24px 0; padding: 36px 16px;
} }
.image { .image {
width: 88px; width: 50px;
height: 88px; height: 50px;
} }
.title { .title {
margin-top: 24px; margin-top: 16px;
color: #603809; color: #603809;
font-weight: 700; font-weight: 700;
font-size: 28px; font-size: 16px;
text-transform: uppercase;
} }
.description { .description {
margin-top: 12px; margin-top: 12px;
font-style: 400; font-style: italic;
font-weight: 400; font-weight: 200;
font-size: 20px; font-size: 15px;
line-height: 24px; line-height: 24px;
color: #1E1E1E; color: #1E1E1E;
text-align: center;
}
@media only screen and (max-width: 767px) {
.different-box {
margin: 0 auto 8px;
}
} }
</style> </style>

30
src/components/Employee.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="employee-box"> <div class="employee-box">
<img :src="getImage(image)" class="image"> <img class="employee-image" :src="$helper.getImage(image)">
<h3 class="name">{{ name }}</h3> <h3 class="name">{{ name }}</h3>
<h4 class="role">{{ role }}</h4> <h4 class="role">{{ role }}</h4>
</div> </div>
@@ -13,11 +13,6 @@ export default {
name: String, name: String,
role: String, role: String,
}, },
methods: {
getImage(image) {
return new URL(`/src/assets/images/${image}`, import.meta.url).href;
},
}
} }
</script> </script>
@@ -26,17 +21,34 @@ export default {
text-align: center; text-align: center;
} }
.employee-image {
width: 110px !important;
border-radius: 50%;
}
.name { .name {
margin: 36px 0 0; margin: 36px 0 0;
font-weight: 700; font-weight: 300;
font-size: 24px; font-size: 24px;
line-height: 28px; line-height: 28px;
padding: 0;
} }
.role { .role {
margin: 28px 0 0; margin: 28px 0 0;
font-weight: 500; font-weight: 200;
font-size: 20px; font-size: 16px;
line-height: 23.44px; line-height: 23.44px;
padding: 0;
}
@media only screen and (max-width: 767px) {
.role {
margin-top: 8px;
}
.employee-image {
width: 100%;
}
} }
</style> </style>

73
src/components/Footer.vue
View File

@@ -2,7 +2,7 @@
<template> <template>
<footer> <footer>
<img class="logo" src="@images/logo-kreis_3.png"> <!-- <img class="logo" src="@images/logo-kreis_3.png"> -->
<div class="contact-info"> <div class="contact-info">
<h5>{{ $t('footer.contact')}}</h5> <h5>{{ $t('footer.contact')}}</h5>
<p>{{ $t('footer.message')}}</p> <p>{{ $t('footer.message')}}</p>
@@ -11,18 +11,29 @@
<a href="mailto:alejandro@tayronafoods.com" class="email"><i class="email-icon"></i>alejandro@tayronafoods.com</a> <a href="mailto:alejandro@tayronafoods.com" class="email"><i class="email-icon"></i>alejandro@tayronafoods.com</a>
<a href="mailto:jose@tayronafoods.com" class="email"><i class="email-icon"></i>jose@tayronafoods.com</a> <a href="mailto:jose@tayronafoods.com" class="email"><i class="email-icon"></i>jose@tayronafoods.com</a>
</p> </p>
<div class="phones">
<p class="phone"><i class="phone-icon"></i>+49(0)176 321 368 59</p> <p class="phone"><i class="phone-icon"></i>+49(0)176 321 368 59</p>
<p class="phone"><i class="phone-icon"></i>+49(0)152 549 389 62</p> <p class="phone"><i class="phone-icon"></i>+49(0)152 549 389 62</p>
</div>
<p class="rss"> <p class="rss">
<a href="#"><i class="facebook-icon"></i></a> <a href="https://www.facebook.com/profile.php?id=100093464946416"><i class="facebook-icon"></i></a>
<a href="#"><i class="instagram-icon"></i></a> <a href="https://instagram.com/tayrona_foods?igshid=NTc4MTIwNjQ2YQ=="><i class="instagram-icon"></i></a>
</p>
<!-- <p class="rss">
<a href="#"><i class="youtube-icon"></i></a> <a href="#"><i class="youtube-icon"></i></a>
<a href="#"><i class="twitter-icon"></i></a> <a href="#"><i class="twitter-icon"></i></a>
</p> </p> -->
<p class="links"> <p class="links">
<a href="https://tayronafoods.com/impressum">{{ $t('footer.impressum')}}</a> <router-link class="link" to="/impressum">{{ $t('footer.impressum')}}</router-link>
<router-link class="link" to="/dataprotection">{{ $t('footer.dataprotection') }}</router-link>
<router-link class="link" to="/agb">{{ $t('footer.agb') }}</router-link>
<router-link class="link" to="/widerrufsrecht">{{ $t('footer.rightofwithdrawal') }}</router-link>
<router-link class="link" to="/gewinnspielbedingungen">{{ $t('footer.competitionconditions') }}</router-link>
<!-- <a href="https://tayronafoods.com/impressum">{{ $t('footer.impressum')}}</a>
<a href="https://tayronafoods.com/datenschutz">{{ $t('footer.dataprotection')}}</a> <a href="https://tayronafoods.com/datenschutz">{{ $t('footer.dataprotection')}}</a>
<a href="https://tayronafoods.com/agb">{{ $t('footer.agb')}}</a> <a href="https://tayronafoods.com/agb">{{ $t('footer.agb')}}</a> -->
</p> </p>
</div> </div>
</footer> </footer>
@@ -32,14 +43,15 @@
footer { footer {
position: relative; position: relative;
color: #fff; color: #fff;
height: 492px;
background-color: #442808; background-color: #442808;
background-image: url('@images/footer_coffee.png'); background-image: url('@images/footer_coffee.png');
background-blend-mode: overlay; background-blend-mode: overlay;
background-position: bottom;
padding-bottom: 36px;
} }
h5 { h5 {
font-weight: 500; font-weight: 400;
padding-top: 72px; padding-top: 72px;
font-size: 20px; font-size: 20px;
margin-bottom: 24px; margin-bottom: 24px;
@@ -52,7 +64,9 @@
margin-top: 58px; margin-top: 58px;
a { a {
margin-right: 200px; margin-right: 84px;
display: inline-block;
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
} }
@@ -71,8 +85,8 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: contain; background-size: contain;
width: 18px; width: 20px;
height: 18px; height: 20px;
} }
.logo { .logo {
@@ -85,10 +99,13 @@
.contact-info { .contact-info {
text-align: center;; text-align: center;;
display: flex;
flex-direction: column; flex-direction: column;
font-size: 20px; font-size: 16px;
font-weight: 500; font-weight: 200;
.phones {
margin-top: 24px;
}
.emails { .emails {
padding: 0; padding: 0;
@@ -100,7 +117,7 @@
} }
&-icon { &-icon {
@include icon('@images/email.svg'); @include icon('@images/email.svg');
margin-right: 5px; margin-right: 4px;
} }
} }
} }
@@ -133,4 +150,30 @@
@include icon('@images/twitter.svg'); @include icon('@images/twitter.svg');
} }
} }
@media only screen and (max-width: 767px) {
h5 {
padding-top: 16px;
}
.contact-info {
.emails {
display: grid;
gap: 8px;
flex-direction: column;
}
p.links {
margin-top: 58px;
a {
margin-right: 20px;
font-size: 80%;
&:last-child {
margin-right: 0;
}
}
}
}
}
</style> </style>

121
src/components/GdprConsent.vue Normal file
View File

@@ -0,0 +1,121 @@
<template>
<div v-if="!hideGdpr" class="gdpr-overlay">
<section class="gdpr-container">
<div class="gdpr-content">
<div class="gdpr-text">{{ $t('gdpr.text') }} <a href="https://tayronafoods.myshopify.com/pages/gdpr-privacy-policy">{{ $t('gdpr.policy') }}</a></div>
<div class="gdpr-buttons">
<button class="secondary" @click="closeGdpr">{{ $t('gdpr.reject')}}</button>
<button @click="enableGdpr">{{ $t('gdpr.accept')}}</button>
</div>
</div>
</section>
</div>
</template>
<script>
import { bootstrap, setOptions } from 'vue-gtag';
export default {
data() {
return {
hideGdpr: false,
};
},
methods: {
async enableGdpr() {
setOptions({
config: { id: 'G-WSGLW74RC1', },
});
const gtag = await bootstrap();
this.closeGdpr();
},
closeGdpr() {
this.hideGdpr = true;
}
}
}
</script>
<style lang="scss" scoped>
.gdpr {
&-overlay {
position: fixed;
top:0;
right:0;
bottom: 0;
left: 0;
z-index: 20;
background-color: rgba(255, 255, 255, 0.3);
width: 100%;
}
&-container {
position: relative;
left: 0;
width: 700px;
z-index: 21;
margin: 0 auto;
background-color: #fff;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
border-radius: 6px;
}
&-content {
background-color: #fefefe;
color: #121212;
width: 100%;
margin: 0 auto;
padding: 16px 32px;
height: auto;
display: grid;
align-items: center;
justify-items: center;
font-size: 14px;
gap: 20px;
border-radius: 6px;
}
&-buttons {
display: flex;
gap: 16px;
}
}
@media only screen and (min-width: 961px) {
.gdpr {
&-container {
top:30%;
}
&-content {
grid-template-columns: 4fr auto;
}
}
}
// @media only screen and (max-width: 960px) {
// }
@media only screen and (max-width: 767px) {
.gdpr {
&-container {
position: absolute;
bottom: 0;
border-radius: 0;
width: 100%;
}
&-content {
grid-template-rows: 1fr;
}
&-buttons {
display: flex;
flex-direction: column;
gap: 8px;
}
}
}
</style>

102
src/components/LocaleSelector.vue Normal file
View File

@@ -0,0 +1,102 @@
<template>
<div class="locale-selector">
<a href="#" @click.prevent.stop="toggle">
<img class="globe-image" :src="getFlagImage($i18n.locale)" alt="">
<span>{{ selectedLocale }}</span>
<img src="@images/arrow-down.svg" alt="">
</a>
<div class="options" v-if="active">
<div class="item" v-for="(value, key) in locales" :key="key" @click.prevent.stop="changeLocale(key)">
<img class="select-image" :src="getFlagImage(key)" alt="" srcset="">
<span>{{ value }}</span>
</div>
</div>
</div>
</template>
<script>
const locales = {
de: 'Deutsch',
en: 'English',
es: 'Español'
}
export default {
data() {
return {
active: false,
locales,
}
},
computed: {
selectedLocale() {
return this.locales[this.$i18n.locale];
}
},
methods: {
toggle() {
this.active = !this.active;
},
changeLocale(locale) {
this.$i18n.locale = locale;
this.active = false;
},
getFlagImage(locale) {
return this.$helper.getImage(`flag-${locale}.png`)
}
}
}
</script>
<style lang="scss" scoped>
.locale-selector {
display: inline;
position: relative;
.globe-image{
height: 14px;
}
.select-image{
height: 18px;
margin-right: 8px;
}
a {
display: inline-flex;
align-items: center;
color: #fff;
text-decoration: none;
}
img {
margin-right: 5px;
&:last-child {
margin-right: 0;
margin-left: 5px;
}
}
.options {
padding: 8px 0 8px;
display: inline-block;
width: 120px;
position: absolute;
right: 0;
top: 24px;
background: #121212;
border-radius: 5px;
color: #fefefe;
}
.item {
cursor: pointer;
padding: 8px 0 8px 12px;
display: flex;
align-items: center;
&:hover {
color: #FECE16;
background: #111;
}
}
}
</style>

191
src/components/Menu.vue
View File

@@ -1,58 +1,94 @@
<script> <script>
import LocaleSelector from './LocaleSelector.vue';
export default { export default {
props: { components: { LocaleSelector },
type: String, data() {
title: String, return {
mobileMenuOpened: false
} }
},
methods: {
openMobileClick() {
this.mobileMenuOpened = !this.mobileMenuOpened;
},
closeMenu() {
this.mobileMenuOpened = false;
} }
},
}
</script> </script>
<template> <template>
<section class="menu" :class="type"> <section class="menu">
<div class="overlay"> <nav v-if="$isMobile()">
<nav> <div class="menu-bar">
<img class="logo" src="@images/logo-kreis_3.png" /> <div class="hamburger" @click="openMobileClick">
<div class="hamburger-line"></div>
<div class="hamburger-line"></div>
<div class="hamburger-line"></div>
</div>
<div class="logo">
<img src="@images/tayrona-foods-yellow.png" alt="Tayrona Foods"/>
</div>
<div></div>
</div>
<div class="menu-content" :class="{collapsed: !mobileMenuOpened}">
<div class="links">
<router-link class="link" @click.native="closeMenu" to="/">{{ $t('menu.home')}}</router-link>
<router-link class="link" @click.native="closeMenu" to="/about">{{ $t('menu.about') }}</router-link>
<router-link class="link" @click.native="closeMenu" to="/products">{{ $t('menu.products') }}</router-link>
<!-- <router-link class="link" to="/store">{{ $t('Tienda') }}</router-link> -->
<a href="https://tayronafoods.myshopify.com" @click.native="closeMenu" target="_blank" class="link">{{ $t('menu.shopping') }}</a>
<router-link class="link" @click.native="closeMenu" to="/social">{{ $t('menu.social') }}</router-link>
<router-link class="link" @click.native="closeMenu" to="/contact">{{ $t('menu.contact') }}</router-link>
<LocaleSelector class="link"></LocaleSelector>
</div>
</div>
</nav>
<nav v-else>
<div class="logo">
<img src="@images/tayrona-foods-yellow.png" alt="Tayrona Foods"/>
</div>
<div class="links"> <div class="links">
<router-link class="link" to="/">{{ $t('menu.home')}}</router-link> <router-link class="link" to="/">{{ $t('menu.home')}}</router-link>
<router-link class="link" to="/about">{{ $t('menu.about') }}</router-link> <router-link class="link" to="/about">{{ $t('menu.about') }}</router-link>
<router-link class="link" to="/products">{{ $t('menu.products') }}</router-link> <router-link class="link" to="/products">{{ $t('menu.products') }}</router-link>
<!-- <router-link class="link" to="/social">{{ $t('menu.social') }}</router-link> <!-- <router-link class="link" to="/store">{{ $t('Tienda') }}</router-link> -->
<router-link class="link" to="/contact">{{ $t('menu.contact') }}</router-link> --> <a href="https://tayronafoods.myshopify.com" target="_blank" class="link">{{ $t('menu.shopping') }}</a>
<router-link class="link" to="/social">{{ $t('menu.social') }}</router-link>
<router-link class="link" to="/contact">{{ $t('menu.contact') }}</router-link>
<LocaleSelector class="link"></LocaleSelector>
</div> </div>
</nav> </nav>
<h1 class="title" v-if="title">{{ title }}</h1>
</div>
</section> </section>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
// @media only screen and (min-width: 768px) {
/* tablets and desktop */
.menu { .menu {
height: 574px; background-color: transparent;
background-repeat: no-repeat; position: fixed;
background-size: contain; top: 0;
left: 0;
.overlay { z-index: 10;
width: 100%; width: 100%;
height: 100%;
background: linear-gradient(89.82deg, rgba(30, 30, 30, 0.72) -6.88%, rgba(0, 0, 0, 0.18) 87.45%);
}
.title {
color: #fff;
font-weight: 500;
font-size: 65px;
line-height: 70px;
text-align: right;
padding: 88px 93px 0;
}
nav { nav {
padding: 24px 93px 0; margin: 0 auto;
padding: 8px 50px;
display: grid; display: grid;
grid-template-columns: auto auto; grid-template-columns: auto auto;
background: transparent;
width: 960px;
height: 100%;
transition: background-color .3s ease-in-out;
.logo { .logo img{
height: 117px; height: 100px;
width: 118px;; width: 100px;;
} }
.links { .links {
@@ -60,7 +96,7 @@ export default {
align-self: center; align-self: center;
.link { .link {
margin-right: 54px; margin-right: 20px;
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
@@ -79,16 +115,95 @@ export default {
} }
} }
&.home { &.has-sticky-0 nav{
background-image: url('@images/mountains.png'); background-color: rgba(0, 0, 0, 0.5);
} }
&.about { &.has-sticky-1 nav{
background-image: url('@images/coffee1.jpg'); background-color: #000;
} }
&.products { .hamburger {
background-image: url('@images/products.png'); width: 70px;
height: 50px;
padding: 14px 18px;
display: flex;
flex-direction: column;
justify-content: space-between;
&-line {
width: 100%;
background-color: #fff;
height: 2px;
}
}
}
// }
@media only screen and (max-width: 960px) {
.menu {
nav, .nav-wrapper {
width: 100%;
.links .link {
font-size: 82%;
}
}
}
}
@media only screen and (max-width: 767px) {
.menu {
&-bar {
width: 100%;
display: grid;
grid-template-columns: 1fr 2fr 1fr;
height: 115px;
transition: height .2s ease-out;
.logo, .hamburger {
justify-self: center;
align-self: center;
}
.logo {
opacity: 1;
transition: opacity .2s ease-out;
}
}
&-content {
color: white;
&.collapsed {
display: none;
}
}
nav {
display: block;
background-color: #000;
padding: 0;
.links {
padding: 0 8px 16px;
.link {
text-align: center;
display: block;
padding: 8px;
font-size: 18px;
}
}
}
&.has-sticky-0, &.has-sticky-1 {
.menu-bar {
height: 50px;
}
.logo {
opacity: 0;
overflow: hidden;
}
nav {
background-color: #000;
}
}
} }
} }
</style> </style>

9
src/components/OriginBox.vue
View File

@@ -5,16 +5,11 @@ export default {
title: String, title: String,
description: String description: String
}, },
methods: {
getImage(image) {
return new URL(`/src/assets/images/${image}`, import.meta.url).href;
},
}
} }
</script> </script>
<template> <template>
<div class="origin-box"> <div class="origin-box">
<img :src="getImage(image)" class="image" /> <img :src="$helper.getImage(image)" class="image" />
<h3 class="title">{{ title }}</h3> <h3 class="title">{{ title }}</h3>
<p class="description">{{ description }}</p> <p class="description">{{ description }}</p>
</div> </div>
@@ -41,7 +36,7 @@ export default {
.description { .description {
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 300;
font-size: 16px; font-size: 16px;
line-height: 21px; line-height: 21px;
color: #1E1E1E; color: #1E1E1E;

96
src/components/ProductBox.vue Normal file
View File

@@ -0,0 +1,96 @@
<template>
<div class="product-box">
<div class="header">
<div class="kind-image">
<img :src="$helper.getImage(product.kind.image)" />
</div>
<div>
<h2>{{ $t(product.name) }}</h2>
<h3>{{ $t(product.farm) }} &bull; {{ $t(product.strain) }}</h3>
</div>
<div class="shopping-cart">
<a :href="product.url" target="_blank"><img src="@images/shoppingcart.svg"></a>
</div>
</div>
<div class="product-box-image">
<img :src="$helper.getImage(product.images[0])" alt="" />
</div>
<div class="footer">
<product-table :product="product"></product-table>
</div>
</div>
</template>
<script>
import ProductTable from "./ProductTable.vue";
export default {
props: {
product: Object,
},
components: {
ProductTable,
},
};
</script>
<style lang="scss" scoped>
.shopping-cart {
img {
opacity: 0.5;
}
}
.product-box {
width: 330px;
height: 450px;
border-radius: 12px;
background-position: top left;
box-sizing: border-box;
color: #141218;
padding: 0 px 0;
.header {
background-color: #1f1f1f;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
color: #c1c1a1;
padding: 12px 16px;
align-items: center;
align-self: stretch;
width: 100%;
display: grid;
grid-template-columns: 40px auto 30px;
.kind-image {
align-self: start;
img {
width: 40px;
}
}
h2 {
padding: 0px;
font-weight: 500;
font-size: 20px;
text-align: left;
line-height: 32px;
}
h3 {
font-size: 12px;
font-weight: 400;
text-align: left;
}
}
&-image {
width: 330px;
height: 250px;
img {
width: 100%;
height: 100%;
}
}
}
</style>

90
src/components/ProductCarousel.vue Normal file
View File

@@ -0,0 +1,90 @@
<template>
<Carousel class="carousel" v-bind:breakpoints="breakpoints" :items-to-show="1" :wrap-around="false">
<Slide v-for="product in products" :key="product.name">
<div class="carousel-item">
<ProductBox :product="product"></ProductBox>
</div>
</Slide>
<template #addons>
<Navigation />
</template>
</Carousel>
</template>
<script>
import 'vue3-carousel/dist/carousel.css'
import { Carousel, Slide, Pagination, Navigation } from 'vue3-carousel'
import ProductBox from './ProductBox.vue';
export default {
props: {
products: Array
},
data: () => ({
// breakpoints are mobile first
// any settings not specified will fallback to the carousel settings
breakpoints: {
// 1024 and up
920: {
itemsToShow: 2,
snapAlign: 'start',
wrapAround: false,
},
},
}),
components: {
Carousel,
Slide,
Pagination,
Navigation,
ProductBox,
},
}
</script>
<style lang="scss">
.carousel {
margin-top: 32px;
&-item {
height: 450px;
width: 330px;
font-size: 20px;
}
&__slide {
padding: 10px;
}
&__pagination-button:hover::after, &__pagination-button--active::after {
background: rgba(255,255,255, 0.6);
}
&__pagination-button {
&::after{
background: rgba(255,255,255, 0.3);
}
&--active::after {
background: rgba(255,255,255, 0.6);
&:hover {
background: rgba(255,255,255, 0.6);
}
}
}
&__prev,
&__next {
box-sizing: content-box;
background : rgba(255,255,255, 0.3);
border-radius: 50px;
border: none;
color: #333;
&:hover {
background : rgba(255,255,255, 0.8);
}
}
}
</style>

367
src/components/ProductFlipCard.vue Normal file
View File

@@ -0,0 +1,367 @@
<script>
export default {
props: {
product: Object
},
data() {
return {
flipped: false,
}
},
methods: {
toggle() {
this.flipped = !this.flipped;
},
}
}
</script>
<template>
<div class="flip-card" :class="{flipped}" @click="toggle">
<div v-if="product" class="flip-card-inner" :class="(product && product.kind) || 'no-product'">
<div class="flip-card-front">
<img class="logo" :src="$helper.getImage(product.kind.getImageimage)" />
<div>
<h3 class="title">{{ $t(product.kind.localized)}}</h3>
<h3 class="slogan">{{ $t(product.slogan) }}</h3>
</div>
<div class="description">{{ $t(product.description) }}</div>
</div>
<div class="flip-card-back">
<div class="info">
<div class="info-header">
<h3 class="title centered">{{ $t(product.name) }}</h3>
<h3>- {{ $t(product.farm) }} -</h3>
<p class="strain">{{ $t(product.strain) }}</p>
</div>
<div class="info-data">
<div class="info-data-left">
<img class="logo" :src="$helper.getImage(product.kind.image)" />
<p class="kind">{{ $t(product.kind.localized) }}</p>
<p class="slogan">{{ $t(product.slogan) }}</p>
</div>
<div class="info-data-right">
<div class="info-data-row">
<div class="info-data-box land">
<div class="info-data-box-label">{{ $t('labels.country') }}</div>
<div class="info-data-box-value">
{{ $t(product.country) }}
</div>
</div>
<div class="info-data-box height">
<div class="info-data-box-label">{{ $t('labels.height') }}</div>
<div class="info-data-box-value">
<div class="text-overflow">
{{ $t(product.height) }}
</div>
</div>
</div>
</div>
<div class="info-data-row">
<div class="info-data-box revision">
<div class="info-data-box-label">{{ $t('labels.revision') }}</div>
<div class="info-data-box-value">
<div class="text-overflow">
{{ $t(product.revision) }}
</div>
</div>
</div>
<div class="info-data-box harvest">
<div class="info-data-box-label">{{ $t('labels.harvest') }}</div>
<div class="info-data-box-value">
<div class="text-overflow">
{{ $t(product.harvest) }}
</div>
</div>
</div>
<div class="info-data-box profile">
<div class="info-data-box-label">{{ $t('labels.profile') }}</div>
<div class="info-data-box-value">
<div class="text-overflow">
{{ $t(product.profile) }}
</div>
</div>
</div>
</div>
<div class="info-data-row">
<div class="info-data-box taste">
<div class="info-data-box-label">{{ $t('labels.taste') }}</div>
<div class="info-data-box-value">
<div class="text-overflow">
{{ $t(product.taste) }}
</div>
</div>
</div>
<div class="info-data-box mouthfeel">
<div class="info-data-box-label">{{ $t('labels.texture') }}</div>
<div class="info-data-box-value">
<div class="text-overflow">
{{ $t(product.texture) }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div v-else>
No product
</div>
</div>
</template>
<style lang="scss" scoped>
h3 {
font-weight: 300;
font-size: 36px;
line-height: 50px;
text-align: left;
}
.description {
white-space: pre-line;
}
.flip-card {
cursor: pointer;
height: 444px;
width: 600px;
color: #000;
font-size: 20px;
border-radius: 40px;
perspective: 1000px;
&.flipped &-inner {
transform: rotateY(180deg);
}
&-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.8s;
transform-style: preserve-3d;
border-radius: 40px;
&.earth {
background-color: #A6AF94;
}
&.water {
background-color: #889CA7;
}
&.air {
background-color: #F4EEB0;
}
&.fire {
background-color: #D58C83;
}
&.no-product {
background-color: #fff;
}
}
&-front {
display: grid;
grid-template-columns: 180px auto;
grid-template-rows: 160px auto;
justify-items: start;
align-items: center;
.description {
grid-column-start: 1;
grid-column-end: 3;
font-weight: 500;
font-size: 22px;
line-height: 35px;
text-align: justify;
padding: 0 44px;
align-self: flex-start;
}
.logo {
height: 184px;
width: 147px;
}
}
&-front, &-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
&-back {
transform: rotateY(180deg);
border-radius: 40px;
padding-top: 16px;
h3, h4 {
font-family: 'Righteous', cursive;
text-align: center;
}
.info {
height: 100%;
width: 100%;
display: grid;
grid-template-rows: 35% 65%;
h3.title {
text-transform: uppercase;
}
.strain {
text-align: center;
font-family: 'Cormorant Garamond', serif;
font-size: 24px;
}
&-data {
display: grid;
grid-template-columns: 30% 70%;
margin: 20px;
border-style: solid;
border-width: 2px;
&-left {
padding-top: 16px;
}
&-right {
display: grid;
grid-template-rows: repeat(3, 1fr);
height: 100%;
width: 100%;
.earth & {
background-color: #babfa9;
}
.water & {
background-color: #92a7b1;
}
.air & {
background-color: #f4f4cc;
}
.fire & {
background-color: #d59c95;
}
}
&-row {
border-top-style: solid;
border-top-width: 2px;
border-bottom-style: solid;
border-bottom-width: 2px;
display: inline-flex;
// flex-wrap: nowrap;
// justify-content: space-around;
min-width: 100%;
height: 100%;
&:first-child {
border-top: none;
}
&:last-child {
border-bottom: none;
}
.earth & {
border-color: #A6AF94;
}
.water & {
border-color: #889CA7;
}
.air & {
border-color: #F4EEB0;
}
.fire & {
border-color: #D58C83;
}
}
&-box {
padding: 4px 0 0 8px;
border-right-style: solid;
border-right-width: 3px;
min-width: 100px;
flex-basis: 0px;
flex-grow: 1;
.text-overflow {
// width: 98%;
// text-overflow: ellipsis;
// overflow: hidden;
// white-space: nowrap;
}
&:last-child {
border-right: none;
}
.earth & {
border-color: #A6AF94;
}
.water & {
border-color: #889CA7;
}
.air & {
border-color: #F4EEB0;
}
.fire & {
border-color: #D58C83;
}
&-label{
font-family: 'Righteous', cursive;
font-size: 18px;
text-transform: uppercase;
}
&-value{
font-family: 'Cormorant Garamond', serif;
font-size: 18px;
}
}
p {
&.kind {
font-family: 'Righteous', cursive;
text-align: left;
line-height: 20px;
margin-left: 20px;
text-transform: uppercase;
letter-spacing: 1.3px;
}
&.slogan {
font-family: 'Cormorant Garamond', serif;
font-size: 90%;
text-align: left;
line-height: 25px;
margin-left: 20px;
}
}
.earth & {
border-color: #babfa9;
}
.water & {
border-color: #92a7b1;
}
.air & {
border-color: #f4f4cc;
}
.fire & {
border-color: #d59c95;
}
}
}
}
}
</style>

249
src/components/ProductTable.vue Normal file
View File

@@ -0,0 +1,249 @@
<template>
<div class="info" :class="product.kind.name">
<div class="info-data">
<div class="info-data-left" >
<img class="logo" :src="$helper.getImage(product.kind.image)" />
<p class="kind">{{ $t(product.kind.localized) }}</p>
<p class="slogan">{{ $t(product.slogan) }}</p>
</div>
<div class="info-data-right">
<div class="info-data-row">
<div class="info-data-box land">
<div class="info-data-box-label">{{ $t("labels.country") }}</div>
<div class="info-data-box-value">
{{ $t(product.country) }}
</div>
</div>
<div class="info-data-box height">
<div class="info-data-box-label">{{ $t("labels.height") }}</div>
<div class="info-data-box-value">
<div class="text-overflow">
{{ $t(product.height) }}
</div>
</div>
</div>
</div>
<div class="info-data-row">
<div class="info-data-box revision">
<div class="info-data-box-label">{{ $t("labels.revision") }}</div>
<div class="info-data-box-value">
<div class="text-overflow">
{{ $t(product.revision) }}
</div>
</div>
</div>
<div class="info-data-box harvest">
<div class="info-data-box-label">{{ $t("labels.harvest") }}</div>
<div class="info-data-box-value">
<div class="text-overflow">
{{ $t(product.harvest) }}
</div>
</div>
</div>
<div class="info-data-box profile">
<div class="info-data-box-label">{{ $t("labels.profile") }}</div>
<div class="info-data-box-value">
<div class="text-overflow">
{{ $t(product.profile) }}
</div>
</div>
</div>
</div>
<div class="info-data-row">
<div class="info-data-box taste">
<div class="info-data-box-label">{{ $t("labels.taste") }}</div>
<div class="info-data-box-value">
<div class="text-overflow">
{{ $t(product.taste) }}
</div>
</div>
</div>
<div class="info-data-box mouthfeel">
<div class="info-data-box-label">{{ $t("labels.texture") }}</div>
<div class="info-data-box-value">
<div class="text-overflow">
{{ $t(product.texture) }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
props: {
product: Object
}
};
</script>
<style lang="scss" scoped>
.info {
font-size: 12px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
.logo {
width: 50px
}
&.earth {
background-color: #A6AF94;
}
&.water {
background-color: #889CA7;
}
&.air {
background-color: #F4EEB0;
}
&.fire {
background-color: #D58C83;
}
&.no-product {
background-color: #fff;
}
height: 100%;
width: 100%;
&-data {
min-height: 127px;
display: grid;
grid-template-columns: 20% 80%;
border-style: solid;
border-width: 2px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
&-left {
padding-top: 16px;
border-bottom-left-radius: 15px;
}
&-right {
border-bottom-right-radius: 15px;
display: grid;
grid-template-rows: repeat(3, 1fr);
height: 100%;
width: 100%;
.earth & {
background-color: #babfa9;
}
.water & {
background-color: #92a7b1;
}
.air & {
background-color: #f4f4cc;
}
.fire & {
background-color: #d59c95;
}
}
&-row {
border-top-style: solid;
border-top-width: 2px;
border-bottom-style: solid;
border-bottom-width: 2px;
display: inline-flex;
// flex-wrap: nowrap;
// justify-content: space-around;
min-width: 100%;
height: 100%;
&:first-child {
border-top: none;
}
&:last-child {
border-bottom: none;
}
.earth & {
border-color: #a6af94;
}
.water & {
border-color: #889ca7;
}
.air & {
border-color: #f4eeb0;
}
.fire & {
border-color: #d58c83;
}
}
&-box {
padding: 4px 0 0 8px;
border-right-style: solid;
border-right-width: 3px;
flex-basis: 0px;
flex-grow: 1;
&:last-child {
border-right: none;
}
.earth & {
border-color: #a6af94;
}
.water & {
border-color: #889ca7;
}
.air & {
border-color: #f4eeb0;
}
.fire & {
border-color: #d58c83;
}
&-label {
font-family: "Righteous", cursive;
text-transform: uppercase;
font-size: 9px;
}
&-value {
font-family: "Cormorant Garamond", serif;
line-height: 12px;
font-size: 12px;
}
}
p {
&.kind {
font-family: "Righteous", cursive;
text-align: center;
line-height: 20px;
margin-left: 4px;
text-transform: uppercase;
letter-spacing: 1.3px;
font-size: 10px;
}
&.slogan {
font-family: "Cormorant Garamond", serif;
text-align: center;
line-height: 12px;
margin-left: 4px;
font-size: 10px;
}
}
.earth & {
border-color: #babfa9;
}
.water & {
border-color: #92a7b1;
}
.air & {
border-color: #f4f4cc;
}
.fire & {
border-color: #d59c95;
}
}
}
</style>

141
src/data.js Normal file
View File

@@ -0,0 +1,141 @@
export const kinds = {
earth: {
name: 'earth',
localized: 'common.earth',
image: 'logo_tierra.svg'
},
water: {
name: 'water',
localized: 'common.water',
image: 'logo_agua.svg'
},
air: {
name: 'air',
localized: 'common.air',
image: 'logo_aire2.svg'
},
fire: {
name: 'fire',
localized: 'common.fire',
image: 'logo_fuego.svg'
},
};
export const products = [
{
kind: kinds.earth,
name: 'products.brasil_de_andrade.name',
images: ['product-brasil-single11.png', 'product-brasil-double1.png',],
slogan: 'products.brasil_de_andrade.slogan',
description: 'products.brasil_de_andrade.description',
farm: 'products.brasil_de_andrade.farm',
strain: 'products.brasil_de_andrade.strain',
country: 'products.brasil_de_andrade.country',
height: 'products.brasil_de_andrade.height',
revision: 'products.brasil_de_andrade.revision',
harvest: 'products.brasil_de_andrade.harvest',
profile: 'products.brasil_de_andrade.profile',
taste: 'products.brasil_de_andrade.taste',
texture: 'products.brasil_de_andrade.texture',
url: 'https://tayronafoods.myshopify.com/products/brasil-de-andrade',
},
{
kind: kinds.water,
name: 'products.colombia_el_paseito.name',
images: ['product-colombia-single11.png', 'product-colombia-double1.png',],
slogan: 'products.colombia_el_paseito.slogan',
description: 'products.colombia_el_paseito.description',
farm: 'products.colombia_el_paseito.farm',
strain: 'products.colombia_el_paseito.strain',
country: 'products.colombia_el_paseito.country',
height: 'products.colombia_el_paseito.height',
revision: 'products.colombia_el_paseito.revision',
harvest: 'products.colombia_el_paseito.harvest',
profile: 'products.colombia_el_paseito.profile',
taste: 'products.colombia_el_paseito.taste',
texture: 'products.colombia_el_paseito.texture',
url: 'https://tayronafoods.myshopify.com/products/colombia-el-pastelito',
},
{
kind: kinds.air,
name: 'products.peru_grad_1.name',
images: ['product-peru-single11.png', 'product-peru-double1.png',],
slogan: 'products.peru_grad_1.slogan',
description: 'products.peru_grad_1.description',
farm: 'products.peru_grad_1.farm',
strain: 'products.peru_grad_1.strain',
country: 'products.peru_grad_1.country',
height: 'products.peru_grad_1.height',
revision: 'products.peru_grad_1.revision',
harvest: 'products.peru_grad_1.harvest',
profile: 'products.peru_grad_1.profile',
taste: 'products.peru_grad_1.taste',
texture: 'products.peru_grad_1.texture',
url: 'https://tayronafoods.myshopify.com/products/peru-grad-1',
},
{
kind: kinds.fire,
name: 'products.uganda_gnoma.name',
images: ['uganda-single.jpg', 'product-uganda-double1.png',],
slogan: 'products.uganda_gnoma.slogan',
description: 'products.uganda_gnoma.description',
farm: 'products.uganda_gnoma.farm',
strain: 'products.uganda_gnoma.strain',
country: 'products.uganda_gnoma.country',
height: 'products.uganda_gnoma.height',
revision: 'products.uganda_gnoma.revision',
harvest: 'products.uganda_gnoma.harvest',
profile: 'products.uganda_gnoma.profile',
taste: 'products.uganda_gnoma.taste',
texture: 'products.uganda_gnoma.texture',
url: 'https://tayronafoods.myshopify.com/products/uganda-ngoma',
},
{
kind: kinds.earth,
name: 'products.uganda_gnoma_cream.name',
images: ['uganda-caffecrem.jpg',],
slogan: 'products.uganda_gnoma_cream.slogan',
description: 'products.uganda_gnoma_cream.description',
farm: 'products.uganda_gnoma_cream.farm',
strain: 'products.uganda_gnoma_cream.strain',
country: 'products.uganda_gnoma_cream.country',
height: 'products.uganda_gnoma_cream.height',
revision: 'products.uganda_gnoma_cream.revision',
harvest: 'products.uganda_gnoma_cream.harvest',
profile: 'products.uganda_gnoma_cream.profile',
taste: 'products.uganda_gnoma_cream.taste',
texture: 'products.uganda_gnoma_cream.texture',
url: 'https://tayronafoods.myshopify.com/products/uganda-ngoma-1',
},
];
export const slides = {
home: [
'mountains.jpg',
'coffee1.jpg',
'Packaging_new 1.jpg',
'proysoc.01.jpg',
'kids.jpg',
],
about: [
'coffee1.jpg',
'mountains.jpg',
'Packaging_new 1.jpg',
'proysoc.01.jpg',
'kids.jpg',
],
social: [
'proysoc.01.jpg',
'kids.jpg',
'mountains.jpg',
'coffee1.jpg',
'Packaging_new 1.jpg',
],
products: [
'Packaging_new 1.jpg',
'coffee1.jpg',
'mountains.jpg',
'proysoc.01.jpg',
'kids.jpg',
],
};

200
src/i18n/de.js
View File

@@ -4,6 +4,204 @@ export default {
message: 'Bei Interesse oder Fragen kontaktieren Sie uns bitte!', message: 'Bei Interesse oder Fragen kontaktieren Sie uns bitte!',
impressum: 'Impressum', impressum: 'Impressum',
dataprotection: 'Datenschutz', dataprotection: 'Datenschutz',
agb: 'AGB' agb: 'AGB',
rightofwithdrawal: 'Widerrufsrecht',
competitionconditions: 'Gewinnspielbedingungen'
},
menu: {
home: 'Home',
about: 'Über uns',
products: 'Produkte',
shopping: 'Shop',
social: 'Soziales Projekt',
contact: 'Kontakt'
},
about: {
title: 'Über uns',
subtitle1: 'Tayrona Foods',
paragraph1: 'Wir sind ein leidenschaftliches Team von Kaffeeliebhabern, das es sich zum Ziel gesetzt hat,Ihnen außergewöhnliche Kaffeeerlebnisse zu bieten und gleichzeitig unsere Heimat Kolumbien zu unterstützen. Bei uns dreht sich alles um die faszinierende Welt des Kaffees. Von den einzigartigen Aromen bis zu den vielfältigen Geschmacksnuancen wir laden Sie ein, Ihre Sinne mit unseren köstlichen Kaffeesorten zu verwöhnen.',
subtitle2: 'Über uns',
paragraph2: 'Wir sind in Kolumbien, zwischen den köstlichen Gerüchen des Streetfoods und den malerischen Kaffeeplantagen, aufgewachsen. Mit unseren abgeschlossenen Studiengängen als Landwirtschaftsingenieur und BWLer haben wir unsere Leidenschaft für Essen, Handel und Kaffee vereint. Lebensstationen in Amerika, Spanien und Deutschland haben uns vielfältige Einblicke und Erfahrungen gebracht.',
paragraph3: 'Seit über 10 Jahren sind wir im Einkaufsbereich von Kaffee, lateinamerikanischen und spanischen Delikatessen tätig. In dieser Zeit haben wir ein tiefes Verständnis dafür entwickelt, welche Qualitätsmerkmale ausschlaggebend sind, um den besten Geschmack zu erreichen. Von der Auswahl der Rohstoffe bis hin zur sorgfältigen Verarbeitung wissen wir genau, worauf es ankommt, um herausragende Produkte anzubieten. Unser Wissen und unsere Expertise ermöglichen es uns, exzellente Kaffeesorten und köstliche Delikatessen aus Lateinamerika und Spanien anbieten zu können. ',
subtitle3: 'Und natürlich: Wir nutzen gerne jede Gelegenheit,unsere alte Heimat zu besuchen!',
},
origins: {
header: 'Eine einzigartige Mischung aus den besten Kaffeebohnen aus den Bergen Lateinamerikas und Ugandas.',
brazil: 'Brasil',
brazil_description: 'Coffeee 100%',
peru: 'Perú',
peru_description: 'Coffeee 100%',
colombia: 'Colombia',
colombia_description: 'Coffeee 100%',
uganda: 'Uganda',
uganda_description: 'Coffeee 100%',
},
different: {
header: 'Warum sind wir anders?',
subheader:'Wir machen nicht nur Ihren Kaffee, wir machen Ihren Tag!',
subheader1:'Großartige Ideen beginnen mit großartigem Kaffee, wir helfen Ihnen,dies zu erreichen.',
beans: {
title: 'Beste Bohnen',
description: 'Beans that provide great flavor',
},
quality: {
title: 'High quality',
description: 'The highest quality standards',
},
extraordinary: {
title: 'Extraordinary',
description: 'Exceptional flavor',
},
affordable: {
title: 'Prices',
description: 'The best prices in the market',
},
},
coffeefarmers: {
title: 'Genießen Sie das Erlebnis der besten Kaffeebohnen, vom Ursprung bis zu Ihrer Tasse.',
},
certifications: {
title1: 'Mitgliedschaften',
title2:'Unsere Partner'
},
products_page: {
title: 'V',
title1: 'elemento',
subtitle1: 'Die Indianer haben seit jeher eine enge Beziehung zu ihrer natürlichen Umgebung. Im Einklang mit den vier Elementen Feuer, Wasser, Luft und Erde gestalten sie ihr Leben. Dies beschreibt wunderbar unsere Kaffeereihe.',
download: 'Unsere Broschüre zum Herunterladen'
},
products: {
brasil_de_andrade: {
title:'Earth',
slogan: 'Born to create',
description: 'Unser Streben nach dem perfekten Kaffee beginnt mit der Erde.Wir suchen aktiv nach den besten Kaffeefarmen weltweit, in denen nährstoffreiche Böden die Grundlage für qualitativ hoch-wertige Kaffeebohnen bilden. Von den fruchtbaren Plantagen Lateinamerikas bis zu den exotischen Anbaugebieten Afrikas -Nachhaltigkeit und fairer Handel stehen bei uns im Fokus.',
name: 'Brasil de Andrade',
farm: 'Capim Branco',
strain: '100% Arábica',
country: 'Brasil/ Cerrado, Carmo do paranaiba',
height: '1.100 m',
revision: 'sonnengetrocknet',
harvest: 'handgepflückt',
profile: '1/4',
taste: 'Schokolade,leichte Fruchtsäure.',
texture: 'mild würzig'
},
colombia_el_paseito: {
title:'Water',
slogan: 'Born to feel',
description: `El agua, juega un papel decisivo en la preparación del café.
Por lo tanto, solo utilizamos agua de primera clase que se adapta perfectamente a los requisitos individuales de cada café.
La cantidad y calidad correcta del agua despliega los aromas y sabores en cada taza.`,
name: 'Colombia El Pastelito',
farm: 'La Mejorana',
strain: '100% Arábica',
country: 'Kolumbien /Quimbaya, Quindío',
height: '1.470 m',
revision: 'Sonnengetrocknet',
harvest: 'handgepflückt',
profile: '3/4',
taste: 'leichte Karamellnote.',
texture: 'voll'
},
peru_grad_1: {
title:'Air',
slogan: 'Born to inspire',
description: `El aire, es otra parte esencial de nuestra pasión por el café, damos gran importancia a los granos de café recién tostados que conservan su aroma y sabor inconfundibles.
Es por eso que tostamos en pequeños lotes para asegurarnos de que cada taza que disfrutes esté llena de frescura y aroma.`,
name: 'Perú Grad 1',
farm: 'Yakumama',
strain: '100% Arábica',
country: 'Perú / Puno, Sandia',
height: '1.800 m',
revision: 'Sonnengetrocknet',
harvest: 'handgepflückt',
profile: '3/4',
taste: 'blumig-fruchtig,Schokolade',
texture: 'würzig'
},
uganda_gnoma: {
title:'Fire',
slogan: 'Born to succeed',
description: `El fuego, la pasión que resuena en cada paso de nuestro trabajo.
Desde la selección de variedades de café verde hasta el cuidadoso tostado y la preparación amorosa, estamos allí con alma y corazón para ofrecerte una experiencia de café extraordinaria.`,
name: 'Uganda Ngoma',
farm: 'Espresso ',
strain: '100% Robusta',
country: 'Uganda / Wakiso District',
height: '1.250 m',
revision: 'Sonnengetrocknet',
harvest: 'handgepflückt',
profile: '4/4',
taste: 'Zartbitterschokolade',
texture: 'sanft'
},
uganda_gnoma_cream: {
title:'Earth',
slogan: 'Born to create',
description: `El fuego, la pasión que resuena en cada paso de nuestro trabajo.
Desde la selección de variedades de café verde hasta el cuidadoso tostado y la preparación amorosa, estamos allí con alma y corazón para ofrecerte una experiencia de café extraordinaria.`,
name: 'Uganda Ngoma',
farm: 'Caffeè crema ',
strain: '100% Robusta',
country: 'Uganda / Wakiso District',
height: '1.250 m',
revision: 'Sonnengetrocknet',
harvest: 'handgepflückt',
profile: '1/4',
taste: 'Zartbitterschokolade',
texture: 'sanft'
},
},
labels: {
country: 'Land / Region',
height: 'Anbauhöhe',
revision: 'Verarbeitung',
harvest: 'Ernte',
profile: 'Profil',
taste: 'Geschmack',
texture: 'Mundgefühl'
},
social: {
title: 'Committed to our community',
paragraph1: 'Wir glauben an die Kraft des Kaffees, um Menschen zu verbinden, Kulturen zu bereichern und positive Veränderungen zu bewirken. Aus diesem Grund haben wir ein besonderes Programm ins Leben gerufen: Für jede Kaffeetüte, die Sie bei uns erwerben, spenden wir 5 Cent an eine Schule in unserem Dorf.',
paragraph2: 'Damit möchten wir sicherstellen, dass zukünftige Generationen eine gute Bildung erhalten und ihre Träume verwirklichen können. Wir arbeiten eng mit lokalen Kaffeebauern zusammen, um qualitativ hochwertige Bohnen direkt aus der Region zu beziehen. Jede Tasse Kaffee, die Sie von uns genießen, ist somit ein kleiner Beitrag zur nachhaltigen Entwicklung und Wertschätzung unserer wunderbaren Heimat.',
paragraph3:'Seien Sie Teil unserer Kaffeerevolution und entdecken Sie eine neue Dimension des Genusses. ',
paragraph4:'Tauchen Sie ein in die Welt von Tayroona Foods, in der Kaffee nicht nur eine Leidenschaft ist, sondern auch eine Quelle des Wandels und der Unterstützung für diejenigen, die es am meisten brauchen.',
title2: 'Cafeteritos Ancestrales',
paragraph5: 'Wir von Tayrona Foods glauben, dass die Zukunft auf den Wurzeln unserer Vergangenheit aufgebaut wird. Aus diesem Grund sind wir sehr stolz darauf, soziale Initiativen wie "Cafeteritos Ancestrales" zu unterstützen. Es handelt sich um ein Projekt, welches von Kleinbauern von Palmor in der Sierra Nevada de Santa Marta ins Leben gerufen wurde, um junge Barista im Anbau und der Verarbeitung von Kaffee zu unterrichten. Wir investieren in die kommenden Generationen von Kaffeebauern, um eine nachhaltige Zukunft für alle zu sichern, die es uns ermöglicht, weiterhin den besten Kaffee der Welt auf Ihren Tisch zu bringen.'
},
common: {
earth: 'Erde',
water: 'Wasser',
air: 'Luft',
fire: 'Feuer',
company_name: 'Tayrona Foods',
rol_managing_partner: 'Managing Partner',
download: 'Download'
},
contact:{
title: 'Kontakt',
paragraph1: 'Bei Interesse oder Fragen kontaktieren Sie uns bitte! <a class="link" href="https://tayronafoods.myshopify.com/pages/contact" target="_blank">¡Kontaktiere uns!</a>',
paragraph2: 'Email',
paragraph3: 'info@tayronafoods.com',
paragraph4: 'alejandro@tayronafoods.com',
paragraph5: 'jose@tayronafoods.com',
paragraph6: 'Phones',
paragraph7: '+49(0)176 321 368 59',
paragraph8: '+49(0)152 549 389 62',
paragraph9: 'Social networks',
paragraph10: 'Instagram'
},
gdpr: {
text: 'Diese Website verwendet Cookies, um Ihnen das beste Erlebnis auf unserer Website zu gewährleisten.',
accept: 'Akzeptieren',
reject: 'Ablehnen',
policy: 'Datenschutzrichtlinie',
} }
} }

202
src/i18n/en.js
View File

@@ -4,6 +4,206 @@ export default {
message: 'If you are interested or have any questions, please contact us!', message: 'If you are interested or have any questions, please contact us!',
impressum: 'Impressum', impressum: 'Impressum',
dataprotection: 'Data protection', dataprotection: 'Data protection',
agb: 'AGB' agb: 'AGB',
rightofwithdrawal: 'Widerrufsrecht',
competitionconditions: 'Gewinnspielbedingungen'
},
menu: {
home: 'Home',
about: 'About',
products: 'Products',
shopping: 'Shop',
social: 'Social',
contact: 'Contact'
},
about: {
title: 'About us',
subtitle1: 'Tayrona Foods',
paragraph1: 'We are a team of coffee lovers, whose dream is to share the wonders of this product with the world through exceptional experiences. We aim to showcase its unique and unforgettable aromas, the vast diversity of its flavors, and above all, its ability to captivate the senses',
paragraph2: 'Growing up among delicious flavors of street food and picturesque coffee plantations in Colombia, combined with our backgrounds in agricultural engineering, business administration, and international trade, as well as our time spent living in the United States, Spain, and Germany, have provided us with a variety of ideas and new experiences.Our goal is to bring coffee culture to the world and, in doing so, support the farmers in our country.',
subtitle2: 'About Us',
paragraph3:'With over 10 years of experience, we have successfully developed a deep understanding of the characteristics that enhance the quality and flavor of coffee, as well as Latin American and Spanish cuisine. From selecting the finest raw materials to meticulous high-quality processing, we know precisely what it takes to deliver exceptional products and take our customers on a culinary journey with authentic and unique flavors.',
subtitle3: 'And, of course, we enjoy every opportunity to visit our former home!',
},
origins: {
header: 'A unique blend of the best coffee beans from the mountains of Latin America and Uganda.',
brazil: 'Brasil',
brazil_description: 'Coffeee 100%',
peru: 'Perú',
peru_description: 'Coffeee 100%',
colombia: 'Colombia',
colombia_description: 'Coffeee 100%',
uganda: 'Uganda',
uganda_description: 'Coffeee 100%',
},
different: {
header: 'Why we are different?',
subheader:'We don’t just make your coffee, we make your day!',
subheader1:'Great ideas start with excellent coffee and we´ll help you achieve it.',
beans: {
title: 'Supreme Beans',
description: 'Beans that provide great flavor',
},
quality: {
title: 'High quality',
description: 'The highest quality standards',
},
extraordinary: {
title: 'Extraordinary',
description: 'Exceptional flavor',
},
affordable: {
title: 'Prices',
description: 'The best prices in the market',
},
},
coffeefarmers: {
title: 'Enjoy the experience of the best coffee beans, from origin to your cup.',
},
certifications: {
title1: 'Memberships',
title2:'Partners Certifications'
},
products_page: {
title: 'V',
title1: 'elemento',
subtitle1: 'Indigenous cultures have always had a close relationship with their natural environment, finding harmony with the four elements: fire, water, air, and earth, the meaning of their lives, and it is this close relationship that beautifully describes our series of coffees.',
download: 'Download here our portfolio',
},
products: {
brasil_de_andrade: {
title: 'Eart',
slogan: 'Born to create',
description: 'Eart, Our quest for the perfect coffee begins with the earth. We actively seek out the best coffee farms worldwide, where nutrient-rich soils form the foundation for producing high-quality coffee beans. From the fertile plantations of Latin America to the exotic growing regions of Africa, we prioritize sustainability and fair trade practices.',
name: 'Brasil de Andrade',
farm: 'Capim Branco',
strain: '100% Arábica',
country: 'Brasil/ Cerrado, Carmo do paranaiba',
height: '1.100 m',
revision: 'Sun dried',
harvest: 'Carefully selected',
profile: '1/4',
taste: 'Chocolate, light fruit acid.',
texture: 'Slightly spicy'
},
colombia_el_paseito: {
title: 'Water',
slogan: 'Born to feel',
description: `Water plays a vital role in brewing coffee.
Therefore, we only use top-quality water that perfectly suits the individual requirements of each coffee.
The right quantity and quality of water unlock the aromas and flavors in every cup.`,
name: 'Colombia El Pastelito',
farm: 'La Mejorana',
strain: '100% Arábica',
country: 'Colombia /Quimbaya, Quindío',
height: '1.470 m',
revision: 'Sun dried',
harvest: 'Carefully selected',
profile: '3/4',
taste: 'Caramel milk.',
texture: ''
},
peru_grad_1: {
title: 'Air',
slogan: 'Born to inspire',
description: `Air is another essential part of our coffee passion, We place great importance on freshly roasted coffee beans that retain their unmistakable aroma and flavor.
That's why we roast in small batches to ensure that every cup you enjoy is filled with freshness and aroma.`,
name: 'Perú Grad 1',
farm: 'Yakumama',
strain: '100% Arábica',
country: 'Perú / Puno, Sandia',
height: '1.800 m',
revision: 'Sun dried',
harvest: 'Carefully selected',
profile: '3/4',
taste: '',
texture: ''
},
uganda_gnoma: {
title: 'Fire',
slogan: 'Born to succeed',
description: `The fire, the passion that resonates in every step of our work.
From selecting green coffee varieties to carefully roasting and loving brewing, we are there with heart and soul to offer you an extraordinary coffee experience.`,
name: 'Uganda Ngoma',
farm: 'Espresso',
strain: '100% Robusta',
country: 'Uganda / Wakiso District',
height: '1.250 m',
revision: 'Sun dried',
harvest: 'Carefully selected',
profile: '4/4',
taste: '',
texture: ''
},
uganda_gnoma_cream: {
title:'Earth',
slogan: 'Born to create',
description: `El fuego, la pasión que resuena en cada paso de nuestro trabajo.
Desde la selección de variedades de café verde hasta el cuidadoso tostado y la preparación amorosa, estamos allí con alma y corazón para ofrecerte una experiencia de café extraordinaria.`,
name: 'Uganda Ngoma',
farm: 'Caffeè crema ',
strain: '100% Robusta',
country: 'Uganda / Wakiso District',
height: '1.250 m',
revision: 'Sun dried',
harvest: 'Carefully selected',
profile: '1/4',
taste: 'Zartbitterschokolade',
texture: 'sanft'
},
},
labels: {
country: 'Country / Region',
height: 'Height',
revision: 'Revision',
harvest: 'Harvest',
profile: 'Profile',
taste: 'Taste',
texture: 'Texture'
},
social: {
title: 'Committed to our community',
paragraph1: 'We believe in the power of coffee to connect people, enrich cultures, and bring about positive change. That\'s why we have a special program for every bag of coffee you purchase, you will be contributing 5 euro cents towards an elementary school in Colombia.',
paragraph2: 'We want future generations to have a better education that enables them to make their dreams come true. That\'s why we work closely with local coffee growers to source high-quality beans directly from the growing region. Every cup of coffee you enjoy with us is, therefore, a small contribution to sustainable development and the appreciation of our wonderful homeland.',
paragraph3:'Join our coffee revolution and discover a new dimension of flavors.',
paragraph4:'Immerse yourself in the world of Tayrona Foods, where coffee is not just a passion but also a source of change and support for those who need it most.',
title2: 'Cafeteritos Ancestrales',
paragraph5: 'In V-Elemento, we believe that the future is built upon the roots of our past. For this reason, we are very proud to support social initiatives like "Cafeteritos Ancestrales," a project developed by the community of small coffee growers in Palmor - Sierra Nevada de Santa Marta. Through this project, our children are educated in barista skills, coffee cultivation, and coffee processing. By investing in the future generations of coffee growers, we are ensuring a sustainable future that will enable us to continue bringing the world\'s best coffee to your table.',
},
common: {
earth: 'Earth',
water: 'Water',
air: 'Air',
fire: 'Fire',
company_name: 'Tayrona Foods',
rol_managing_partner: 'Managing Partner',
download: 'Download'
},
contact:{
title: 'Contact',
paragraph1:'If you are interested or have any questions, please <a class="link" href="https://tayronafoods.myshopify.com/pages/contact" target="_blank">contact us!</a>',
paragraph2: 'Email',
paragraph3: 'info{\'@\'}tayronafoods.com',
paragraph4: 'alejandro{\'@\'}tayronafoods.com',
paragraph5: 'jose{\'@\'}tayronafoods.com',
paragraph6: 'Phones',
paragraph7: '+49(0)176 321 368 59',
paragraph8: '+49(0)152 549 389 62',
paragraph9: 'Social networks',
paragraph10: 'Instagram'
},
gdpr: {
text: 'This website uses cookies to ensure you the best experience on our website.',
accept: 'Accept',
reject: 'Reject',
policy: 'Privacy Policy',
} }
} }

162
src/i18n/es.js
View File

@@ -4,17 +4,26 @@ export default {
message: 'Si está interesado o tiene alguna pregunta, ¡contáctenos!', message: 'Si está interesado o tiene alguna pregunta, ¡contáctenos!',
impressum: 'Impressum', impressum: 'Impressum',
dataprotection: 'Protección de Datos', dataprotection: 'Protección de Datos',
agb: 'AGB' agb: 'AGB',
rightofwithdrawal: 'Widerrufsrecht',
competitionconditions: 'Gewinnspielbedingungen'
}, },
menu: { menu: {
home: 'Inicio', home: 'Inicio',
about: 'Quiénes Somos', about: 'Quiénes Somos',
products: 'Producto', products: 'Productos',
shopping: 'Tienda',
social: 'Proyecto Social', social: 'Proyecto Social',
contact: 'Contacto' contact: 'Contacto'
}, },
about: { about: {
title: 'Quiénes Somos', title: 'Quiénes Somos',
subtitle1: 'Tayrona Foods',
paragraph1: 'Somos un equipo amantes del café, cuyo sueño es a través de experiencias excepcionales compartir con el mundo las maravillas de este producto, sus únicos e inolvidables aromas, la amplia diversidad de sus matices y sobre todo su capacidad de cautivar los sentidos.',
paragraph2: 'Hemos crecido entre los deliciosos sabores de la comida callejera y las pintorescas plantaciones de café de Colombia, esto sumado a nuestra formación en la ingeniería agrícola, la administración de empresas y los negocios internacionales, así como la vida en los Estados Unidos, España y Alemania nos han aportado una variedad de ideas y nuevas experiencias para llevar la cultura del café al mundo y de la mano apoyar a los campesinos de nuestro país.',
subtitle2: 'Nuestra Historia',
paragraph3: 'Con más de 10 años de experiencia hemos logrado desarrollar una profunda comprensión de las características que hacen del café y de los alimentos latinoamericanos y españoles para potenciar su calidad y sabor. Desde la selección de materias primas hasta el procesamiento más cuidadoso y de calidad, sabemos exactamente lo que es importante para ofrecer productos excepcionales y llevar a nuestros clientes a un viaje culinario con sabores auténticos e inigualables.',
subtitle3: 'Y por supuesto: ¡Nos gusta aprovechar cada oportunidad para visitar nuestro antiguo hogar!',
}, },
origins: { origins: {
header: 'Una mezcla única de los mejores granos de café de las montañas de Latinoamerica y Uganda.', header: 'Una mezcla única de los mejores granos de café de las montañas de Latinoamerica y Uganda.',
@@ -30,6 +39,7 @@ export default {
different: { different: {
header: '¿Por qué somos diferentes?', header: '¿Por qué somos diferentes?',
subheader: '¡No solo hacemos tu café, hacemos tu día!', subheader: '¡No solo hacemos tu café, hacemos tu día!',
subheader1: 'Las grandes ideas comienzan con un excelente café, te ayudaremos a lograrlo.',
beans: { beans: {
title: 'Granos Supremos', title: 'Granos Supremos',
description: 'Granos proporcionan gran sabor', description: 'Granos proporcionan gran sabor',
@@ -43,14 +53,156 @@ export default {
description: 'Sabor inigualable', description: 'Sabor inigualable',
}, },
affordable: { affordable: {
title: 'Precio asequible', title: 'Precio',
description: 'Los mejores precios del mercado', description: 'Los mejores precios del mercado',
}, },
}, },
coffeefarmers: { coffeefarmers: {
title: 'Por los caficultores apasionados, los amantes del buen tueste y los que nunca se rinden.', title: '“ Disfruta de la experiencia de los mejores granos de café, desde el origen hasta tu taza”.',
}, },
certifications: { certifications: {
title: 'Nuestras certificaciones' title1: 'Membresías',
title2:'Nuestros Aliados'
}, },
products_page: {
title: 'V',
title1: 'elemento',
subtitle1: 'Las culturas indígenas siempre han tenido una estrecha relación con su entorno natural, encontrando en la armonía con los cuatro elementos: fuego, agua, aire y tierra, el sentido de sus vidas, y es esta misma relación la que describe maravillosamente nuestra serie de cafés.',
title2: 'Accesorios',
title3: 'Wasserkocher mit Filter',
download: 'Descarga aquí nuestro portafolio',
},
products: {
brasil_de_andrade: {
title:'Tierra',
slogan: 'Nacido para crear',
description: 'La tierra, buscamos activamente las mejores fincas cafeteras a nivel mundial donde suelos ricos en nutrientes son la base para formar granos de café de alta calidad. Desde las fértiles plantaciones de América Latina hasta las exóticas zonas de cultivo de África, nos centramos en la sostenibilidad y el comercio justo.',
name: 'Brasil de Andrade',
farm: 'Capim Branco',
strain: '100% Arábica',
country: 'Brasil/ Cerrado, Carmo do paranaiba',
height: '1.100 m',
revision: 'Secado al sol',
harvest: 'Seleccionado cuidadósamente',
profile: '1/4',
taste: 'Chocolate, ligero ácido de frutas.',
texture: 'Ligeramente picante'
},
colombia_el_paseito: {
title:'Agua',
slogan: 'Nacido para sentir',
description: `El agua, juega un papel decisivo en la preparación del café.
Por lo tanto, solo utilizamos agua de primera clase que se adapta perfectamente a los requisitos individuales de cada café.
La cantidad y calidad correcta del agua despliega los aromas y sabores en cada taza.`,
name: 'Colombia El Pastelito',
farm: 'La Mejorana',
strain: '100% Arábica',
country: 'Colombia /Quimbaya, Quindío',
height: '1.470 m',
revision: 'Secado al sol',
harvest: 'Seleccionado cuidadósamente',
profile: '3/4',
taste: 'Leche acaramelada.',
texture: 'Lleno'
},
peru_grad_1: {
title:'Aire',
slogan: 'Nacido para inspirar',
description: `El aire, es otra parte esencial de nuestra pasión por el café, damos gran importancia a los granos de café recién tostados que conservan su aroma y sabor inconfundibles.
Es por eso que tostamos en pequeños lotes para asegurarnos de que cada taza que disfrutes esté llena de frescura y aroma.`,
name: 'Perú Grad 1',
farm: 'Yakumama',
strain: '100% Arábica',
country: 'Perú / Puno, Sandia',
height: '1.800 m',
revision: 'Secado al sol',
harvest: 'Seleccionado cuidadósamente',
profile: '3/4',
taste: '-',
texture: '-'
},
uganda_gnoma: {
title:'Fuego',
slogan: 'Nacido para triunfar',
description: `El fuego, la pasión que resuena en cada paso de nuestro trabajo.
Desde la selección de variedades de café verde hasta el cuidadoso tostado y la preparación amorosa, estamos allí con alma y corazón para ofrecerte una experiencia de café extraordinaria.`,
name: 'Uganda Ngoma',
farm: 'Espresso ',
strain: '100% Robusta',
country: 'Uganda / Wakiso District',
height: '1.250 m',
revision: 'Secado al sol',
harvest: 'Seleccionado cuidadósamente',
profile: '4/4',
taste: '-.',
texture: '-'
},
uganda_gnoma_cream: {
title:'Tierra',
slogan: 'Nacido para crear',
description: `El fuego, la pasión que resuena en cada paso de nuestro trabajo.
Desde la selección de variedades de café verde hasta el cuidadoso tostado y la preparación amorosa, estamos allí con alma y corazón para ofrecerte una experiencia de café extraordinaria.`,
name: 'Uganda Ngoma',
farm: 'Caffeè crema ',
strain: '100% Robusta',
country: 'Uganda / Wakiso District',
height: '1.250 m',
revision: 'Secado al sol',
harvest: 'Seleccionado cuidadósamente',
profile: '1/4',
taste: '-.',
texture: '-'
},
},
labels: {
country: 'País / Región',
height: 'Altura',
revision: 'Revisión',
harvest: 'Cosecha',
profile: 'Perfil',
taste: 'Gusto',
texture: 'Textura'
},
social: {
title: 'Comprometidos con nuestra comunidad',
paragraph1: 'Creemos en el poder del café para conectar a la gente, enriquecer las culturas y hacer cambios positivos. Por esta razón tenemos un programa especial, por cada bolsa de café que compres estarás contribuyendo con 5 céntimos de euro para una escuela primaria en Colombia.',
paragraph2: 'Nos gustaría que futuras generaciones tengan una mejor educación que les permita hacer sus sueños una realidad, por eso trabajamos en estrecha colaboración con los productores locales de café para obtener granos de alta calidad directamente de la región de cultivo. Cada taza de café que disfrutas con nosotros es, por lo tanto, una pequeña contribución al desarrollo sostenible y a la apreciación de nuestra maravillosa patria.',
paragraph3:'Forma parte de nuestra revolución del café y descubre una nueva dimensión de sabores.',
paragraph4:'Sumérgete en el mundo de Tayrona Foods, donde el café no solo es una pasión, sino también una fuente de cambio y apoyo para quienes más lo necesitan.',
title2: 'Cafeteritos Ancestrales',
paragraph5: 'Para V-Elemento el futuro se construye desde las raíces de nuestro pasado, y por ello estamos muy orgullosos de apoyar iniciativas sociales como “cafeteritos ancestrales”, un proyecto desarrollado por la comunidad de pequeños cultivadores de Palmor – Sierra Nevada de Santa Marta, en que a través de la formación de los más pequeños en barismo, cultivo y transformación del café estamos apostando por las nuevas generaciones de caficultores, para asegurar un futuro sostenible que nos permita seguir llevando a sus mesas el mejor café del mundo.'
},
common: {
earth: 'Tierra',
water: 'Agua',
air: 'Aire',
fire: 'Fuego',
company_name: 'Tayrona Foods',
rol_managing_partner: 'Managing Partner',
download: 'Descargar'
},
contact:{
title: 'Contacto',
paragraph1: 'Si está interesado o tiene alguna pregunta, <a class="link" href="https://tayronafoods.myshopify.com/pages/contact" target="_blank">¡contáctenos!</a>',
paragraph2: 'Correo Electrónico',
paragraph3: 'info{\'@\'}tayronafoods.com',
paragraph4: 'alejandro{\'@\'}tayronafoods.com',
paragraph5: 'jose{\'@\'}tayronafoods.com',
paragraph6: 'Teléfonos',
paragraph7: '+49(0)176 321 368 59',
paragraph8: '+49(0)152 549 389 62',
paragraph9: 'Redes Sociales',
paragraph10: 'Instagram'
},
gdpr: {
text: 'Este sitio web utiliza cookies para garantizarle la mejor experiencia en nuestro sitio web.',
accept: 'Aceptar',
reject: 'Rechazar',
policy: 'Política de Privacidad',
}
} }

4
src/i18n/i18n.js
View File

@@ -4,8 +4,8 @@ import en from "./en";
import de from "./de"; import de from "./de";
const i18n = createI18n({ const i18n = createI18n({
locale: 'es', locale: navigator.language.split('-')[0] || 'de',
fallbackLocale: 'en', fallbackLocale: 'es',
messages: { messages: {
es, es,
en, en,

6
src/main.js
View File

@@ -2,14 +2,20 @@ import { createApp } from 'vue'
import router from './router/router'; import router from './router/router';
import i18n from './i18n/i18n'; import i18n from './i18n/i18n';
import VueMobileDetection from 'vue-mobile-detection'; import VueMobileDetection from 'vue-mobile-detection';
import VueGtag from "vue-gtag";
import './style.css' import './style.css'
import App from './App.vue' import App from './App.vue'
import helper from './plugins/helper';
const app = createApp(App); const app = createApp(App);
app.use(router); app.use(router);
app.use(VueMobileDetection); app.use(VueMobileDetection);
app.use(i18n); app.use(i18n);
app.use(helper);
app.use(VueGtag, {
bootstrap: false,
})
app.mount('#app'); app.mount('#app');

12
src/plugins/helper.js Normal file
View File

@@ -0,0 +1,12 @@
const getImage = (image) => {
const imageURL = new URL(`/src/assets/images/${image}`, import.meta.url).href;
return imageURL || '';
}
export default {
install: (app, options) => {
app.config.globalProperties.$helper = {
getImage,
};
},
}

64
src/router/router.js
View File

@@ -3,22 +3,78 @@ import { createRouter, createWebHashHistory } from "vue-router";
import HomeView from '../views/home/Home.vue'; import HomeView from '../views/home/Home.vue';
import AboutView from '../views/about/About.vue'; import AboutView from '../views/about/About.vue';
import ProductsView from '../views/products/Products.vue'; import ProductsView from '../views/products/Products.vue';
import SocialView from '../views/social/Social.vue';
import ContactView from '../views/contact/Contact.vue';
import ImpressumView from '../views/impressum/Impressum.vue';
import DataProtectionView from '../views/dataprotection/DataProtection.vue';
import AgbView from '../views/agb/Agb.vue';
import StoreView from '../views/store/StoreView.vue';
import Gewinnspielbedingungen from '../views/gewinnspielbedingungen/Gewinnspielbedingungen.vue';
import Widerrufsrecht from '../views/widerrufsrecht/Widerrufsrecht.vue';
const router = createRouter({ const router = createRouter({
history: createWebHashHistory(), history: createWebHashHistory(),
routes: [{ routes: [
{
path: '/', path: '/',
name: 'home', name: 'home',
component: HomeView, component: HomeView,
}, { },
{
path: '/about', path: '/about',
name: 'about', name: 'about',
component: AboutView, component: AboutView,
}, { },
{
path: '/products', path: '/products',
name: 'products', name: 'products',
component: ProductsView, component: ProductsView,
}] },
{
path: '/social',
name: 'social',
component: SocialView,
},
{
path: '/contact',
name: 'contact',
component: ContactView,
},
{
path: '/impressum',
name: 'impressum',
component: ImpressumView,
},
{
path: '/dataprotection',
name: 'dataprotection',
component: DataProtectionView,
},
{
path: '/agb',
name: 'agb',
component: AgbView,
},
{
path: '/store',
name: 'store',
component: StoreView,
},
{
path: '/gewinnspielbedingungen',
name: 'gewinnspielbedingungen',
component: Gewinnspielbedingungen,
},
{
path: '/widerrufsrecht',
name: 'widerrufsrecht',
component: Widerrufsrecht,
},
],
scrollBehavior(to, from, savedPosition) {
// always scroll to top
return { top: 0 }
},
}); });
export default router; export default router;

52
src/style.css
View File

@@ -38,9 +38,57 @@ body {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
background-color: #121212
}
button {
background-color: #ffcd00;
border: 0;
color: #fff;
padding: 8px 8px;
border-radius: 4px;
cursor: pointer;
font-weight: 600;
}
button.secondary {
background-color: #fff;
color: #ffcd00;
} }
.main-container { .main-container {
width: 1366px; width: 960px;
margin: 0 auto; margin: 0 auto;;
}
.text-centered {
text-align: center !important;
}
.mt-1 {
margin-top: 8px !important;
}
.mt-2 {
margin-top: 16px !important;
}
.mt-3 {
margin-top: 24px !important;
}
.mt-4 {
margin-top: 32px !important;
}
.mt-5 {
margin-top: 40px !important;
}
.mt-6 {
margin-top: 48px;
}
a, .link {
color: #442808;
}
@media only screen and (max-width: 960px) {
.main-container {
width: 100%;
}
} }

58
src/views/about/About.vue
View File

@@ -1,53 +1,31 @@
<script setup> <script setup>
import MenuVue from "../../components/Menu.vue"; import BigCarousel from '../../components/BigCarousel.vue';
import Employee from "../../components/Employee.vue"; import Employee from "../../components/Employee.vue";
import { slides } from '../../data';
</script> </script>
<template> <template>
<MenuVue type="about" :title="$t('about.title')"></MenuVue> <big-carousel :images="slides.about"></big-carousel>
<section class="about-section"> <section class="about-section content">
<h2>Tayrona Foods</h2> <h2>{{ $t('about.subtitle1') }}</h2>
<p>Somos un equipo de colombianos amantes del café, cuyo sueño es a través de experiencias excepcionales compartir con el mundo las maravillas de este producto, sus únicos e inolvidables aromas, la amplia diversidad de sus matices y sobre todo su capacidad de cautivar los sentidos.</p> <p>{{ $t('about.paragraph1') }}</p>
<p>Hemos crecido entre los deliciosos sabores de la comida callejera y las pintorescas plantaciones de café de Colombia, esto sumado a nuestra formación en la ingeniería agrícola, la administración de empresas y los negocios internacionales, así como la vida en los Estados Unidos, España y Alemania nos han aportado una variedad de ideas y nuevas experiencias para llevar la cultura del café al mundo y de la mano apoyar a los campesinos de nuestro país.</p> <p>{{ $t('about.paragraph2') }}</p>
<h2>Nuestra Historia</h2> <h2>{{ $t('about.subtitle2') }}</h2>
<p>Con más de 10 años de experiencia hemos logrado desarrollar una profunda comprensión de las características que hacen del café y de los alimentos latinoamericanos y españoles para potenciar su calidad y sabor. Desde la selección de materias primas hasta el procesamiento más cuidadoso y de calidad, sabemos exactamente lo que es importante para ofrecer productos excepcionales y llevar a nuestros clientes a un viaje culinario con sabores auténticos e inigualables.</p> <p>{{ $t('about.paragraph3') }}</p>
<h4>Y por supuesto: ¡Nos gusta aprovechar cada oportunidad para visitar nuestro antiguo hogar!</h4> <h4>{{ $t('about.subtitle3') }}</h4>
<div class="employees"> <div class="employees">
<Employee class="employee" image="foto_alejo.png" name="Alejandro Valderrama" role="Managing Partner" /> <Employee class="employee" image="new-alejandro.jpg" name="Alejandro Valderrama" :role="$t('common.rol_managing_partner')" />
<Employee class="employee" image="foto_jose.png" name="José Lacouture" role="Managing Partner" /> <Employee class="employee" image="new-jose.jpg" name="Jose Lacouture" :role="$t('common.rol_managing_partner')" />
</div> </div>
</section> </section>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.about-section { .about-section {
background-color: #000;
color: #fff;
padding: 0 72px 72px;
} }
h2 {
font-size: 52px;
font-weight: 500;
line-height: 70px;
text-align: center;
padding: 72px 0;
}
h4 {
font-size: 32px;
font-weight: 500;
line-height: 70px;
text-align: center;
padding: 72px 264px;
}
p {
font-weight: 500;
font-size: 20px;
line-height: 40px;
text-align: justify;
}
.employees { .employees {
display: flex; display: flex;
@@ -57,4 +35,14 @@
margin: 0 150px; margin: 0 150px;
} }
} }
@media only screen and (max-width: 767px) {
.employees {
flex-direction: column;
.employee {
margin: 0 8px 32px;
}
}
}
</style> </style>

196
src/views/agb/Agb.vue Normal file
View File

@@ -0,0 +1,196 @@
<template>
<div class="contact-section">
<div class="left">
<h2>AGB</h2>
<h2>Allgemeine Geschäftsbedingungen Mit Kundeninformationen </h2>
<br/>
<h4>INHALTSVERZEICHNIS</h4>
<br/>
<h4>Geltungsbereich</h4>
<h4>Vertragsschluss</h4>
<h4>Widerrufsrecht</h4>
<h4>Liefer- und Versandbedingungen</h4>
<h4>Eigentumsvorbehalt</h4>
<h4>Mängelhaftung (Gewährleistung)</h4>
<h4>Anwendbares Recht</h4>
<h4>Gerichtsstand</h4>
<h4>Alternative Streitbeilegung</h4>
<h3>GELTUNGSBEREICH</h3>
<br/>1.1. Diese Allgemeinen Geschäftsbedingungen (nachfolgend “AGB”) der Tayrona Foods
GbR (nachfolgend “Verkäufer”), gelten für alle Verträge zur Lieferung von Waren,
die ein Verbraucher oder Unternehmer (nachfolgend „Kunde“) mit dem Verkäufer hinsichtlich der vom Verkäufer in seinem Online-Shop dargestellten Waren abschließt.
Hiermit wird der Einbeziehung von eigenen Bedingungen des Kunden widersprochen, es sei denn, es ist etwas anderes vereinbart.<br />
<br/>1.2. Verbraucher im Sinne dieser AGB ist jede natürliche Person, die ein Rechtsgeschäft zu Zwecken abschließt,
die überwiegend weder ihrer gewerblichen noch ihrer selbständigen beruflichen Tätigkeit zugerechnet werden können.<br />
<br/>1.3. Unternehmer im Sinne dieser AGB ist eine natürliche oder juristische Person oder eine rechtsfähige Personengesellschaft,
die bei Abschluss eines Rechtsgeschäfts in Ausübung ihrer gewerblichen oder selbständigen beruflichen Tätigkeit handelt.<br />
<h3>VERTRAGSSCHLUSS</h3>
<br/>2.1. Die im Online-Shop des Verkäufers enthaltenen Produktbeschreibungen stellen keine verbindlichen Angebote seitens des Verkäufers dar,
sondern dienen zur Abgabe eines verbindlichen Angebots durch den Kunden.<br />
<br/>2.2. Der Kunde kann das Angebot über das in den Online-Shop des Verkäufers integrierte Online-Bestellformular abgeben. Dabei gibt der Kunde,
nachdem er die ausgewählten Waren in den virtuellen Warenkorb gelegt und den elektronischen Bestellprozess durchlaufen hat,
durch Klicken des den Bestellvorgang abschließenden Buttons ein rechtlich verbindliches Vertragsangebot in Bezug auf die im Warenkorb enthaltenen Waren ab.
Ferner kann der Kunde das Angebot auch telefonisch, per E-Mail oder Online-Kontaktformular gegenüber dem Verkäufer abgeben.<br />
<br/>2.3. Der Verkäufer kann das Angebot des Kunden innerhalb von fünf Tagen annehmen,
indem er dem Kunden eine schriftliche Auftragsbestätigung oder eine Auftragsbestätigung in Textform (Fax oder E-Mail) übermittelt,
wobei insoweit der Zugang der Auftragsbestätigung beim Kunden maßgeblich ist, oder indem er dem Kunden die bestellte Ware liefert,
wobei insoweit der Zugang der Ware beim Kunden maßgeblich ist, oder indem er den Kunden nach Abgabe von dessen Bestellung zur Zahlung auffordert.
Liegen mehrere der vorgenannten Alternativen vor, kommt der Vertrag in dem Zeitpunkt zustande, in dem eine der vorgenannten Alternativen zuerst eintritt.
Die Frist zur Annahme des Angebots beginnt am Tag nach der Absendung des Angebots durch den Kunden zu laufen und endet mit dem Ablauf des fünften Tages,
welcher auf die Absendung des Angebots folgt. Nimmt der Verkäufer das Angebot des Kunden innerhalb vorgenannter Frist nicht an,
so gilt dies als Ablehnung des Angebots mit der Folge, dass der Kunde nicht mehr an seine Willenserklärung gebunden ist.<br />
<br/>2.4. Bei Auswahl einer von PayPal angebotenen Zahlungsart erfolgt die Zahlungsabwicklung über den Zahlungsdienstleister PayPal (Europe) S.à r.l. et Cie, S.C.A., 22-24 Boulevard Royal, L-2449 Luxembourg
(im Folgenden: „PayPal“), unter Geltung der PayPal-Nutzungsbedingungen, einsehbar unter <a href="https://www.paypal.com/de/webapps/mpp/ua/useragreement-full">https://www.paypal.com/de/webapps/mpp/ua/useragreement-full</a> oder-falls der
Kunde nicht über ein PayPal-Konto verfügt-unter Geltung der Bedingungen für Zahlungen ohne PayPal-Konto, einsehbar unter <a href="https://www.paypal.com/de/webapps/mpp/ua/privacywax-full">https://www.paypal.com/de/webapps/mpp/ua/privacywax-full</a>
Zahlt der Kunde mittels einer im Online-Bestellvorgang auswählbaren von PayPal angebotenen Zahlungsart, erklärt der Verkäufer schon jetzt die Annahme des Angebots des Kunden in dem Zeitpunkt,
in dem der Kunde den den Bestellvorgang abschließenden Button anklickt.<br />
<br/>2.5. Bei der Abgabe eines Angebots über das Online-Bestellformular des Verkäufers wird der Vertragstext nach dem Vertragsschluss
vom Verkäufer gespeichert und dem Kunden nach Absendung von dessen Bestellung in Textform (z. B. E-Mail, Fax oder Brief) übermittelt.
Eine darüber hinausgehende Zugänglichmachung des Vertragstextes durch den Verkäufer erfolgt nicht. Sofern der Kunde vor Absendung seiner
Bestellung ein Nutzerkonto im Online-Shop des Verkäufers eingerichtet hat, werden die Bestelldaten auf der Website des Verkäufers archiviert
und können vom Kunden über dessen passwortgeschütztes Nutzerkonto unter Angabe der entsprechenden Login-Daten kostenlos abgerufen werden.<br />
<br/>2.6. Vor verbindlicher Abgabe der Bestellung über das Online-Bestellformular des Verkäufers kann der Kunde mögliche Eingabefehler
durch aufmerksames Lesen der auf dem Bildschirm dargestellten Informationen erkennen. Ein wirksames technisches Mittel zur besseren Erkennung
von Eingabefehlern kann dabei die Vergrößerungsfunktion des Browsers sein, mit deren Hilfe die Darstellung auf dem Bildschirm vergrößert wird.
Seine Eingaben kann der Kunde im Rahmen des elektronischen Bestellprozesses so lange über die üblichen Tastatur- und Mausfunktionen korrigieren,
bis er den den Bestellvorgang abschließenden Button anklickt.<br />
<br/>2.7. Für den Vertragsschluss stehen die deutsche und die englische Sprache zur Verfügung.<br />
<br/>2.8. Die Bestellabwicklung und Kontaktaufnahme finden in der Regel per E-Mail und automatisierter Bestellabwicklung statt. Der Kunde hat sicherzustellen,
dass die von ihm zur Bestellabwicklung angegebene E-Mail-Adresse zutreffend ist, so dass unter dieser Adresse die vom Verkäufer versandten E-Mails empfangen werden können.
Insbesondere hat der Kunde bei dem Einsatz von SPAM-Filtern sicherzustellen, dass alle vom Verkäufer oder von diesem mit der Bestellabwicklung beauftragten Dritten versandten E-Mails zugestellt werden können.<br />
<h3>3. WIDERRUFSRECHT </h3>
<br/>3.1. Verbrauchern steht grundsätzlich ein Widerrufsrecht zu.<br />
<br/>3.2. Nähere Informationen zum Widerrufsrecht ergeben sich aus der Widerrufsbelehrung des Verkäufers.<br />
<h3>4. PREISE UND ZAHLUNGSBEDINGUNGEN</h3>
<br/>4.1. Sofern sich aus der Produktbeschreibung des Verkäufers nichts anderes ergibt, handelt es sich bei den angegebenen Preisen um Gesamtpreise, die die gesetzliche Umsatzsteuer enthalten.
Gegebenenfalls zusätzlich anfallende Liefer- und Versandkosten werden in der jeweiligen Produktbeschreibung gesondert angegeben.<br />
<br/>4.2. Bei Lieferungen in Länder außerhalb der Europäischen Union können im Einzelfall weitere Kosten anfallen, die der Verkäufer nicht zu vertreten hat und die vom Kunden zu tragen sind.
Hierzu zählen beispielsweise Kosten für die Geldübermittlung durch Kreditinstitute (z.B. Überweisungsgebühren, Wechselkursgebühren)
oder einfuhrrechtliche Abgaben bzw. Steuern (z.B. Zölle). Solche Kosten können in Bezug auf die Geldübermittlung auch dann anfallen,
wenn die Lieferung nicht in ein Land außerhalb der Europäischen Union erfolgt, der Kunde die Zahlung aber von einem Land außerhalb der Europäischen Union aus vornimmt.<br />
<br/>4.3. Die Zahlungsmöglichkeit/en wird/werden dem Kunden im Online-Shop des Verkäufers mitgeteilt.<br />
<br/>4.4. Ist Vorauskasse per Banküberweisung vereinbart, ist die Zahlung sofort nach Vertragsabschluss fällig,
sofern die Parteien keinen späteren Fälligkeitstermin vereinbart haben.<br />
<br/>4.5. Bei Auswahl der Zahlungsart „SOFORT“ erfolgt die Zahlungsabwicklung über den Zahlungsdienstleister SOFORT GmbH, Theresienhöhe 12, 80339 München (im Folgenden „SOFORT“).
Um den Rechnungsbetrag über „SOFORT“ bezahlen zu können, muss der Kunde über ein für die Teilnahme an „SOFORT“ frei geschaltetes Online-Banking-Konto verfügen,
sich beim Zahlungsvorgang entsprechend legitimieren und die Zahlungsanweisung gegenüber „SOFORT“ bestätigen. Die Zahlungstransaktion wird unmittelbar danach von „SOFORT“ durchgeführt und das Bankkonto des Kunden belastet.
Nähere Informationen zur Zahlungsart „SOFORT“ kann der Kunde im Internet unter <a href="https://www.klarna.com/sofort/">https://www.klarna.com/sofort/</a> abrufen.<br />
<br/>4.6. Bei Auswahl einer über den Zahlungsdienst “Shopify Payments” angebotenen Zahlungsart erfolgt die Zahlungsabwicklung über
den Zahlungsdienstleister Stripe Payments Europe Ltd., 1 Grand Canal Street Lower, Grand Canal Dock, Dublin, Irland (nachfolgend “Stripe”).
Die einzelnen über Shopify Payments angebotenen Zahlungsarten werden dem Kunden im Online-Shop des Verkäufers mitgeteilt.
Zur Abwicklung von Zahlungen kann sich Stripe weiterer Zahlungsdienste bedienen, für die ggf. besondere Zahlungsbedingungen gelten, auf die der Kunde ggf.
gesondert hingewiesen wird. Weitere Informationen zu “Shopify Payments” sind im Internet unter <a href="https://www.shopify.com/legal/terms-payments-de">https://www.shopify.com/legal/terms-payments-de</a> abrufbar.<br />
<br/>4.7. Bei Auswahl der Zahlungsart Rechnungskauf wird der Kaufpreis fällig, nachdem die Ware geliefert und in Rechnung gestellt wurde.
In diesem Fall ist der Kaufpreis innerhalb von 14 (vierzehn) Tagen ab Erhalt der Rechnung ohne Abzug zu zahlen, sofern nichts anderes vereinbart ist.
Der Verkäufer behält sich vor, die Zahlungsart Rechnungskauf nur bis zu einem bestimmten Bestellvolumen anzubieten und diese Zahlungsart bei Überschreitung des angegebenen Bestellvolumens abzulehnen.
In diesem Fall wird der Verkäufer den Kunden in seinen Zahlungsinformationen im Online-Shop auf eine entsprechende Zahlungsbeschränkung hinweisen.<br />
<br/>4.8. Bei Auswahl der Zahlungsart Kreditkarte via Stripe ist der Rechnungsbetrag mit Vertragsschluss sofort fällig.
Die Zahlungsabwicklung erfolgt über den Zahlungsdienstleister Stripe Payments Europe Ltd., 1 Grand Canal Street Lower, Grand Canal Dock, Dublin, Irland (im Folgenden: „Stripe“).
Stripe behält sich vor, eine Bonitätsprüfung durchzuführen und diese Zahlungsart bei negativer Bonitätsprüfung abzulehnen.<br />
<h3>5. LIEFER- UND VERSANDBEDINGUNGEN</h3>
<br/>5.1. Bietet der Verkäufer den Versand der Ware an, so erfolgt die Lieferung innerhalb des vom Verkäufer angegebenen Liefergebietes
an die vom Kunden angegebene Lieferanschrift, sofern nichts anderes vereinbart ist.
Bei der Abwicklung der Transaktion ist die in der Bestellabwicklung des Verkäufers angegebene Lieferanschrift maßgeblich.
Abweichend hiervon ist bei Auswahl der Zahlungsart PayPal die vom Kunden zum Zeitpunkt der Bezahlung bei PayPal hinterlegte Lieferanschrift maßgeblich.<br />
<br/>5.2. Scheitert die Zustellung der Ware aus Gründen, die der Kunde zu vertreten hat, trägt der Kunde die dem Verkäufer hierdurch entstehenden angemessenen Kosten.
Dies gilt im Hinblick auf die Kosten für die Hinsendung nicht, wenn der Kunde sein Widerrufsrecht wirksam ausübt.
Für die Rücksendekosten gilt bei wirksamer Ausübung des Widerrufsrechts durch den Kunden die in der Widerrufsbelehrung des Verkäufers hierzu getroffene Regelung.<br />
<br/>5.3. Handelt der Kunde als Unternehmer, geht die Gefahr des zufälligen Untergangs und der zufälligen Verschlechterung der verkauften Ware auf den Kunden über,
sobald der Verkäufer die Sache dem Spediteur, dem Frachtführer oder der sonst zur Ausführung der Versendung bestimmten Person oder Anstalt ausgeliefert hat.
Handelt der Kunde als Verbraucher, geht die Gefahr des zufälligen Untergangs und der zufälligen Verschlechterung der verkauften Ware grundsätzlich erst mit
Übergabe der Ware an den Kunden oder eine empfangsberechtigte Person über.
Abweichend hiervon geht die Gefahr des zufälligen Untergangs und der zufälligen Verschlechterung der verkauften Ware auch bei Verbrauchern bereits auf den Kunden über,
sobald der Verkäufer die Sache dem Spediteur, dem Frachtführer oder der sonst zur Ausführung der Versendung bestimmten Person oder Anstalt ausgeliefert hat, wenn der Kunde den Spediteur,
den Frachtführer oder die sonst zur Ausführung der Versendung bestimmte Person oder Anstalt mit der Ausführung beauftragt und der Verkäufer dem Kunden diese Person oder Anstalt zuvor nicht benannt hat.<br />
<br/>5.4. Der Verkäufer behält sich das Recht vor, im Falle nicht richtiger oder nicht ordnungsgemäßer Selbstbelieferung vom Vertrag zurückzutreten.
Dies gilt nur für den Fall, dass die Nichtlieferung nicht vom Verkäufer zu vertreten ist und dieser mit der gebotenen Sorgfalt ein konkretes Deckungsgeschäft mit dem Zulieferer abgeschlossen hat.
Der Verkäufer wird alle zumutbaren Anstrengungen unternehmen, um die Ware zu beschaffen. Im Falle der Nichtverfügbarkeit oder der nur teilweisen Verfügbarkeit der Ware wird der Kunde unverzüglich informiert und die Gegenleistung unverzüglich erstattet.<br />
<br/>5.5. Selbstabholung ist bei uns nicht möglich<br />
<h3>6. EIGENTUMSVORBEHALT</h3>
<br/>Tritt der Verkäufer in Vorleistung, behält er sich bis zur vollständigen Bezahlung des
geschuldeten Kaufpreises das Eigentum an der gelieferten Ware vor.<br />
<h3>7. MÄNGELHAFTUNG (GEWÄHRLEISTUNG)</h3>
<br/>7.1. Soweit sich aus den nachfolgenden Regelungen nichts anderes ergibt,
gelten die Vorschriften der gesetzlichen Mängelhaftung. Hiervon abweichend gilt bei Verträgen zur Lieferung von Waren:<br />
<br/>7.2. Handelt der Kunde als Unternehmer, hat der Verkäufer die Wahl der Art der Nacherfüllung;beträgt bei neuen Waren die Verjährungsfrist für Mängel ein Jahr ab Ablieferung der Ware;
sind bei gebrauchten Waren die Rechte und Ansprüche wegen Mängeln ausgeschlossen; beginnt die Verjährung nicht erneut, wenn im Rahmen der Mängelhaftung eine Ersatzlieferung erfolgt.<br />
<br/>7.3. Die vorstehend geregelten Haftungsbeschränkungen und Fristverkürzungen gelten nicht für Schadensersatz- und Aufwendungsersatzansprüche des Kunden,
für den Fall, dass der Verkäufer den Mangel arglistig verschwiegen hat,für Waren, die entsprechend ihrer üblichen Verwendungsweise für ein Bauwerk verwendet worden sind und dessen Mangelhaftigkeit verursacht haben,
für eine ggf. bestehende Verpflichtung des Verkäufers zur Bereitstellung von Aktualisierungen für digitale Produkte, bei Verträgen zur Lieferung von Waren mit digitalen Elementen.<br />
<br/>7.4. Darüber hinaus gilt für Unternehmer, dass die gesetzlichen Verjährungsfristen für einen ggf. bestehenden gesetzlichen Rückgriffsanspruch unberührt bleiben.<br />
<br/>7.5. Handelt der Kunde als Kaufmann i.S.d. § 1 HGB, trifft ihn die kaufmännische Untersuchungs- und Rügepflicht gemäß § 377 HGB.
Unterlässt der Kunde die dort geregelten Anzeigepflichten, gilt die Ware als genehmigt.<br />
<br/>7.6. Handelt der Kunde als Verbraucher, so wird er gebeten, angelieferte Waren mit offensichtlichen Transportschäden bei dem Zusteller
zu reklamieren und den Verkäufer hiervon in Kenntnis zu setzen.
Kommt der Kunde dem nicht nach, hat dies keinerlei Auswirkungen auf seine gesetzlichen oder vertraglichen Mängelansprüche.<br />
<h3>8. ANWENDBARES RECHT</h3>
<br/>Für sämtliche Rechtsbeziehungen der Parteien gilt das Recht der Bundesrepublik Deutschland unter Ausschluss der Gesetze über den internationalen Kauf beweglicher Waren.
Bei Verbrauchern gilt diese Rechtswahl nur insoweit, als nicht der gewährte Schutz durch zwingende Bestimmungen des Rechts des Staates, in dem der Verbraucher seinen gewöhnlichen
Aufenthalt hat, entzogen wird.<br />
<h3>9. GERICHTSSTAND</h3>
<br/>Handelt der Kunde als Kaufmann, juristische Person des öffentlichen Rechts oder öffentlich-rechtliches Sondervermögen mit Sitz im Hoheitsgebiet der Bundesrepublik Deutschland,
ist ausschließlicher Gerichtsstand für alle Streitigkeiten aus diesem Vertrag der Geschäftssitz des Verkäufers. Hat der Kunde seinen Sitz außerhalb des Hoheitsgebiets der Bundesrepublik Deutschland,
so ist der Geschäftssitz des Verkäufers ausschließlicher Gerichtsstand für alle Streitigkeiten aus diesem Vertrag, wenn der Vertrag oder Ansprüche aus dem Vertrag der beruflichen oder gewerblichen Tätigkeit des Kunden zugerechnet werden können.
Der Verkäufer ist in den vorstehenden Fällen jedoch in jedem Fall berechtigt, das Gericht am Sitz des Kunden anzurufen.<br />
<h3>10. ALTERNATIVE STREITBEILEGUNG</h3>
<br/>10.1. Die EU-Kommission stellt im Internet unter folgendem Link eine Plattform zur Online-Streitbeilegung bereit: <a href="https://ec.europa.eu/consumers/odr">https://ec.europa.eu/consumers/odr</a><br />
<br/>Diese Plattform dient als Anlaufstelle zur außergerichtlichen Beilegung von Streitigkeiten aus Online-Kauf- oder Dienstleistungsverträgen, an denen ein Verbraucher beteiligt ist.<br />
<br/>10.2. Der Verkäufer ist zur Teilnahme an einem Streitbeilegungsverfahren vor einer
Verbraucherschlichtungsstelle weder verpflichtet noch bereit.<br />
</div>
</div>
</template>
<script>
export default {
};
</script>
<style lang="scss" scoped>
.contact-section {
min-height: 100px;
background-color: #fff;
.left {
padding: 72px 80px;
}
h1 {
font-weight: 400;
font-size: 64px;
line-height: 75px;
}
h3 {
margin-top: 54px;
font-weight: 500;
font-size: 18px;
line-height: 24px;
}
p {
font-weight: 400;
font-size: 20px;
line-height: 24px;
}
}
</style>

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