Update copys and check Use Cases CTA (#157)

* Update: Julio * Add anchor with href * update dialog copy * Add global variables for links
virto-network · Jun 26, 2024 · b16ffa8 · b16ffa8
1 parent b6ee21c
commit b16ffa8
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 13 deletions.
diff --git a/_data/index.yml b/_data/index.yml
@@ -4,13 +4,17 @@ description: |
 default_message:
   Coming soon.
 
+globals:
+  calendly: https://calendly.com/katherinelopezvirto/45min
+  apply: https://apply.virto.network/
+
+
 # Home
 home_sections:
     - id: home
       eyebrow: ¿Te enfrentas a complicaciones para establecer y administrar tu negocio?
       title: <span class="dark-green-text">Crea y Gestiona</span> tu Organización en Minutos
       paragraph: 'Virto te ofrece una cuenta organizacional que simplifica la creación y gestión de tu organización, permitiéndote enfocarte en lo que realmente importa: hacer crecer tu negocio.'
-      href: https://calendly.com/katherinelopezvirto/45min
       call_to_action: Quiero más información
     - id: jobs
       title: Cómo Virto <br/><span class="light-lavender-text">Hace el Trabajo por Ti</span>
@@ -94,8 +98,7 @@ home_sections:
     - id: cta
       eyebrow: Comienza Ahora
       title: Da el primer paso hacia el éxito de tu <span class="underlined-element">organización con Virto.</span>
-      content: Regístrate <strong>antes de que finalice junio</strong> y prueba gratis nuestra plataforma, diseñada para simplificar la creación y gestión de tu negocio.
-      href: https://apply.virto.network/
+      content: Regístrate <strong>antes de que finalice julio</strong> y prueba gratis nuestra plataforma, diseñada para simplificar la creación y gestión de tu negocio.
       call_to_action: Regístrate ahora
       socials:
             - title: E-mail
@@ -150,7 +153,6 @@ about_us:
       subtitle: Da el primer paso hacia una gestión más eficiente y segura.
       paragraph: Con nuestra prueba gratuita, podrás experimentar cómo nuestra plataforma puede aliviar los desafíos de tu día a día.
       call_to_action: Regístrate en Virto
-      href: https://apply.virto.network/
 
 # Use Cases
 use_cases:
@@ -220,7 +222,6 @@ use_cases:
     eyebrow: Comienza ahora <br> <span class="dark-lavender-text"> Da el primer paso hacia el éxito de tu organización con Virto</span>
     title: ¿Quieres explorar un nuevo caso de uso? <br> ¡Agenda una llamada con nuestro equipo!
     cta: Más información
-    href: https://calendly.com/katherinelopezvirto/45min
 
 # Services
 services:
@@ -262,7 +263,7 @@ services:
   - id: cta_services
     title: "Actúa Ahora: Simplifica, Asegura y Economiza con Virto."
     subtitle: ¡El momento es ahora!
-    paragraph: Regístrate en Virto antes de que finalice junio y experimenta cómo nuestra plataforma transforma la gestión de tu organización con una prueba gratuita.
+    paragraph: Regístrate en Virto antes de que finalice julio y experimenta cómo nuestra plataforma transforma la gestión de tu organización con una prueba gratuita.
     strong_paragraph: Disfruta de configuración rápida y soporte continuo para asegurar una transición eficiente hacia una gestión más efectiva y rentable.
     placeholder_name: Ingresa tu nombre.
     placeholder_last_name: Ingresa tu apellido.

diff --git a/_layouts/index.liquid b/_layouts/index.liquid
@@ -99,11 +99,11 @@ mailForm.addEventListener('submit', async (event) => {
     }
 
     const result = await response.json();
-    openModal(`<img src="/img/success.svg" alt="success" /><h2>¡Gracias!</h2><h3>Su mail ha sido registrado exitosamente.</h3>`);
+    openModal(`<img src="/img/success.svg" alt="success" /><h2>¡Gracias!</h2><h3>¡Tu correo ha sido registrado exitosamente!</h3>`);
 
   } catch (error) {
     console.error('Error:', error); // Log the error for debugging
-    openModal('<img src="/img/error.svg" alt="error" /><h2>Error</h2><h3>Hubo un problema al registrar su mail.</h3><h3 class="bolder">Por favor, intente nuevamente.</h3>');
+    openModal('<img src="/img/error.svg" alt="error" /><h2>¡Ups!</h2><h3>Presentamos un error al registrar tu correo.</h3><h3 class="bolder">Inténtalo nuevamente, por favor.</h3>');
   }
 });
 

diff --git a/about.liquid b/about.liquid
@@ -138,6 +138,7 @@ section >  article {
 
 </style>
 <body>
+{% assign form = site.data.index.globals.apply %}
 {% for about in site.data.index.about_us %} 
 
 	<section {% if about.id == "hero" %} id="hero" class="left dark-olive-text">
@@ -217,7 +218,7 @@ section >  article {
 		<h2>{{ about.title }}</h2>
 		<h3 class="bold white-text">{{ about.paragraph }}</h3>
 		<button>
-			<a href={{ about.href }}>
+			<a href={{ form }}>
 				{{ about.call_to_action }}
 			</a>	
 		</button>

diff --git a/index.liquid b/index.liquid
@@ -4,7 +4,7 @@ layout: index.liquid
 data:
   route: home
 ---
-
+{% assign form = site.data.index.globals.apply %}
 {% for home_section in site.data.index.home_sections %}
 <section {% if home_section.id == "home" %} id="home">
 	<article class="max animated">
@@ -151,7 +151,7 @@ data:
 			<span>{{ home_section.title }}</span>
 		</h2>
 		<h3>{{ home_section.content  }}</h3>
-		<button class="bolder"><a href={{ home_section.href }} >{{ home_section.call_to_action }}</a></button>
+		<button class="bolder"><a href={{ form }} >{{ home_section.call_to_action }}</a></button>
 		<ul>
 		{% for social in home_section.socials %}
 			<a class="link-to" title={{ social.title }} href={{ social.link }}>

diff --git a/usecases.liquid b/usecases.liquid
@@ -95,6 +95,7 @@ article h3 a {
 }
 </style>
 
+{% assign calendly = site.data.index.globals.calendly %}
 {% for use_case in site.data.index.use_cases %}
 <section {% if use_case.id == "hero" %} id="hero" class="white-bg" >
     <article class="animated">
@@ -130,7 +131,7 @@ article h3 a {
 							</div>
 							<div class="inline-container">
 								<button class="show_more">Ver más</button>
-								<button><a href="https://calendly.com/katherinelopezvirto/45min">Contáctanos</a></button>
+								<button><a href="{{ calendly }}">Contáctanos</a></button>
 							</div>
                         </div>
                     </li>
@@ -144,7 +145,7 @@ article h3 a {
     <article class="animated center">
         <h3 class="bolder">{{ use_case.eyebrow }}</h3>
         <h2 class="header-1">{{ use_case.title }}</h2>
-        <button>{{ use_case.cta }}</button>
+        <button><a href="{{ calendly }}">{{ use_case.cta }}</a></button>
     </article>
 </section>
 {% endif %}