about page
This commit is contained in:
@ -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>
|
Reference in New Issue
Block a user