carmen 17-09-6pm

src/components/Certifications.vue

@@ -1,13 +1,20 @@
 <template>
   <section class="certifications">
-    <div class="right">
+    <!-- <div class="right"> -->
       <h2>{{ $t('certifications.title1') }}</h2>
-      <p class="centered"><img class="image" src="@images/image_membresias.png" /></p>
+      <div>
+        <p class="centered">
+          <img class="image" src="@images/image_membresias.png" />
+          <img class="image" src="@images/Cafeteritos-logo.png" />
+        </p>
       </div>
-    <div class="left">
+    <!-- </div> -->
+    <!-- <div class="left"> -->
       <h2>{{ $t('certifications.title2') }}</h2>
-      <p class="centered"><img class="image" src="@images/Nuestros_aliados.png" /></p>
-    </div>
+      <p class="centered">
+        <img class="image" src="@images/Nuestros_aliados.png" />
+      </p>
+    <!-- </div> -->
   </section>
 </template>
 
@@ -28,17 +35,25 @@ h2 {
 }
 
 .image {
-  height: 200px;
-  widows: 200px;;
+  height: 150px;
+  widows: 150px;
+  margin-right: 48px;
+
+  &:last-child {
+    margin-right: 0;
+  }
 }
 
 .certifications {
   background-color: #000;
-  background-position: top left;
+  background-position: top;
   background-size: contain;
-  display: grid;
+  // display:grid;
   grid-template-columns: 1fr 1fr;
-  align-items:center;
+  justify-items: center;
+  flex-direction: column;
+
+  
 }
 
 @media only screen and (max-width: 767px) {
@@ -47,8 +62,8 @@ h2 {
     font-size: 24px !important;
   }
   .image {
-    height: 170px;
-    widows: 170px;;
+    height: 100px;
+    widows: 100px;
   }
   .certifications {
     display: flex;

src/components/Employee.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="employee-box">
-    <img :src="$helper.getImage(image)" class="image">
+    <img class="employee-image" :src="$helper.getImage(image)">
     <h3 class="name">{{ name }}</h3>
     <h4 class="role">{{ role }}</h4>
   </div>
@@ -21,6 +21,11 @@ export default {
     text-align: center;
   }
 
+  .employee-image {
+    width: 110px !important;
+    border-radius: 50%;
+  }
+
   .name {
     margin: 36px 0 0;
     font-weight: 300;
@@ -41,5 +46,9 @@ export default {
     .role {
       margin-top: 8px;
     }
+
+    .employee-image {
+      width: 100%;
+    }
   }
 </style>

src/components/Footer.vue

@@ -15,9 +15,11 @@
           <p class="phone"><i class="phone-icon"></i>+49(0)176 321 368 59</p>
           <p class="phone"><i class="phone-icon"></i>+49(0)152 549 389 62</p>
         </div>
+          <p class="rss">
+          <a href="https://www.facebook.com/profile.php?id=100093464946416"><i class="facebook-icon"></i></a>
+          <a href="https://instagram.com/tayrona_foods?igshid=NTc4MTIwNjQ2YQ=="><i class="instagram-icon"></i></a>
+           </p> 
           <!-- <p class="rss">
-          <a href="#"><i class="facebook-icon"></i></a>
-          <a href="#"><i class="instagram-icon"></i></a>
           <a href="#"><i class="youtube-icon"></i></a>
           <a href="#"><i class="twitter-icon"></i></a>
         </p> -->
@@ -45,7 +47,7 @@
   }
 
   h5 {
-    font-weight: 500;
+    font-weight: 400;
     padding-top: 72px;
     font-size: 20px;
     margin-bottom: 24px;
@@ -77,8 +79,8 @@
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
-    width: 18px; 
-    height: 18px;
+    width: 20px; 
+    height: 20px;
   }
 
   .logo {
@@ -92,8 +94,8 @@
   .contact-info {
     text-align: center;;
     flex-direction: column;
-    font-size: 20px;
-    font-weight: 500;
+    font-size: 16px;
+    font-weight: 200;
 
     .phones {
       margin-top: 24px;
@@ -109,7 +111,7 @@
         }
         &-icon {
           @include icon('@images/email.svg');
-          margin-right: 5px;
+          margin-right: 4px;
         }
       }
     }

src/i18n/de.js

@@ -9,19 +9,19 @@ export default {
   menu: {
     home: 'Home',
     about: 'Über uns',
-    products: 'Produkt',
-    shopping: 'Shopping',
+    products: 'Produkte',
+    shopping: 'Shop',
     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.',
+    paragraph1: 'Wir sind ein leidenschaftliches Team von Kaffeeliebhabern, das es sich zum Ziel gesetzt hat, Ihnen außergewöhnliche Kaffeeerlebnisse zu bieten und gleichzeitig unsere Heimat Kolumbien zu unterstützen. Bei uns dreht sich alles um die faszinierende Welt des Kaffees. Von den einzigartigen Aromen bis zu den vielfältigen Geschmacksnuancen – wir laden Sie ein, Ihre Sinne mit unseren köstlichen Kaffeesorten zu verwöhnen..',
     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!',
+    paragraph2: 'Wir sind in Kolumbien, zwischen den köstlichen Gerüchen des Streetfoods und den malerischen Kaffeeplantagen, aufgewachsen. Mit unseren abgeschlossenen Studiengängen als Landwirtschaftsingenieur und BWLer haben wir unsere Leidenschaft für Essen, Handel und Kaffee vereint.  Lebensstationen in Amerika, Spanien und Deutschland haben uns vielfältige Einblicke und Erfahrungen gebracht.',
+    paragraph3: 'Seit über 10 Jahren sind wir im Einkaufsbereich von Kaffee, lateinamerikanischen und spanischen Delikatessen tätig. In dieser Zeit haben wir ein tiefes Verständnis dafür entwickelt, welche 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 ankommt, um herausragende Produkte anzubieten. Unser Wissen und unsere Expertise ermöglichen es uns, exzellente Kaffeesorten und köstliche Delikatessen aus Lateinamerika und Spanien anbieten zu können. ',
+    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.',
@@ -37,8 +37,10 @@ export default {
   different: {
     header: 'Warum sind wir anders?',
     subheader:'Wir machen nicht nur Ihren Kaffee, wir machen Ihren Tag!',
+    subheader1:'Großartige Ideen beginnen mit großartigem Kaffee, wir helfen Ihnen,dies zu erreichen.',
+
     beans: {
-      title: 'Supreme Beans',
+      title: 'Beste Bohnenb',
       description: 'Beans that provide great flavor',
     },
     quality: {
@@ -55,17 +57,19 @@ export default {
     },
   },
   coffeefarmers: {
-    title: 'Genießen Sie das Erlebnis der besten Kaffeebohnen, vom Ursprung bis zu Ihre Tasse.',
+    title: 'Genießen Sie das Erlebnis der besten Kaffeebohnen, vom Ursprung bis zu Ihrer Tasse.',
   },
   certifications: {
     title1: 'Mitgliedschaften',
     title2:'Unsere Partner'
   },
   products_page: {
-    title: 'Single Origins',
-    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.',
-
+    title: 'V',
+    title1: 'elemento',
+    subtitle1: 'Die Indianer haben seit jeher eine enge Beziehung zu ihrer natürlichen Umgebung. Im Einklang mit den vier Elementen Feuer, Wasser, Luft und Erde gestalten sie ihr Leben. Dies beschreibt wunderbar unsere Kaffeereihe.',
+    download: 'Unsere Broschüre zum Herunterladen'
   },
+    
   products: {
     brasil_de_andrade: {
       title:'Earth',
@@ -160,10 +164,12 @@ export default {
 
   social: {
     title: 'Committed to our community',
-    paragraph1: 'Wir glauben an die Kraft des Kaffees, um Menschen zu verbin-den, Kulturen zu bereichern und positive Veränderungen zu be- wirken. Aus diesem Grund haben wir ein besonderes Programm ins Leben gerufen: Für jede Kaffeetüte, die Sie bei uns erwerben,spenden wir 5 Cent an eineSchule in unserem Dorf.',
-    paragraph2: 'Dorf. Damit möch-ten wir sicherstellen, dass dass zukünftige Generationen eine gute Bildung erhalten und ihre Träume verwirklichen können.Wir arbeiten eng mit lokalen Kaffeebauern zusammen, um qualitativ hochwertige Bohnen direkt aus der Region zu be-ziehen. Jede Tasse Kaffee, die Sie bei uns genießen, ist somit ein kleiner Beitrag zur nachhaltigen Entwicklung und Wertschät-zung unserer wunderbaren Heimat.',
+    paragraph1: 'Wir glauben an die Kraft des Kaffees, um Menschen zu verbinden, Kulturen zu bereichern und positive Veränderungen zu bewirken. Aus diesem Grund haben wir ein besonderes Programm ins Leben gerufen: Für jede Kaffeetüte, die Sie bei uns erwerben, spenden wir 5 Cent an eine Schule in unserem Dorf.',
+    paragraph2: 'Damit möchten wir sicherstellen, dass zukünftige Generationen eine gute Bildung erhalten und ihre Träume verwirklichen können. Wir arbeiten eng mit lokalen Kaffeebauern zusammen, um qualitativ hochwertige Bohnen direkt aus der Region zu beziehen. Jede Tasse Kaffee, die Sie von uns genießen, ist somit ein kleiner Beitrag zur nachhaltigen Entwicklung und Wertschätzung unserer wunderbaren Heimat.',
     paragraph3:'Seien Sie Teil unserer Kaffeerevolution und entdecken Sie eine neue Dimension des Genusses. ',
-    paragraph4:'Tauchen Sie ein in die Welt von Tayroona Foods, wo der Kaffee nicht nur eine Leidenschaft ist,sondern auch eine Quelle des Wandels und der Unterstützung für diejenigen, die es am meisten brauchen.'
+    paragraph4:'Tauchen Sie ein in die Welt von Tayroona Foods, wo der Kaffee nicht nur eine Leidenschaft ist, sondern auch eine Quelle des Wandels und der Unterstützung für diejenigen, die es am meisten brauchen.',
+    title2: 'Cafeteritos Ancestrales',
+    paragraph5: 'Wir von Tayrona Foods glauben, dass die Zukunft auf den Wurzeln unserer Vergangenheit aufgebaut wird. Aus diesem Grund sind wir sehr stolz darauf, soziale Initiativen wie "Cafeteritos Ancestrales" zu unterstützen. Es handelt sich um ein Projekt, welches von Kleinbauern von Palmor in der Sierra Nevada de Santa Marta ins Leben gerufen wurde, um junge Barista im Anbau und der Verarbeitung von Kaffee zu unterrichten. Wir investieren in die kommenden Generationen von Kaffeebauern, um eine nachhaltige Zukunft für alle zu sichern, die es uns ermöglicht, weiterhin den besten Kaffee der Welt auf Ihren Tisch zu bringen.'
   },
   common: {
     earth: 'Erde',
@@ -176,17 +182,18 @@ export default {
   },
 
   contact:{
-    title: 'Contacto',
-    paragraph1: 'Si está interesado o tiene alguna pregunta, <a class="link" href="https://tayronafoods.myshopify.com/pages/contact" target="_blank">¡contáctenos!</a>',
-    paragraph2: 'Correo  Electrónico',
+    title: 'Kontakt',
+    paragraph1: 'Bei Interesse oder Fragen kontaktieren Sie uns bitte! <a class="link" href="https://tayronafoods.myshopify.com/pages/contact" target="_blank">¡Kontaktiere uns!</a>',
+    paragraph2: 'Email',
     paragraph3: 'info@tayronafoods.com',
     paragraph4: 'alejandro@tayronafoods.com',
     paragraph5: 'jose@tayronafoods.com',
-    paragraph6: 'Teléfonos',
+    paragraph6: 'Phones',
     paragraph7: '+49(0)176 321 368 59',
     paragraph8: '+49(0)152 549 389 62',
-    paragraph9: 'Redes Sociales',
-    paragraph10: 'Instagram',    
+    paragraph9: 'Social networks',
+    paragraph10: 'Instagram'
+    
   },
   gdpr: {
     text: 'Diese Website verwendet Cookies, um Ihnen das beste Erlebnis auf unserer Website zu gewährleisten.',

src/i18n/en.js

@@ -10,7 +10,7 @@ export default {
     home: 'Home',
     about: 'About',
     products: 'Products',
-    shopping: 'Shopping',
+    shopping: 'Shop',
     social: 'Social',
     contact: 'Contact'
   },
@@ -38,6 +38,8 @@ export default {
  different: {
     header: 'Why we are different?',
     subheader:'We don’t just make your coffee, we make your day!',
+    subheader1:'Great ideas start with excellent coffee and we´ll help you achieve it.',
+    
     beans: {
       title: 'Supreme Beans',
       description: 'Beans that provide great flavor',
@@ -63,7 +65,8 @@ export default {
     title2:'Partners Certifications'
   },
   products_page: {
-    title: 'Single Origins',
+    title: 'V',
+    title1: 'elemento',
     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.',
     download: 'Download here our portfolio',
 
@@ -167,7 +170,9 @@ export default {
     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.'
+    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.',
+    title2: 'Cafeteritos Ancestrales',
+    paragraph5: 'In V-Elemento, we believe that the future is built upon the roots of our past. For this reason, we are very proud to support social initiatives like "Cafeteritos Ancestrales," a project developed by the community of small coffee growers in Palmor - Sierra Nevada de Santa Marta. Through this project, our children are educated in barista skills, coffee cultivation, and coffee processing. By investing in the future generations of coffee growers, we are ensuring a sustainable future that will enable us to continue bringing the world\'s best coffee to your table.',
   },
   common: {
     earth: 'Earth',

src/i18n/es.js

@@ -63,9 +63,13 @@ export default {
     title2:'Nuestros Aliados'
   },
   products_page: {
-    title: 'Cafés de origenes únicos',
+    title: 'V',
+    title1: 'elemento',
     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.',
+    title2: 'Accesorios',
+    title3: 'Wasserkocher mit Filter',
     download: 'Descarga aquí nuestro portafolio',
+  
   },
   products: {
     brasil_de_andrade: {
@@ -165,7 +169,9 @@ export default {
     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.'
+    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.',
+    title2: 'Cafeteritos Ancestrales',
+    paragraph5: 'Para V-Elemento el futuro se construye desde las raíces de nuestro pasado, y por ello estamos muy orgullosos de apoyar iniciativas sociales como “cafeteritos ancestrales”, un proyecto desarrollado por la comunidad de pequeños cultivadores de Palmor – Sierra Nevada de Santa Marta, en que a través de la formación de los más pequeños en barismo, cultivo y transformación del café estamos apostando por las nuevas generaciones de caficultores, para asegurar un futuro sostenible que nos permita seguir llevando a sus mesas el mejor café del mundo.'
   },
   common: {
     earth: 'Tierra',

src/views/about/About.vue

@@ -15,8 +15,8 @@
     <p>{{ $t('about.paragraph3') }}</p>
     <h4>{{ $t('about.subtitle3') }}</h4>
     <div class="employees">
-      <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')" />
+      <Employee class="employee" image="new-alejandro.jpg" name="Alejandro Valderrama" :role="$t('common.rol_managing_partner')" />
+      <Employee class="employee" image="new-jose.jpg" name="Jose Lacouture" :role="$t('common.rol_managing_partner')" />
     </div>
   </section>
 </template>

src/views/products/Products.vue

@@ -31,11 +31,18 @@
   <big-carousel :images="slides"></big-carousel>
   <section class="product-section content">
     <h2>{{ $t('products_page.title') }}</h2>
+    <h2>{{ $t('products_page.title1') }}</h2>
     <p>{{ $t('products_page.subtitle1') }}</p>
     <p hidden class="centered"><img src="@images/v-elemento.png" /></p>
     <ProductCarouselVue :products="products" />
+    <h3 hidden>{{ $t('products_page.title2') }}</h3>
+    <div hidden class="card">
+			<img src="@images/kettles.png" alt="">
+      <div class="card-content">
+        <h3>Wasserkocher mit Filter</h3>
+		</div>
+		</div>
     <Certifications />
-
     <h6 class="text-centered">{{ $t('products_page.download')}}</h6>
     <div class="buttons text-centered">
       <button class="mt-2" @click.prevent.stop="download">{{ $t('common.download') }}</button>
@@ -52,18 +59,65 @@
       text-align: left;
       line-height: 60px;
   }
+
+  h2{  background: linear-gradient(to bottom, #cfc09f 22%,#634f2c 24%, #cfc09f 26%, #cfc09f 27%,#ffecb3 40%,#3a2c0f 78%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;
+       color: #fff;
+	     font-size: 36px;
+	     margin:0 auto;
+	     font-weight: 700;
+       line-height: 8px;
+       padding: 24px;
+       text-align: center;
+       letter-spacing: 3px;
+       line-height: 4px;
+}
+  h3 {
+      margin-top: 64px;
+      font-weight: 200;
+      font-size: 24px;
+      text-align: left;
+      line-height: 60px;
+  }
+
   button {
     width: 154px;
     height: 40px;
     border-radius: 12px;
   }
-  .cards {
-    display: grid;
-    grid-template-columns: 50% 50%;
+  
+
+.card {
+  width: 200px;
+  height: 210px;
+  border-radius: 8px;
+  overflow: hidden;
+  position: relative;
+  box-shadow: 0 10px 30px 5px rgba(0, 0, 0, 0.2);
+ 
+ 
+ 
+  img {
+    position: absolute;
+    object-fit: cover;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    opacity: 0.9;
+   
   }
 
-  .card {
-    margin: 8px;
+  h3 {
+    position: absolute;
+    inset: auto auto 30px 30px;
+    margin-top: 0px;
+    font-weight: 500;
+    color: #603809;
+    font-size: 16px;
+    text-align: center;
   } 
 } 
+
+}
+
 </style>

src/views/social/Social.vue

@@ -1,19 +1,68 @@
 <template>
-  <big-carousel :images="slides.social"></big-carousel>
+  <big-carousel :images="slides"></big-carousel>
   <section class="social-section content">
     <h2>{{ $t('social.title') }}</h2>
     <p>{{ $t('social.paragraph1') }}</p>
     <p>{{ $t('social.paragraph2') }}</p>
-  </section>
-  <section class="social-bottom content">
-    <img src="@images/proyect-soc-new.jpg">
     <p>{{ $t('social.paragraph3') }}<br><br>{{ $t('social.paragraph4') }}</p>
+    <h2>{{ $t('social.title2') }}</h2>
+    <p>{{ $t('social.paragraph5') }}</p>
+    
+    <Carousel :autoplay="5000" class="big-carousel" :items-to-show="2" :wrapAround="true" > 
+      <Slide index="0">
+        <img class="slider-image" :src="$helper.getImage('imag-4.jpg')" alt="slide 1"/>
+      </Slide>
+      <Slide index="1">
+        <img class="slider-image" :src="$helper.getImage('imag-5.jpg')" alt="slide 2"/>
+      </Slide>
+      <Slide index="2">
+        <img class="slider-image" :src="$helper.getImage('imag-6.jpg')" alt="slide 3"/>
+      </Slide>
+      <Slide index="3">
+        <img class="slider-image" :src="$helper.getImage('imag-7.jpg')" alt="slide 3"/>
+      </Slide>
+      <Slide index="3">
+        <img class="slider-image" :src="$helper.getImage('imag-8.jpg')" alt="slide 3"/>
+      </Slide>
+      <Slide index="3">
+        <img class="slider-image" :src="$helper.getImage('imag-9.jpg')" alt="slide 3"/>
+      </Slide>
+      <Slide index="3">
+        <img class="slider-image" :src="$helper.getImage('imag-10.jpg')" alt="slide 3"/>
+      </Slide>
+      <Slide index="3">
+        <img class="slider-image" :src="$helper.getImage('imag-11.jpg')" alt="slide 3"/>
+      </Slide>
+      <Slide index="3">
+        <img class="slider-image" :src="$helper.getImage('imag-12.jpg')" alt="slide 3"/>
+      </Slide>
+      <template #addons>
+        <Navigation />
+        <Pagination />
+      </template>
+    </Carousel>   
   </section>
 </template>
 
-<script setup>
+<script>
 import BigCarousel from '../../components/BigCarousel.vue';
+import { Carousel, Slide, Pagination, Navigation } from 'vue3-carousel'
 import { slides } from '../../data';
+
+export default {
+  data() {
+    return {
+      slides: slides.social,
+    }
+  },
+  components: {
+    Carousel,
+    Slide,
+    Pagination,
+    Navigation,
+    BigCarousel
+  }
+}
 </script>
 
 <style lang="scss" scoped>
@@ -22,15 +71,13 @@ import { slides } from '../../data';
     background-position: top left;
     overflow: hidden;
    
-
-    img {
-      float: left;
-      width: 300px;
-      padding: 16px
-    }
     p {
       padding-top: 70px;
     }
+
+    .slider-image {
+      width: 300px;
+    }
   }
 
   @media only screen and (max-width: 767px) {
@@ -41,6 +88,11 @@ import { slides } from '../../data';
         float: none;
         width: 100%;
         padding: 0;
+
+        .slider-image {
+          width: 300px;
+          height: 300px;
+        }
       }
     }
   }