Deploy preview for PR 10 🛫

pr-preview/pr-10/index.html

@@ -1447,13 +1447,13 @@
           <div class="call-to-action-text">
             <div class="header">Getting Started</div>
             <div class="short-description">Get quickly up to speed with Teradata Vantage. Learn about features. Find how-tos for common tasks. Explore sample source code.</div>
-            <div class="button-container">
-              <div id="app">
+            <div class="button-container" id="app">
               <!-- Utiliza tu componente Vue -->
                 <mi-componente></mi-componente>
-              </div>
-              <a class="call-to-action-button" href="#getting-access-to-vantage">Get access to Teradata Vantage</a>
-              <a class="call-to-action-button-secondary" href="#browse-content">Browse content</a>
+                <mi-componente2></mi-componente2>
+
+        <!--      <a class="call-to-action-button" href="#getting-access-to-vantage">Get access to Teradata Vantage</a> 
+              <a class="call-to-action-button-secondary" href="#browse-content">Browse content</a>-->
             </div>
             <div class="alternate-action">Prefer structured learning? Explore courses at <a href="https://teradata.com/University/Overview">Teradata University</a>.</div>
           </div>
@@ -1862,25 +1862,18 @@
   </main>
 </div>
 <script>
+
   Vue.component('mi-componente', {
-    data: function() {
-      return {
-        contador: 0
-      };
-    },
-    methods: {
-      incrementarContador: function() {
-        // Incrementa el contador al hacer clic en el botón
-        this.contador++;
-      }
-    },
     template: `
-      <div>
-        <a href="https://www.teradata.com/" class="mi-boton" @click="incrementarContador">Hi! Im a Vue component - click me!! </a>
-      </div>
+        <a href="https://www.teradata.com/" class="mi-boton">Contribute</a>
+    `
+  });
+
+  Vue.component('mi-componente2', {
+    template: `
+        <a href="https://www.teradata.com/" class="mi-boton">Request</a>
     `
   });
-
   // Crea e monta una instancia de Vue
   new Vue({
     el: '#app'