diff --git a/src/assets/imgs/card_1.webp b/src/assets/imgs/card_1.webp new file mode 100644 index 0000000..f367e67 Binary files /dev/null and b/src/assets/imgs/card_1.webp differ diff --git a/src/assets/imgs/card_2.webp b/src/assets/imgs/card_2.webp new file mode 100644 index 0000000..1696743 Binary files /dev/null and b/src/assets/imgs/card_2.webp differ diff --git a/src/assets/imgs/card_3.webp b/src/assets/imgs/card_3.webp new file mode 100644 index 0000000..0e54a68 Binary files /dev/null and b/src/assets/imgs/card_3.webp differ diff --git a/src/assets/imgs/card_4.webp b/src/assets/imgs/card_4.webp new file mode 100644 index 0000000..dbe3119 Binary files /dev/null and b/src/assets/imgs/card_4.webp differ diff --git a/src/assets/imgs/pc_with_graphics.webp b/src/assets/imgs/pc_with_graphics.webp new file mode 100644 index 0000000..f65b26a Binary files /dev/null and b/src/assets/imgs/pc_with_graphics.webp differ diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index c31a8fa..1e4b3e8 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -47,42 +47,49 @@ const { pageTitle } = Astro.props;
-
- +
+ + +

+ Contactanos por WhatsApp +

+
+ + + +
+ + fill="var(--base-white)" + d="M2 9.5A4.5 4.5 0 0 1 6.5 5h19A4.5 4.5 0 0 1 30 9.5v13a4.5 4.5 0 0 1-4.5 4.5h-19A4.5 4.5 0 0 1 2 22.5zM6.5 7A2.5 2.5 0 0 0 4 9.5V11h24V9.5A2.5 2.5 0 0 0 25.5 7zM4 22.5A2.5 2.5 0 0 0 6.5 25h19a2.5 2.5 0 0 0 2.5-2.5V13H4zM21 19h3a1 1 0 1 1 0 2h-3a1 1 0 1 1 0-2" + > -

- Contactanos por WhatsApp -

-
- -
- - -

- Ir al portal de pagos -

-
+

+ Ir al portal de pagos +

+
+
diff --git a/src/pages/index.astro b/src/pages/index.astro index 46b6346..82d8246 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -21,53 +21,62 @@ import "../styles/index.css";

¿Qué ofrecemos?

- Lorem ipsum dolor sit amet, consectetur adipisicing elit. - Sint, saepe quisquam deleniti mollitia tempore, laborum - neque commodi ipsam nobis placeat. + En Naliia te ofrecemos una solución diseñada para + simplificar la operación de tu negocio, mejorar la gestión + diaria y automatizar procesos clave.

-
+
-
Título tarjeta
+
🧩 Gestión integral del negocio

- Lorem ipsum dolor sit amet, consectetur adipisicing - elit. Provident ut quisquam corrupti minus, in ab - labore ratione aperiam ducimus cumque. + Centraliza la información y los procesos clave de tu + negocio en una sola plataforma. Administra clientes, + ventas, inventarios, agenda y contabilidad de forma + ordenada, reduciendo errores y ahorrando tiempo + operativo.

-
+
-
Título tarjeta
+
👥 Herramientas para tu equipo

- Lorem ipsum dolor sit amet, consectetur adipisicing - elit. Provident necessitatibus et non quia - voluptates aperiam eligendi ut in error vero. + Pon a tu equipo en sintonía con una aplicación web + intuitiva que les permite ver sus servicios + agendados, registrar avances, añadir observaciones y + evidencias, y trabajar conectados en tiempo real con + la administración.

-
+
-
Título tarjeta
+
+ 🤖 Automatización con
inteligencia artificial +

- Lorem ipsum dolor sit amet, consectetur adipisicing - elit. Provident necessitatibus et non quia - voluptates aperiam eligendi ut in error vero. + Optimiza la comunicación y la atención al cliente + con agentes de inteligencia artificial que + automatizan el agendamiento de citas, confirmaciones + y mensajes por WhatsApp y otros canales, sin + intervención manual.

-
+
-
Título tarjeta
+
📊 Control y toma de decisiones

- Lorem ipsum dolor sit amet, consectetur adipisicing - elit. Provident necessitatibus et non quia - voluptates aperiam eligendi ut in error vero. + Accede a reportes claros y actualizados sobre la + operación, el desempeño del equipo y los resultados + del negocio, para tomar decisiones informadas y + planificar el crecimiento con mayor seguridad.

diff --git a/src/styles/index.css b/src/styles/index.css index 1ac954c..fd8c8f3 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -43,13 +43,9 @@ height: 200px; padding: var(--space-3xl-64px); - display: flex; - - background-image: url("../assets/imgs/img-preview.svg"); - background-repeat: no-repeat; - background-position: right; - background-size: contain; + overflow: hidden; + position: relative; } .card-content { @@ -58,6 +54,30 @@ flex-direction: column; gap: var(--space-md-16px); } +.card-1 { + background-image: url("../assets/imgs/card_1.webp"); + background-size: auto 136%; + background-position: right center; + background-repeat: no-repeat; +} +.card-2 { + background-image: url("../assets/imgs/card_2.webp"); + background-size: auto 136%; + background-position: right center; + background-repeat: no-repeat; +} +.card-3 { + background-image: url("../assets/imgs/card_3.webp"); + background-size: auto 136%; + background-position: right center; + background-repeat: no-repeat; +} +.card-4 { + background-image: url("../assets/imgs/card_4.webp"); + background-size: auto 136%; + background-position: right center; + background-repeat: no-repeat; +} /* ----- Pricing section styles ----- */ .pricing-container {