This commit is contained in:
2023-07-26 21:09:28 +02:00
parent 66d66a4858
commit ec482a0861
19 changed files with 278 additions and 58 deletions

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