Compare commits

..

2 Commits

19 changed files with 278 additions and 58 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 396 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 668 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

View File

@ -1,16 +1,19 @@
<template>
<section class="certifications">
<header class="header">
<h2 class="title">{{ $t('certifications.title') }}</h2>
</header>
<div class="content">
<div class="right">
<h2>{{ $t('certifications.title1') }}</h2>
<p class="centered"><img src="@images/image membresías.png" /></p>
</div>
<div class="left">
<h2>{{ $t('certifications.title2') }}</h2>
<p class="centered"><img src="@images/Nuestros aliados.png" /></p>
</div>
</section>
</template>
<script>
export default {
}
</script>
@ -19,19 +22,19 @@ export default {
.header {
background-color: #000;
color: #fff;
text-align: center;
padding: 72px 0 76px;
}
h2.title {
font-size: 54px;
font-weight: 400;
line-height: 63.28px;
text-align: center;
}
.content {
.certifications {
height: 600px;
background-image: url('@images/bg_1.png');
background-repeat: no-repeat;
background-color: #000;
background-position: top left;
background-size: contain;
height: 600px;
display: grid;
grid-template-columns: 1fr 1fr;
align-items:center;
}
</style>

View File

@ -19,7 +19,7 @@ import DifferentBox from './DifferentBox.vue';
.different {
color: #fff;
background-color: #000;
padding: 72px 64px;
padding: 72px 0;
}
h2 {

View File

@ -41,5 +41,6 @@ export default {
font-size: 20px;
line-height: 24px;
color: #1E1E1E;
text-align: center;
}
</style>

View File

@ -1,19 +1,22 @@
<template>
<div class="locale-selector">
<a href="#" @click.prevent.stop="toggle">
<img class="globe-image" src="@images/global.svg" alt="">
<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)">{{ value }}</div>
<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: 'Deutsche',
// de: 'Deutsche',
en: 'English',
es: 'Español'
}
@ -36,6 +39,9 @@ export default {
changeLocale(locale) {
this.$i18n.locale = locale;
this.active = false;
},
getFlagImage(locale) {
return this.$helper.getImage(`flag-${locale}.png`)
}
}
}
@ -49,6 +55,11 @@ export default {
.globe-image{
height: 14px;
}
.select-image{
height: 18px;
margin-right: 8px;
}
a {
display: inline-flex;
@ -68,7 +79,7 @@ export default {
.options {
padding: 8px 0 8px;
display: inline-block;
width: 100px;
width: 120px;
position: absolute;
right: 0;
top: 24px;
@ -79,10 +90,12 @@ export default {
.item {
cursor: pointer;
padding: 8px 0 8px 12px;
display: flex;
align-items: center;
&:hover {
color: #FECE16;
background: #111;
background: #111;
}
}
}

View File

@ -98,7 +98,7 @@ export default {
}
&.social {
background-image: url('@images/kids.png');
background-image: url('@images/proysoc.01.png');
}
&.contact {

View File

@ -73,6 +73,6 @@ export const products = [
harvest: 'products.uganda_gnoma.harvest',
profile: 'products.uganda_gnoma.profile',
taste: 'products.uganda_gnoma.taste',
texture: 'products.uganda_gnoma.texture'
texture: 'products.uganda_gnoma.texture',
},
];

View File

@ -13,4 +13,164 @@ export default {
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 dont just make your coffee, we make your day!',
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: 'Origin',
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.',
},
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 No3',
strain: '100% Robusta',
country: 'Uganda / Wakiso District',
height: '1.250 m',
revision: 'Sun dried',
harvest: 'Carefully selected',
profile: '4/4',
taste: '',
texture: ''
},
},
labels: {
country: 'Country / Region',
height: 'Height',
revision: 'Revision',
harvest: 'Harvest',
profile: 'Profile',
taste: 'Taste',
texture: 'Texture'
},
social: {
title: 'Tayrona Foods',
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.'
},
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 contact us!',
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'
},
}

View File

@ -15,6 +15,12 @@ export default {
},
about: {
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: {
header: 'Una mezcla única de los mejores granos de café de las montañas de Latinoamerica y Uganda.',
@ -43,18 +49,25 @@ export default {
description: 'Sabor inigualable',
},
affordable: {
title: 'Precio asequible',
title: 'Precio',
description: 'Los mejores precios del mercado',
},
},
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: {
title: 'Nuestras certificaciones'
title1: 'Membresías',
title2:'Nuestros Aliados'
},
products_page: {
title: 'Origen',
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.',
},
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',
@ -69,6 +82,7 @@ export default {
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é.
@ -85,6 +99,7 @@ export default {
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.`,
@ -100,6 +115,7 @@ export default {
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.`,
@ -124,10 +140,36 @@ export default {
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

@ -6,15 +6,15 @@
<template>
<MenuVue type="about" :title="$t('about.title')"></MenuVue>
<section class="about-section content">
<h2>Tayrona Foods</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>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>
<h2>Nuestra Historia</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>
<h4>Y por supuesto: ¡Nos gusta aprovechar cada oportunidad para visitar nuestro antiguo hogar!</h4>
<h2>{{ $t('about.subtitle1') }}</h2>
<p>{{ $t('about.paragraph1') }}</p>
<p>{{ $t('about.paragraph2') }}</p>
<h2>{{ $t('about.subtitle2') }}</h2>
<p>{{ $t('about.paragraph3') }}</p>
<h4>{{ $t('about.subtitle3') }}</h4>
<div class="employees">
<Employee class="employee" image="foto_alejo.png" name="Alejandro Valderrama" role="Managing Partner" />
<Employee class="employee" image="foto_jose.png" name="José Lacouture" role="Managing Partner" />
<Employee class="employee" image="foto_alejo.png" name="Alejandro Valderrama" :role="$t('common.rol_managing_partner')" />
<Employee class="employee" image="foto_jose.png" name="Jose Lacouture" :role="$t('common.rol_managing_partner')" />
</div>
</section>
</template>

View File

@ -3,17 +3,17 @@
<MenuVue type="contact" />
<div class="contact-section">
<div class="left">
<h1>Contacto</h1>
<p>Si está interesado o tiene alguna pregunta, ¡contáctenos!</p>
<h3>Correo Electronico</h3>
<p>info@tayronafoods.com</p>
<p>alejandro@tayronafoods.com</p>
<p>jose@tayronafoods.com</p>
<h3>Teléfonos</h3>
<p>+49(0)176 321 368 59</p>
<p>+49(0)152 549 389 62</p>
<h3>Redes Sociales</h3>
<p>Instagram</p>
<h1>{{ $t('contact.title') }}</h1>
<p>{{ $t('contact.paragraph1') }}</p>
<h3>{{ $t('contact.paragraph2') }}</h3>
<p>{{ $t('contact.paragraph3') }}</p>
<p>{{ $t('contact.paragraph4') }}</p>
<p>{{ $t('contact.paragraph5') }}</p>
<h3>{{ $t('contact.paragraph6') }}</h3>
<p>{{ $t('contact.paragraph7') }}</p>
<p>{{ $t('contact.paragraph8') }}</p>
<h3>{{ $t('contact.paragraph9') }}</h3>
<p>{{ $t('contact.paragraph10') }}</p>
</div>
<div class="right"></div>
</div>

View File

@ -18,7 +18,8 @@ import { products } from '../../data.js';
Menu,
ProductCarousel,
CoffeeFarmer,
Certifications
Certifications,
Different
},
computed: {
productsCarousel() {
@ -39,7 +40,7 @@ import { products } from '../../data.js';
<section class="home-section content">
<h2>{{ $t('origins.header') }}</h2>
<ProductCarousel :products="productsCarousel" />
<DifferentVue />
<Different />
<CoffeeFarmer class="mt-5" />
<Certifications />
</section>

View File

@ -39,8 +39,8 @@
<template>
<MenuVue type="products"></MenuVue>
<section class="product-section content">
<h2>Origen</h2>
<p>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.</p>
<h2>{{ $t('products_page.title') }}</h2>
<p>{{ $t('products_page.subtitle1') }}</p>
<p class="centered"><img src="@images/v-elemento.png" /></p>
<div class="cards">
<ProductFlipCard class="card" v-for="(product, index) in products" :key="index" :product="product"></ProductFlipCard>
@ -50,7 +50,7 @@
<h6 class="text-centered">Descarga aquí nuestro porfolio</h6>
<div class="buttons text-centered">
<button class="mt-5" @click.prevent.stop="download">Descargar</button>
<button class="mt-5" @click.prevent.stop="download">{{ $t('common.download') }}</button>
</div>
</section>
</template>

View File

@ -1,14 +1,14 @@
<template>
<MenuVue type="social" />
<section class="social-section content">
<h2>Tayrona Foods</h2>
<p>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 céntimos de euro para una escuela primaria en Colombia.</p>
<p>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.</p>
<h2>{{ $t('social.title') }}</h2>
<p>{{ $t('social.paragraph1') }}</p>
<p>{{ $t('social.paragraph2') }}</p>
</section>
<section class="social-bottom">
<div class="left">
<p>Forma parte de nuestra revolución del café y descubre una nueva dimensión de sabores.</p>
<p>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.</p>
<p>{{ $t('social.paragraph3') }}</p>
<p>{{ $t('social.paragraph4') }}</p>
</div>
<div class="right">
<img src="@images/kid-coffee.png">
@ -31,7 +31,7 @@ export default {
background-position: top left;
background-size: contain;
height: 600px;
display: grid;;
display: grid;
grid-template-columns: 1fr 1fr;
.left {
padding: 52px 32px 0 0