about page

This commit is contained in:
José Conde
2023-06-11 15:15:41 +02:00
parent 8b1cafca1c
commit e26f5885a9
6 changed files with 103 additions and 48 deletions

View File

@ -1,7 +1,60 @@
<script setup>
import MenuVue from "../../components/Menu.vue";
import Employee from "../../components/Employee.vue";
</script>
<template>
<MenuVue type="about" :title="$t('about.title')"></MenuVue>
</template>
<section class="about-section">
<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>
<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" />
</div>
</section>
</template>
<style lang="scss" scoped>
.about-section {
background-color: #000;
color: #fff;
padding: 0 72px 72px;
}
h2 {
font-size: 52px;
font-weight: 500;
line-height: 70px;
text-align: center;
padding: 72px 0;
}
h4 {
font-size: 32px;
font-weight: 500;
line-height: 70px;
text-align: center;
padding: 72px 264px;
}
p {
font-weight: 500;
font-size: 20px;
line-height: 40px;
text-align: justify;
}
.employees {
display: flex;
justify-content: center;
.employee {
margin: 0 150px;
}
}
</style>