From f37a547ca6dce8d80b0dbe0aa3336389f69a3f65 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ail=C3=A9n=20Grimaldi?= <63558201+ail3ngrimaldi@users.noreply.github.com> Date: Mon, 3 Jun 2024 11:19:10 -0300 Subject: [PATCH] 127/restructuring services (#132) * first commit * add new images, delete unused one * add Services to navigation bars * add services sections with its images * fixed deleted img * add new maxwidth class - needs refactor * move last sentence * modify svg viewbox to avoid clip due to animation * modify svg size * last css changes * Change testimonial * 125/home fixes (#128) * testimonials images * add and delete contact icons * add testimonials and social media content * render social media content using yaml file * modify text alignment, fix social media icons direction * modifies svg name, closes #125 * modify benefits text and add general animation * delete blog posts and its images * update testimonials img * update testimonials * delete space * add new q and a * prevents browser focus * last question * conflicts solved * add new maxwidth class - needs refactor * delete duplicated css * fix startup name * Add supporters section * Add button to application --------- Co-authored-by: Daniel Olano --- _data/index.yml | 70 ++++-- _includes/Happy person.svg | 17 ++ _includes/all_ok.svg | 30 +++ _includes/cubos.svg | 351 +++--------------------------- _includes/democracy.svg | 1 - _includes/footer.liquid | 4 +- {img => _includes}/group.svg | 0 _includes/kusama.svg | 11 + _includes/lock-icon.svg | 14 ++ _includes/nav.liquid | 30 ++- _includes/polkadot.svg | 13 ++ _includes/rol_managment.svg | 159 ++++++++++++++ _includes/services_arrow.svg | 3 + _includes/web3foundation.svg | 30 +++ communities.liquid | 2 +- css/common.css | 8 +- css/index.css | 22 ++ css/layout.css | 6 +- css/variables.css | 1 + img/features_bg.svg | 321 +++++++++++++++++++++++++++ index.liquid | 18 +- services.liquid | 406 +++++++++++++++++++++++++---------- 22 files changed, 1051 insertions(+), 466 deletions(-) create mode 100644 _includes/Happy person.svg create mode 100644 _includes/all_ok.svg delete mode 100644 _includes/democracy.svg rename {img => _includes}/group.svg (100%) create mode 100644 _includes/kusama.svg create mode 100644 _includes/lock-icon.svg create mode 100644 _includes/polkadot.svg create mode 100644 _includes/rol_managment.svg create mode 100644 _includes/services_arrow.svg create mode 100644 _includes/web3foundation.svg create mode 100644 img/features_bg.svg diff --git a/_data/index.yml b/_data/index.yml index c08b1c0..e0e6be4 100644 --- a/_data/index.yml +++ b/_data/index.yml @@ -53,7 +53,7 @@ home_sections: title: Testimonios testimonials: - avatar: "/../img/david.jpeg" - person: David Barinas, YC Founder + person: David Barinas, YCombinator Founder message: A través de Virto abrí la cuenta organizacional de mi empresa de manera rápida, lo que me permitió recibir y realizar pagos de manera eficiente sin limitaciones. - avatar: "/../img/dani.jpeg" person: Daniel Olano, CEO de Virto @@ -73,6 +73,18 @@ home_sections: answer: Para recargar fondos en tu cuenta Virto, inicia sesión en tu cuenta, selecciona la opción "Recargar fondos", elige el método de pago que prefieras (transferencia bancaria, tarjeta de crédito, etc.), ingresa el monto que deseas recargar y confirma la transacción. - question: ¿Qué se necesita para abrir una cuenta con Virto? answer: Para abrir una cuenta con Virto, necesitas proporcionar información básica sobre tu organización, incluyendo nombre, sector, descripción. Además podrás configurar tu cuenta y agregar miembros de tu organización. + - id: virto-supporters + title: Conoce a Quienes nos Apoyan + supporters: + - icon: polkadot.svg + link: https://polkadot.network/ + title: Polkadot + - icon: kusama.svg + link: https://kusama.network/ + title: Kusama + - icon: web3foundation.svg + link: https://web3.foundation/ + title: Web3 Foundation - id: cta eyebrow: Comienza Ahora title: Da el primer paso hacia el éxito de tu organización con Virto. @@ -177,23 +189,49 @@ bloque_benefits: url: '/../img/more.svg' alt: Mas + # Services services: - - icon: - url: '/../img/mobile.svg' - alt: Aplicacion móvil - title: Desarrollo de
dApps - description: Construimos aplicaciones descentralizadas robustas, aprovechando la seguridad y transparencia de la tecnología blockchain. - - icon: - url: ../img/payments.svg - alt: Billetera - title: Pasarelas de pago descentralizadas - description: Agiliza tus transacciones con sistemas de pago rápidos, fáciles y seguros, operando en una red blockchain. - - icon: - url: ../img/puzzle.svg - alt: Rompecabezas - title: Gestión de comunidades - description: Te ofrecemos soluciones personalizadas dependiendo tus necesidades para gestionar y hacer crecer tu comunidad en línea, desde plataformas de chat especializado para que crees los canales que necesites, pasando por tener tu propio dominio y servidor para que tus usuarios se registren directamente en tu plataforma, hacer tu tienda virtual o website, hasta sistemas de gobernanza, votaciones y decisiones comunitarias en entornos descentralizados. + - id: intro + title: Rápido, Seguro y con Menos Costos + paragraph: En Virto, transformamos tu capacidad de operar y administrar recursos, permitiéndote alcanzar metas con mayor rapidez y menos esfuerzo. + call_to_action: Nuestra plataforma te permite + - id: key_features + list: + - title: 'Billetera Organizacional:' + content: Abre una billetera digital para tu organización en pocos pasos, disponible en múltiples monedas. + class: + - title: 'Pagos Virto:' + content: Flexibilidad y alcance global en los pagos, incluyendo criptomonedas. + class: align-right + - title: 'Administración de Fondos:' + content: Gestión eficiente y transparente a través de un sistema de membresías colaborativas. + class: + last-title: ¡Tomar decisiones en equipo nunca fue tan fácil! + - id: optimize_resources + title: Maximiza la Eficiencia de tus Recursos con Virto + paragraph: 'A través de Virto, optimizarás el uso de tus recursos financieros y mejorarás la colaboración interna:' + list: + - title: Transparencia Total + content: Todos los movimientos y decisiones son registrados, asegurando integridad y claridad. + img: 'all_ok.svg' + - title: Administración Colaborativa de Fondos + content: Permite a los miembros coadministrar recursos, manteniendo un control claro y detallado sobre cada operación. + img: 'group.svg' + - title: Control Definido + content: Establece roles y permisos específicos para garantizar una gestión adecuada y segura de tus activos. + img: 'rol_managment.svg' + - id: allies + title: Tu Aliado en la Gestión Remota + paragraph: Somos Virto, pioneros en implementar infraestructura web 3 para proporcionar una plataforma robusta y segura. + strong_paragraph: Nuestras herramientas están diseñadas para superar los desafíos de la gestión remota, reduciendo costos y elevando la seguridad en todas tus operaciones organizacionales. + - 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. + 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. + cta: Registrate y activa tu Comunidad Gratis👈 + #Landing-a landing_a: diff --git a/_includes/Happy person.svg b/_includes/Happy person.svg new file mode 100644 index 0000000..d80afc9 --- /dev/null +++ b/_includes/Happy person.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/_includes/all_ok.svg b/_includes/all_ok.svg new file mode 100644 index 0000000..29f9876 --- /dev/null +++ b/_includes/all_ok.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/_includes/cubos.svg b/_includes/cubos.svg index e96866c..18f710a 100644 --- a/_includes/cubos.svg +++ b/_includes/cubos.svg @@ -1,321 +1,30 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/_includes/democracy.svg b/_includes/democracy.svg deleted file mode 100644 index cee6fe3..0000000 --- a/_includes/democracy.svg +++ /dev/null @@ -1 +0,0 @@ -Democracia \ No newline at end of file diff --git a/_includes/footer.liquid b/_includes/footer.liquid index f9ffc74..8bc4d17 100644 --- a/_includes/footer.liquid +++ b/_includes/footer.liquid @@ -7,12 +7,12 @@
  • Sobre Virto
  • Casos de uso
    • -
  • Servicios
  • Comunidades locales
  • Contacto
    • -
  • Whitepaper
    • +
  • Servicios
  • Blog
    • +
  • Whitepaper
    • Casos de uso - - Servicios - Comunidades locales @@ -25,12 +22,20 @@ Contacto - - Whitepaper + + Servicios Blog + + Whitepaper + + Menu mobile @@ -48,9 +53,6 @@ Casos de uso - - Servicios - Comunidades locales @@ -58,12 +60,20 @@ Contacto - - WHITEPAPER + + SERVICIOS BLOG + + WHITEPAPER + + diff --git a/_includes/polkadot.svg b/_includes/polkadot.svg new file mode 100644 index 0000000..c68e372 --- /dev/null +++ b/_includes/polkadot.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/_includes/rol_managment.svg b/_includes/rol_managment.svg new file mode 100644 index 0000000..14b1631 --- /dev/null +++ b/_includes/rol_managment.svg @@ -0,0 +1,159 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/_includes/services_arrow.svg b/_includes/services_arrow.svg new file mode 100644 index 0000000..eae7708 --- /dev/null +++ b/_includes/services_arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/_includes/web3foundation.svg b/_includes/web3foundation.svg new file mode 100644 index 0000000..b609f40 --- /dev/null +++ b/_includes/web3foundation.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/communities.liquid b/communities.liquid index 0f4a09d..0433e78 100644 --- a/communities.liquid +++ b/communities.liquid @@ -100,7 +100,7 @@ data: Cada comunidad puede elegir su propio sistema democrático, permitiendo la decisión colectiva sobre qué proyecto se beneficiará con esos ahorros. diff --git a/css/common.css b/css/common.css index a3a7a15..dd45564 100644 --- a/css/common.css +++ b/css/common.css @@ -57,7 +57,7 @@ h1, h2, h5, h4 { font-weight: 500; line-height: 100%; } h3 { font-weight: 400; line-height: 120%; } .header-0 { font-size: var(--font-size-main-title); } .header-1 { font-size: var(--font-size-title-page); } -.header-2 { font-size: var(--font-size-subtitle); } +.header-2 { font-size: var(--font-size-small-title);} /*Font family*/ a, button, p, li, h3, h5, strong { font-family: var(--font-secondary); } @@ -142,6 +142,10 @@ a:focus-visible { .column { display: flex; flex-direction: column;} .title-max-width { max-width: 80%; } +.maxwidth--text_desktop { + max-width: 700px; +} + textarea:focus, input:focus { outline: none; -} \ No newline at end of file +} diff --git a/css/index.css b/css/index.css index c4d53ef..c65d40b 100644 --- a/css/index.css +++ b/css/index.css @@ -228,3 +228,25 @@ figure.logo svg { .answer.show { display: block; } + +#virto-supporters { + min-height: 400px; +} + +.supporters-list { + list-style: none; + display: flex; + flex-direction: row; + flex-wrap: wrap; + align-items: center; + justify-content: space-evenly; + width: 70%; +} + +.link-to { + transition: transform 0.3s ease; +} + +.link-to:hover { + transform: scale(1.2); +} \ No newline at end of file diff --git a/css/layout.css b/css/layout.css index 5f2084e..7704106 100644 --- a/css/layout.css +++ b/css/layout.css @@ -55,6 +55,10 @@ nav a { font-family: var(--font-primary); } +nav button a { + height: auto !important; +} + #virto-logo { margin-right: auto; display: flex; @@ -92,7 +96,7 @@ nav a:not(.logo) { } @media screen and (max-width: 1300px) { - .top-nav a:not(.menu-icon) { + .top-nav a:not(.menu-icon), .app-button { display: none; } } diff --git a/css/variables.css b/css/variables.css index 19093ca..242168d 100644 --- a/css/variables.css +++ b/css/variables.css @@ -22,6 +22,7 @@ /* The names of the font-sizes variables are temporary and subject to changes and suggestions */ --font-size-main-title: clamp(3.5rem, 6vw, 5.25rem); --font-size-title-page: clamp(2.5rem, 5vw, 3.75rem); + --font-size-small-title: clamp(1.7rem, 3vw, 2.25rem); --font-size-paragraph: clamp(1rem, 2vw, 1.25rem); --font-size-subtitle: clamp(1.3rem, 3vw, 1.88rem); --font-size-button: clamp(1rem, 3vw, 1.3rem); diff --git a/img/features_bg.svg b/img/features_bg.svg new file mode 100644 index 0000000..fffc6ef --- /dev/null +++ b/img/features_bg.svg @@ -0,0 +1,321 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.liquid b/index.liquid index bcdc6d8..48718cb 100644 --- a/index.liquid +++ b/index.liquid @@ -110,6 +110,22 @@ data: {% endif %} +
    + +
    +{% endif %} +

    {{ home_section.eyebrow }}

    @@ -120,7 +136,7 @@ data:
      {% for social in home_section.socials %} - + {% include social.svg %} {% endfor %} diff --git a/services.liquid b/services.liquid index e21fe13..301b651 100644 --- a/services.liquid +++ b/services.liquid @@ -6,116 +6,300 @@ data: route: servicios --- -
      -
      - -
      -

      Sumergirse en la Web 3.0 puede parecer abrumador, pero no estás solo en este viaje.

      -

      En Virto, no solo te proporcionamos las herramientas; te acompañamos y guiamos en cada paso para adaptar tu negocio al nuevo horizonte digital.

      -
      -
      -
      - -
      -
      -

      Servicios esenciales de Virto

      -
        - {% for service in site.data.index.services %} -
      • -
        -

        {{ service.title }}

        -
        {{ service.description }}
        -
        - {{ service.icon.alt }} -
        • - {% endfor %} -
      -
      -
      - -
      -
      -
      -

      ¿Eres una persona o comunidad con propósito comercial?

      -

      Virto adopta un enfoque de 'Solution as a Service', desarrollando herramientas para montar el negocio a la medida de tus necesidades.

      -
      - -
      -
      - -
      -
      -

      ¡Queremos hacerte la vida lo más fácil posible!

      -

      Te contactaremos para brindarte toda la asesoría que necesites.

      - -
      -
      +{% for service in site.data.index.services %} +
      + +
      + {% endif %} + +
      +
      +
        + {% for item in service.list %} +
      • +

        {{ item.title }}

        +

        {{ item.content }}

        +
        • + {% endfor %} +
      +

      {{ service.last-title }}

      +
      +
      + {% endif %} + +
      +
      +

      {{ service.title }}

      +

      {{ service.paragraph }}

      +
        + {% for item in service.list %} +
      • +
        + {% include item.img %} +
        +

        {{ item.title }}

        +

        {{ item.content }}

        +
        • + {% endfor %} +
      +
      +
      + {% endif %} + +
      +
      +

      Innovación y Seguridad: {{ service.title }}

      +
      +
      + {% include "cubos.svg" %} +
      +

      {{ service.paragraph }}

      +
      +

      {{ service.strong_paragraph }}

      +
      +
      + {% endif %} + +
      +
      +

      {{ service.title }}

      +

      {{ service.subtitle }}

      +
      +
      +
      +

      {{ service.paragraph }}

      +

      {{ service.strong_paragraph }}

      + +
      +
      + {% include "Happy person.svg" %} +
      +
      +
      + {% endif %} + +{% endfor %}