Compare commits

..

No commits in common. "d1b38f50522388a5345f434b80405fb2d44da9cd" and "fc3fa21b519e5af698de0b7bc1b842d27be65fac" have entirely different histories.

55 changed files with 271 additions and 1072 deletions

View File

@ -1,42 +1,30 @@
<script> <script>
import Footer from './components/Footer.vue'; import Footer from './components/Footer.vue';
import Menu from './components/Menu.vue';
const pagesWithCarousel = [
'home', 'social', 'about', 'products'
];
export default { export default {
data() { data() {
return { return {
stickyClass: '' sticky: false
} }
}, },
components: { Footer, Menu }, components: { Footer },
created() { created() {
window.addEventListener('scroll', this.handleScroll); window.addEventListener('scroll', this.handleScroll);
}, },
destroyed() { destroyed() {
window.removeEventListener('scroll', this.handleScroll); window.removeEventListener('scroll', this.handleScroll);
}, },
beforeRouteEnter() { computed: {
this.stickyClass = ''; stickyClass() {
return `${this.sticky ? 'has-sticky' : ''}`;
}
}, },
methods: { methods: {
handleScroll() { handleScroll() {
console.log('this.$route.name :>> ', this.$route.name); if (this.$route.name === 'contact') {
if (!pagesWithCarousel.includes(this.$route.name)) { return false;
this.stickyClass = 'has-sticky has-sticky-1'
return;
}
if (window.scrollY > 0 && window.scrollY <= 574) {
this.stickyClass = 'has-sticky has-sticky-0';
} else if(window.scrollY > 574) {
this.stickyClass = 'has-sticky has-sticky-1';
} else {
this.stickyClass = '';
} }
this.sticky = window.scrollY > 60;
}, },
}, },
} }
@ -44,34 +32,27 @@
<template> <template>
<div class="main-container" :class="stickyClass"> <div class="main-container" :class="stickyClass">
<Menu /> <RouterView />
<div class="content-wrapper">
<RouterView />
</div>
<Footer></Footer> <Footer></Footer>
</div> </div>
</template> </template>
<style lang="scss"> <style lang="scss">
.content-wrapper {
padding-top: 130px;
background-color: #000;
}
.content { .content {
background-color: #000; background-color: #000;
color: #fff; color: #fff;
padding: 0 72px 72px; padding: 0 72px 72px;
h2 { h2 {
font-size: 36px; font-size: 52px;
font-weight: 500; font-weight: 500;
line-height: 50px; line-height: 70px;
text-align: center; text-align: center;
padding: 52px 0; padding: 72px 0;
} }
h4 { h4 {
font-size: 24px; font-size: 32px;
font-weight: 500; font-weight: 500;
line-height: 70px; line-height: 70px;
text-align: center; text-align: center;
@ -88,5 +69,9 @@
text-align: center; text-align: center;
} }
} }
.has-sticky & {
margin-top: 120px;
}
} }
</style> </style>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 255 KiB

BIN
src/assets/images/bg_1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 243 KiB

After

Width:  |  Height:  |  Size: 918 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 860 KiB

After

Width:  |  Height:  |  Size: 887 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 754 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 182 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 705 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 162 KiB

BIN
src/assets/images/kids.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

View File

@ -1,306 +0,0 @@
<?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>

Before

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 233 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 170 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 146 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 191 KiB

After

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 75 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 148 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 123 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 530 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 810 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

View File

@ -1,40 +0,0 @@
<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>

View File

@ -13,7 +13,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.coffeefarmers { .coffeefarmers {
height: 480px; height: 590px;
background: white; background: white;
background-image: url('@images/grains.jpg'); background-image: url('@images/grains.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
@ -22,8 +22,8 @@ export default {
} }
h3.header { h3.header {
font-weight: 600; font-weight: 400;
font-size: 36px; font-size: 48px;
line-height: 58px; line-height: 58px;
padding: 175px 230px 0; padding: 175px 230px 0;
text-align: center; text-align: center;

View File

@ -24,7 +24,7 @@ export default {
.name { .name {
margin: 36px 0 0; margin: 36px 0 0;
font-weight: 700; font-weight: 700;
font-size: 24px; font-size: 32px;
line-height: 28px; line-height: 28px;
padding: 0; padding: 0;
} }
@ -32,7 +32,7 @@ export default {
.role { .role {
margin: 28px 0 0; margin: 28px 0 0;
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 20px;
line-height: 23.44px; line-height: 23.44px;
padding: 0; padding: 0;
} }

View File

@ -16,7 +16,7 @@
<script> <script>
const locales = { const locales = {
de: 'Deutsch', // de: 'Deutsche',
en: 'English', en: 'English',
es: 'Español' es: 'Español'
} }

View File

@ -2,68 +2,65 @@
import LocaleSelector from './LocaleSelector.vue'; import LocaleSelector from './LocaleSelector.vue';
export default { export default {
components: { LocaleSelector }, props: {
type: String,
title: String,
},
components: { LocaleSelector },
} }
</script> </script>
<template> <template>
<section class="menu"> <section class="menu" :class="type">
<nav> <div class="overlay">
<img class="logo" src="@images/tayrona-foods-yellow.png" /> <nav>
<div class="links"> <img class="logo" src="@images/logo-kreis_3.png" />
<router-link class="link" to="/">{{ $t('menu.home')}}</router-link> <div class="links">
<router-link class="link" to="/about">{{ $t('menu.about') }}</router-link> <router-link class="link" to="/">{{ $t('menu.home')}}</router-link>
<router-link class="link" to="/products">{{ $t('menu.products') }}</router-link> <router-link class="link" to="/about">{{ $t('menu.about') }}</router-link>
<!-- <router-link class="link" to="/store">{{ $t('Tienda') }}</router-link> --> <router-link class="link" to="/products">{{ $t('menu.products') }}</router-link>
<a href="https://tayronafoods.myshopify.com" target="_blank" class="link">{{ $t('Tienda') }}</a> <router-link class="link" to="/social">{{ $t('menu.social') }}</router-link>
<router-link class="link" to="/social">{{ $t('menu.social') }}</router-link> <router-link class="link" to="/contact">{{ $t('menu.contact') }}</router-link>
<router-link class="link" to="/contact">{{ $t('menu.contact') }}</router-link> <!-- <router-link class="link" to="/social">{{ $t('menu.social') }}</router-link>
<LocaleSelector class="link"></LocaleSelector> <router-link class="link" to="/contact">{{ $t('menu.contact') }}</router-link> -->
</div> <LocaleSelector class="link"></LocaleSelector>
</nav> </div>
</nav>
<h1 class="title" v-if="title">{{ title }}</h1>
</div>
</section> </section>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.menu { .menu {
background-color: transparent; height: 574px;
height: 130px; background-repeat: no-repeat;
position: fixed; background-size: contain;
top: 0px; transition: background-color .3s ease-in-out;
left: 0px;
z-index: 1000;
width: 100%;
.overlay {
.nav-wrapper { width: 100%;
position: relative;
width: 1366px;
height: 100%; height: 100%;
// background: #000; background: linear-gradient(89.82deg, rgba(30, 30, 30, 0.72) -6.88%, rgba(0, 0, 0, 0.18) 87.45%);
} }
nav {
margin: 0 auto;
padding: 16px 50px;
display: grid;
grid-template-columns: auto auto;
background: transparent;
width: 1366px;
height: 100%;
transition: background-color .3s ease-in-out;
.has-sticky-0 & { .title {
background-color: rgba(0, 0, 0, 0.5); color: #fff;
} font-weight: 500;
font-size: 65px;
.has-sticky-1 & { line-height: 70px;
background-color: #000; text-align: right;
} padding: 88px 93px 0;
}
nav {
padding: 24px 93px 0;
display: grid;
grid-template-columns: auto auto;
.logo { .logo {
height: 100px; height: 72px;
width: 100px;; width: 72px;;
} }
.links { .links {
@ -89,7 +86,48 @@ export default {
} }
} }
} }
&.home {
background-image: url('@images/mountains.png');
}
&.about {
background-image: url('@images/coffee1.jpg');
}
&.products {
background-image: url('@images/products.png');
}
&.social {
background-image: url('@images/proysoc.01.png');
}
&.contact {
background-color: #000;
height: 180px;
.overlay {
background: transparent;
}
}
.has-sticky & {
background-color: #121212;
background-image: none;
height: 120px;
position: fixed;
top: 0px;
left: 0px;
z-index: 1000;
width: 100%;
.overlay {
background: #000;
width: 1366px;
margin: 0 auto;
}
.title {
display: none;
}
}
} }
</style> </style>

View File

@ -1,87 +1,63 @@
<template> <template>
<div class="product-box"> <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>
<div class="product-box-image"> <div class="product-box-image">
<img :src="$helper.getImage(product.images[0])" alt="" /> <img :src="$helper.getImage(product.image)" alt="">
</div> </div>
<div class="footer"> <div class="product-box-bottom">
<product-table :product="product"></product-table> <h1>{{ $t(product.name) }}</h1>
<div class="separator"></div>
<p class="farm">{{ $t(product.farm) }}</p>
<p class="strain">{{ $t(product.strain) }}</p>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import ProductTable from "./ProductTable.vue";
export default { export default {
props: { props: {
product: Object, product: Object,
}, }
components: { }
ProductTable,
},
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.product-box { .product-box{
width: 360px; display: inline-block;
height: 480px; width: 560px;
border-radius: 12px; height: 573px;
background-position: top left; background-image: url('@images/bg_1.png');
box-sizing: border-box; background-position: top left;
color: #141218; padding: 24px;
padding: 0 px 0; color: #603809;
h1 {
font-weight: 400;
font-size: 44px;
text-align: left;;
}
.header { &-image {
background-color: #1f1f1f; height: 320px;
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;
.kind-image { &-bottom {
align-self: start; margin-top: 24px;
img { padding: 20px;
width: 40px; background-color: #fff;
height: 181px;
p {
font-weight: 400;
line-height: 22px;
margin: 8px 0;
}
.separator {
border-bottom: 2px solid #603809;
margin-right: 20%;
margin-bottom: 24px;
} }
} }
h2 {
padding: 0px;
font-weight: 500;
font-size: 24px;
text-align: left;
line-height: 32px;
}
h3 {
font-size: 14px;
font-weight: 400;
text-align: left;
}
} }
&-image {
width: 360px;
height: 285px;
img {
width: 100%;
height: 100%;
}
}
}
</style> </style>

View File

@ -1,6 +1,6 @@
<template> <template>
<Carousel class="carousel" :items-to-show="3" :wrap-around="false"> <Carousel class="carousel" :items-to-show="2" :wrap-around="false">
<Slide v-for="product in products" :key="product.name"> <Slide v-for="product in products" :key="product.kind">
<div class="carousel-item"> <div class="carousel-item">
<ProductBox :product="product"></ProductBox> <ProductBox :product="product"></ProductBox>
</div> </div>
@ -8,6 +8,7 @@
<template #addons> <template #addons>
<Navigation /> <Navigation />
<Pagination />
</template> </template>
</Carousel> </Carousel>
</template> </template>
@ -37,7 +38,7 @@ export default {
margin-top: 32px; margin-top: 32px;
&-item { &-item {
min-height: 570px; min-height: 570px;
width: 360px; width: 625px;
font-size: 20px; font-size: 20px;
} }

View File

@ -12,6 +12,9 @@ export default {
toggle() { toggle() {
this.flipped = !this.flipped; this.flipped = !this.flipped;
}, },
translate(val) {
console.log('Vue.$t :>> ', Vue.$t);
}
} }
} }
</script> </script>
@ -20,9 +23,9 @@ export default {
<div class="flip-card" :class="{flipped}" @click="toggle"> <div class="flip-card" :class="{flipped}" @click="toggle">
<div v-if="product" class="flip-card-inner" :class="(product && product.kind) || 'no-product'"> <div v-if="product" class="flip-card-inner" :class="(product && product.kind) || 'no-product'">
<div class="flip-card-front"> <div class="flip-card-front">
<img class="logo" :src="$helper.getImage(product.kind.getImageimage)" /> <img class="logo" :src="$helper.getImage(product.image)" />
<div> <div>
<h3 class="title">{{ $t(product.kind.localized)}}</h3> <h3 class="title">{{ $t(product.kind_localized)}}</h3>
<h3 class="slogan">{{ $t(product.slogan) }}</h3> <h3 class="slogan">{{ $t(product.slogan) }}</h3>
</div> </div>
<div class="description">{{ $t(product.description) }}</div> <div class="description">{{ $t(product.description) }}</div>
@ -36,8 +39,8 @@ export default {
</div> </div>
<div class="info-data"> <div class="info-data">
<div class="info-data-left"> <div class="info-data-left">
<img class="logo" :src="$helper.getImage(product.kind.image)" /> <img class="logo" :src="$helper.getImage(product.image)" />
<p class="kind">{{ $t(product.kind.localized) }}</p> <p class="kind">{{ $t(product.kind_localized) }}</p>
<p class="slogan">{{ $t(product.slogan) }}</p> <p class="slogan">{{ $t(product.slogan) }}</p>
</div> </div>
<div class="info-data-right"> <div class="info-data-right">

View File

@ -1,256 +0,0 @@
<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 {
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;
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;
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>

View File

@ -1,31 +1,11 @@
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 = [ export const products = [
{ {
kind: kinds.earth, kind: 'earth',
kind_localized: 'common.earth',
name: 'products.brasil_de_andrade.name', name: 'products.brasil_de_andrade.name',
images: ['product-brasil-single11.png', 'product-brasil-double1.png',], image: 'logo_tierra.svg',
image_product_single: 'product-brasil-single.png',
image_product_double: 'product-brasil-double.png',
slogan: 'products.brasil_de_andrade.slogan', slogan: 'products.brasil_de_andrade.slogan',
description: 'products.brasil_de_andrade.description', description: 'products.brasil_de_andrade.description',
farm: 'products.brasil_de_andrade.farm', farm: 'products.brasil_de_andrade.farm',
@ -37,11 +17,14 @@ export const products = [
profile: 'products.brasil_de_andrade.profile', profile: 'products.brasil_de_andrade.profile',
taste: 'products.brasil_de_andrade.taste', taste: 'products.brasil_de_andrade.taste',
texture: 'products.brasil_de_andrade.texture' texture: 'products.brasil_de_andrade.texture'
}, },
{ {
kind: kinds.water, kind: 'water',
kind_localized: 'common.water',
name: 'products.colombia_el_paseito.name', name: 'products.colombia_el_paseito.name',
images: ['product-colombia-single11.png', 'product-colombia-double1.png',], image: 'logo_agua.svg',
image_product_single: 'product-colombia-single.png',
image_product_double: 'product-colombia-double.png',
slogan: 'products.colombia_el_paseito.slogan', slogan: 'products.colombia_el_paseito.slogan',
description: 'products.colombia_el_paseito.description', description: 'products.colombia_el_paseito.description',
farm: 'products.colombia_el_paseito.farm', farm: 'products.colombia_el_paseito.farm',
@ -55,9 +38,12 @@ export const products = [
texture: 'products.colombia_el_paseito.texture' texture: 'products.colombia_el_paseito.texture'
}, },
{ {
kind: kinds.air, kind: 'air',
kind_localized: 'common.air',
name: 'products.peru_grad_1.name', name: 'products.peru_grad_1.name',
images: ['product-peru-single11.png', 'product-peru-double1.png',], image: 'logo_aire2.svg',
image_product_single: 'product-peru-single.png',
image_product_double: 'product-peru-double.png',
slogan: 'products.peru_grad_1.slogan', slogan: 'products.peru_grad_1.slogan',
description: 'products.peru_grad_1.description', description: 'products.peru_grad_1.description',
farm: 'products.peru_grad_1.farm', farm: 'products.peru_grad_1.farm',
@ -71,9 +57,12 @@ export const products = [
texture: 'products.peru_grad_1.texture' texture: 'products.peru_grad_1.texture'
}, },
{ {
kind: kinds.fire, kind: 'fire',
kind_localized: 'common.fire',
name: 'products.uganda_gnoma.name', name: 'products.uganda_gnoma.name',
images: ['product-uganda-single11.png', 'product-uganda-double1.png',], image: 'logo_fuego.svg',
image_product_single: 'product-uganda-single.png',
image_product_double: 'product-uganda-double.png',
slogan: 'products.uganda_gnoma.slogan', slogan: 'products.uganda_gnoma.slogan',
description: 'products.uganda_gnoma.description', description: 'products.uganda_gnoma.description',
farm: 'products.uganda_gnoma.farm', farm: 'products.uganda_gnoma.farm',
@ -86,35 +75,4 @@ export const products = [
taste: 'products.uganda_gnoma.taste', taste: 'products.uganda_gnoma.taste',
texture: 'products.uganda_gnoma.texture', texture: 'products.uganda_gnoma.texture',
}, },
]; ];
export const slides = {
home: [
'mountains.jpg',
'coffee1.jpg',
'products.jpg',
'proysoc.01.jpg',
'kids.jpg',
],
about: [
'coffee1.jpg',
'mountains.jpg',
'products.jpg',
'proysoc.01.jpg',
'kids.jpg',
],
social: [
'proysoc.01.jpg',
'kids.jpg',
'mountains.jpg',
'coffee1.jpg',
'products.jpg',
],
products: [
'products.jpg',
'coffee1.jpg',
'mountains.jpg',
'proysoc.01.jpg',
'kids.jpg',
],
};

View File

@ -5,171 +5,5 @@ export default {
impressum: 'Impressum', impressum: 'Impressum',
dataprotection: 'Datenschutz', dataprotection: 'Datenschutz',
agb: 'AGB' agb: 'AGB'
}, }
menu: {
home: 'Home',
about: 'Über uns',
products: 'Produkt',
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 Kaffee-erlebnisse zu bieten und gleichzeitig unsere Heimat Kolumbien zu unterstützen.Bei uns dreht sich alles um die faszinierende Welt des Kaf-fees. Von den einzigartigen Aromen bis zu den vielfältigen Geschmacksnuancen wir laden Sie ein, Ihre Sinne mit unseren köstlichen Kaffeesorten zu verwöhnen.',
paragraph2: 'Wir sind in Kolumbien, zwischen den köstlichen Gerüchen des Streetfoods und den malerischen Kaffeeplantagen,aufgewach-sen. Mit unseren abgeschlossenen Studiengängen als Land-wirtschaftsingenieur und BWLer haben wir unsere Leidenschaft für Essen, Handel und Kaffee vereint.Unsere Lebensstationen in Amerika, Spanien und Deutschland haben uns vielfältige Ein-blicke und Erfahrungen gebracht.',
subtitle2: 'Über uns',
paragraph3: 'Seit über 10 Jahren sind wir im Einkaufsbereich von Kaffee, la-teinamerikanischen und spanischen Delikatessen tätig.In dieser Zeit haben wir ein tiefes Verständnis dafür entwickelt, wel-che 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 an-kommt, um herausragende Produkte anzubieten. Unser Wissen und unsere Expertise ermöglichen es uns, exzellen-te Kaffeesorten und köstliche Delikatessen aus Lateinamerika und Spanien anzubieten. Wir sind stolz darauf, unseren Kunden unvergleichliche Geschmackserlebnisse zu bieten und sie auf eine kulinarische Reise mit authentischen Aromen mitzunehmen. ',
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!',
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: 'Genießen Sie das Erlebnis der besten Kaffeebohnen, vom Ursprung bis zu Ihre Tasse.',
},
certifications: {
title1: 'Mitgliedschaften',
title2:'Unsere Partner'
},
products_page: {
title: 'Origen',
subtitle1: 'Die Indianer haben seit jeher eine enge Beziehung zu ihrer na-türlichen Umgebung. Im Einklang mit den vier Elementen - Feuer,Wasser, Luft und Erde - gestalten sie ihr Leben. Dies beschreibt wunderbar unsere Kaffeereihe.',
},
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: '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: '-'
},
},
labels: {
country: 'País / Región',
height: 'Altura',
revision: 'Revisión',
harvest: 'Cosecha',
profile: 'Perfil',
taste: 'Gusto',
texture: 'Textura'
},
social: {
title: 'Tayrona Foods',
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.'
},
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, ¡contáctenos!',
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'
},
} }

View File

@ -122,7 +122,7 @@ export default {
description: `The fire, the passion that resonates in every step of our work. 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.`, 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', name: 'Uganda Ngoma',
farm: 'Espresso', farm: 'Espresso No3',
strain: '100% Robusta', strain: '100% Robusta',
country: 'Uganda / Wakiso District', country: 'Uganda / Wakiso District',
height: '1.250 m', height: '1.250 m',

View File

@ -9,8 +9,7 @@ export default {
menu: { menu: {
home: 'Inicio', home: 'Inicio',
about: 'Quiénes Somos', about: 'Quiénes Somos',
products: 'Productos', products: 'Producto',
shopping: 'Tienda',
social: 'Proyecto Social', social: 'Proyecto Social',
contact: 'Contacto' contact: 'Contacto'
}, },
@ -55,7 +54,7 @@ export default {
}, },
}, },
coffeefarmers: { coffeefarmers: {
title: 'Disfruta de la experiencia de los mejores granos de café, desde el origen hasta tu taza.', title: 'Disfruta de la experiencia de los mejores granos de café, desde el origen hasta tu taza.',
}, },
certifications: { certifications: {
title1: 'Membresías', title1: 'Membresías',
@ -121,7 +120,7 @@ export default {
description: `El fuego, la pasión que resuena en cada paso de nuestro trabajo. 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.`, 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', name: 'Uganda Ngoma',
farm: 'Espresso ', farm: 'Espresso No3',
strain: '100% Robusta', strain: '100% Robusta',
country: 'Uganda / Wakiso District', country: 'Uganda / Wakiso District',
height: '1.250 m', height: '1.250 m',

View File

@ -8,7 +8,6 @@ import ContactView from '../views/contact/Contact.vue';
import ImpressumView from '../views/impressum/Impressum.vue'; import ImpressumView from '../views/impressum/Impressum.vue';
import DataProtectionView from '../views/dataprotection/DataProtection.vue'; import DataProtectionView from '../views/dataprotection/DataProtection.vue';
import AgbView from '../views/agb/Agb.vue'; import AgbView from '../views/agb/Agb.vue';
import StoreView from '../views/store/StoreView.vue';
const router = createRouter({ const router = createRouter({
history: createWebHashHistory(), history: createWebHashHistory(),
@ -53,11 +52,6 @@ const router = createRouter({
name: 'agb', name: 'agb',
component: AgbView, component: AgbView,
}, },
{
path: '/store',
name: 'store',
component: StoreView,
},
] ]
}); });

View File

@ -1,12 +1,10 @@
<script setup> <script setup>
import BigCarousel from '../../components/BigCarousel.vue'; import MenuVue from "../../components/Menu.vue";
import Employee from "../../components/Employee.vue"; import Employee from "../../components/Employee.vue";
import { slides } from '../../data';
</script> </script>
<template> <template>
<big-carousel :images="slides.about"></big-carousel> <MenuVue type="about" :title="$t('about.title')"></MenuVue>
<section class="about-section content"> <section class="about-section content">
<h2>{{ $t('about.subtitle1') }}</h2> <h2>{{ $t('about.subtitle1') }}</h2>
<p>{{ $t('about.paragraph1') }}</p> <p>{{ $t('about.paragraph1') }}</p>

View File

@ -1,4 +1,5 @@
<template> <template>
<MenuVue type="contact" />
<div class="contact-section"> <div class="contact-section">
<div class="left"> <div class="left">
<h1>Allgemeine Geschäftsbedingungen (AGB)</h1> <h1>Allgemeine Geschäftsbedingungen (AGB)</h1>
@ -56,8 +57,10 @@
</template> </template>
<script> <script>
import MenuVue from "../../components/Menu.vue";
export default { export default {
components: { MenuVue },
}; };
</script> </script>

View File

@ -1,5 +1,6 @@
<template> <template>
<MenuVue type="contact" />
<div class="contact-section"> <div class="contact-section">
<div class="left"> <div class="left">
<h1>{{ $t('contact.title') }}</h1> <h1>{{ $t('contact.title') }}</h1>
@ -19,7 +20,10 @@
</template> </template>
<script> <script>
import MenuVue from '../../components/Menu.vue';
export default { export default {
components: { MenuVue }
} }
</script> </script>

View File

@ -1,42 +1,47 @@
<script> <script>
import BigCarousel from '../../components/BigCarousel.vue';
import Certifications from "../../components/Certifications.vue";
import CoffeeFarmer from "../../components/CoffeeFarmer.vue";
import Different from "../../components/Different.vue";
import Menu from "../../components/Menu.vue";
import ProductCarousel from "../../components/ProductCarousel.vue";
import { products, slides } from "../../data.js";
export default { import Certifications from '../../components/Certifications.vue';
data() { import CoffeeFarmer from '../../components/CoffeeFarmer.vue';
return { import Different from '../../components/Different.vue';
slides: slides.home, import Menu from '../../components/Menu.vue';
products, import ProductCarousel from '../../components/ProductCarousel.vue';
}; import { products } from '../../data.js';
},
components: { export default {
Certifications, data() {
Menu, return {
ProductCarousel, products,
CoffeeFarmer, };
Certifications, },
Different, components: {
BigCarousel, Certifications,
}, Menu,
}; ProductCarousel,
CoffeeFarmer,
Certifications,
Different
},
computed: {
productsCarousel() {
return this.products.map(p => ({
image: p.image_product_single,
name: p.name,
farm: p.farm,
strain: p.strain,
}));
}
},
}
</script> </script>
<template> <template>
<big-carousel :images="slides"></big-carousel> <Menu type="home" />
<section class="home-section content"> <section class="home-section content">
<h2>{{ $t("origins.header") }}</h2> <h2>{{ $t('origins.header') }}</h2>
<ProductCarousel :products="products" /> <ProductCarousel :products="productsCarousel" />
<Different /> <Different />
<CoffeeFarmer class="mt-5" /> <CoffeeFarmer class="mt-5" />
<Certifications /> <Certifications />
</section> </section>
</template>
</template>
<style lang="scss" scoped>
</style>

View File

@ -1,5 +1,6 @@
<template> <template>
<MenuVue type="contact" />
<div class="contact-section"> <div class="contact-section">
<div class="left"> <div class="left">
<h1>Impressum</h1> <h1>Impressum</h1>
@ -18,7 +19,10 @@
</template> </template>
<script> <script>
import MenuVue from '../../components/Menu.vue';
export default { export default {
components: { MenuVue }
} }
</script> </script>

View File

@ -1,22 +1,31 @@
<script> <script>
import MenuVue from "../../components/Menu.vue";
import 'vue3-carousel/dist/carousel.css' import 'vue3-carousel/dist/carousel.css'
import ProductFlipCard from "../../components/ProductFlipCard.vue"; import ProductFlipCard from "../../components/ProductFlipCard.vue";
import Certifications from "../../components/Certifications.vue"; import Certifications from "../../components/Certifications.vue";
import ProductCarouselVue from "../../components/ProductCarousel.vue"; import ProductCarouselVue from "../../components/ProductCarousel.vue";
import BigCarousel from '../../components/BigCarousel.vue'; import { products } from '../../data.js';
import { products, slides } from '../../data.js';
export default { export default {
data() { data() {
return { return {
products, products,
slides: slides.products
}; };
}, },
components: { components: {
MenuVue,
ProductFlipCard, ProductFlipCard,
Certifications, Certifications,
ProductCarouselVue, ProductCarouselVue
BigCarousel },
computed: {
productsCarousel() {
return this.products.map(p => ({
image: p.image_product_double,
name: p.name,
farm: p.farm,
strain: p.strain,
}));
}
}, },
methods: { methods: {
download() { download() {
@ -28,12 +37,15 @@
</script> </script>
<template> <template>
<big-carousel :images="slides"></big-carousel> <MenuVue type="products"></MenuVue>
<section class="product-section content"> <section class="product-section content">
<h2>{{ $t('products_page.title') }}</h2> <h2>{{ $t('products_page.title') }}</h2>
<p>{{ $t('products_page.subtitle1') }}</p> <p>{{ $t('products_page.subtitle1') }}</p>
<p class="centered"><img src="@images/v-elemento.png" /></p> <p class="centered"><img src="@images/v-elemento.png" /></p>
<ProductCarouselVue :products="products" /> <div class="cards">
<ProductFlipCard class="card" v-for="(product, index) in products" :key="index" :product="product"></ProductFlipCard>
</div>
<ProductCarouselVue :products="productsCarousel" />
<Certifications /> <Certifications />
<h6 class="text-centered">{{ $t('products_page.download')}}</h6> <h6 class="text-centered">{{ $t('products_page.download')}}</h6>

View File

@ -1,5 +1,5 @@
<template> <template>
<big-carousel :images="slides.social"></big-carousel> <MenuVue type="social" />
<section class="social-section content"> <section class="social-section content">
<h2>{{ $t('social.title') }}</h2> <h2>{{ $t('social.title') }}</h2>
<p>{{ $t('social.paragraph1') }}</p> <p>{{ $t('social.paragraph1') }}</p>
@ -11,20 +11,23 @@
<p>{{ $t('social.paragraph4') }}</p> <p>{{ $t('social.paragraph4') }}</p>
</div> </div>
<div class="right"> <div class="right">
<img src="@images/kid-coffee.jpg"> <img src="@images/kid-coffee.png">
</div> </div>
</section> </section>
</template> </template>
<script setup> <script>
import BigCarousel from '../../components/BigCarousel.vue'; import MenuVue from '../../components/Menu.vue';
import { slides } from '../../data';
export default {
components: { MenuVue }
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.social-bottom { .social-bottom {
padding: 40px 98px; padding: 40px 98px;
background-image: url('@images/bg_1.jpg'); background-image: url('@images/bg_1.png');
background-position: top left; background-position: top left;
background-size: contain; background-size: contain;
height: 600px; height: 600px;

View File

@ -1,16 +0,0 @@
<template>
<MenuVue type="contact" />
<div><iframe src="http://tayronafoods.myshopify.com"></iframe></div>
</template>
<script>
import MenuVue from '../../components/Menu.vue';
export default {
components: { MenuVue }
}
</script>
<style lang="scss" scoped>
</style>