;
+ if (!process.env.BACKEND_URL || process.env.BACKEND_URL == "")
+ return ;
- return (
-
-
-
-
-
- } path="/" />
- } path="/demo" />
- } path="/single/:theid" />
- Not found!} />
-
-
-
-
-
- );
+ return (
+
+
+
+
+
+ } path="/" />
+ } path="/demo" />
+ } path="/single/:theid" />
+ }
+ path="/desarrollo-aplicaciones-web"
+ />
+ } path="/ecommerce" />
+ } path="/apis-integraciones" />
+ } path="/tecnologias" />
+ } path="/sapb1" />
+ } path="/bi" />
+ } path="/erpservicios-page" />
+ } path="/aboutus" />
+ } path="/proyectos" />
+ } path="/contacto" />
+ Not found!} />
+
+
+
+
+
+ );
};
export default injectContext(Layout);
diff --git a/src/front/js/pages/ApisIntegraciones.js b/src/front/js/pages/ApisIntegraciones.js
new file mode 100644
index 0000000000..7bedfe2b31
--- /dev/null
+++ b/src/front/js/pages/ApisIntegraciones.js
@@ -0,0 +1,660 @@
+import React, { useRef, useState } from "react";
+import emailjs from "@emailjs/browser";
+import "../../styles/home.css";
+import APIs from "../../img/APIs.png";
+import apiGif from "../../img/apiGif.gif";
+import AiChatGif from "../../img/AiChatGif.gif";
+import ProtocolosGif from "../../img/ProtocolosGif.gif";
+import lenguajesGif from "../../img/lenguajesGif.gif";
+import BDGif from "../../img/BD-Gif.gif";
+import seguridadGif from "../../img/seguridadGif.gif";
+import cloud from "../../img/cloud.gif";
+
+
+export const ApisIntegraciones = () => {
+ const form = useRef();
+ const [errors, setErrors] = useState({});
+
+
+ return (
+
+ {/* Fondo del título principal */}
+
+
+
+ {/* Hero Section - Ahora completamente centrado */}
+
+
+
+
Desarrollo de APIs e Integraciones
+
+ Conectamos sistemas, automatizamos procesos y mejoramos la eficiencia operativa de tu empresa a través de APIs seguras y escalables.
+
+
+
+
+
+ {/* Sección ¿Qué es el Desarrollo de APIs? - Ahora centrada */}
+
+
+
+
+
+ ¿Qué es el Desarrollo de APIs e Integraciones?
+
+
+ Las APIs (Application Programming Interfaces) son interfaces
+ que permiten que diferentes aplicaciones y sistemas se
+ comuniquen entre sí. Funcionan como «puentes digitales» que
+ permiten intercambiar datos y ejecutar funciones sin necesidad
+ de intervención manual.
+ Por otro lado, las integraciones hacen posible que los
+ sistemas trabajen en conjunto de manera eficiente. Por
+ ejemplo, una empresa que usa un software de facturación, un
+ CRM y una plataforma de e-commerce puede integrar estos
+ sistemas mediante APIs para que compartan información en
+ tiempo real.
+
+
+
+
+
+
+
+
+
+
+ {/* Sección del proceso de desarrollo - Ahora centrada */}
+
+
+
+
+ El proceso de desarrollo de APIs e integraciones incluye varias
+ etapas:
+
+
+
+
+
+
+
+ Implementación y documentación:
+
+
+ Se lanza la API y se proporciona documentación clara para
+ su uso.
+
+
+
+
+
+
+
Mantenimiento y optimización:
+
+ Se monitorea el rendimiento y se realizan mejoras continuas.
+
+
+
+
+
+
+
Análisis de necesidades:
+
+ Se identifican los sistemas que necesitan comunicarse y los
+ datos que deben compartirse.
+
+
+
+
+
+
+
Diseño y desarrollo de la API:
+
+ Se crea una API segura, escalable y optimizada para el
+ rendimiento.
+
+
+
+
+
+
+
+ Pruebas de seguridad y compatibilidad:
+
+
Se validan la integridad y seguridad de los datos.
+
+
+
+
+
+ {/* Sección de Beneficios - Ahora centrada */}
+
+
+ Beneficios del Desarrollo de APIs para Empresas
+
+
+ Contar con APIs e integraciones bien diseñadas puede transformar la
+ operatividad de una empresa, mejorando la eficiencia y reduciendo
+ costos. Algunos de los beneficios más importantes incluyen:
+
+
+
+
+
+
Automatización de Procesos:
+
+ Las APIs permiten que los sistemas se comuniquen sin
+ intervención manual, reduciendo errores y acelerando flujos
+ de trabajo.
+
+
+
+
+
+
+
+ Mejora en la Experiencia del Cliente:
+
+
+ Las integraciones ofrecen servicios rápidos y personalizados,
+ como pagos en segundos en e-commerce.
+
+
+
+
+
+
+
Reducción de Costos Operativos:
+
+ La automatización minimiza trabajo manual, optimizando
+ recursos.
+
+
+
+
+
+
+
Escalabilidad y Flexibilidad:
+
+ Permite crecer sin restricciones, agregando funcionalidades
+ y plataformas.
+
+
+
+
+
+
+
Seguridad y Control de Datos:
+
+ Incluye autenticación, cifrado y control de accesos para
+ proteger información.
+
+
+
+
+
+
+
+ Integración con Software Externo:
+
+
+ Conecta con CRM, ERP, pasarelas de pago y más para un flujo
+ eficiente.
+
+
+
+
+
+ {/* Sección de Tecnologías - Ahora centrada */}
+
+
+ Tecnologías Utilizadas en el Desarrollo de APIs
+
+
+ El desarrollo de APIs requiere el uso de tecnologías avanzadas para
+ garantizar rendimiento, seguridad y escalabilidad. Algunas de las
+ más utilizadas incluyen:
+
+
+
+
+
+
+
+
+
+
+
Protocolos de Comunicación
+
+ REST (Representational State Transfer): Es el estándar más
+ utilizado en APIs, basado en HTTP.
+
+
+ GraphQL: Permite consultas más flexibles y optimizadas en
+ comparación con REST.
+
+
+ SOAP (Simple Object Access Protocol): Utilizado en sistemas
+ empresariales que requieren alta seguridad.
+
+
+
+
+
+
+
Lenguajes de Programación
+
+
+
+
+ {/* JS icon */}
+
+
+
JavaScript (Node.js)
+
+ Ideal para desarrollo backend y APIs escalables con ecosistema amplio.
+
+
+
+
+
+
+ {/* Python icon */}
+
+
+
Python (Flask, Django)
+
+ Popular en aplicaciones empresariales y análisis de datos.
+
+
+
+
+
+
+ {/* Java icon */}
+
+
+
Java y C#
+
+ Ampliamente utilizados en entornos corporativos y software empresarial.
+
+
+
+
+
+
+
+
+
+
+
+
+
{/* Added g-3 for consistent gutter */}
+
+
+
+
+
+
+
+
Bases de Datos
+
+
{/* Flex container for icon + text */}
+
+ {/* Database icon */}
+
+
+ PostgreSQL y MySQL: Opciones relacionales para almacenamiento
+ de datos estructurados.
+
+
+
+
+ {/* Server icon */}
+
+
+ MongoDB: Base de datos NoSQL flexible y escalable.
+
+
+
+
+ {/* Realtime icon */}
+
+
+ Firebase: Base de datos en tiempo real para
+ aplicaciones móviles y web.
+
+
+
+
+
+
{/* Cambiado a align-items-stretch */}
+
+
{/* Añadido w-100 */}
+
+ Herramientas de Seguridad y Autenticación
+
+
{/* Eliminado el párrafo contenedor para mejor control */}
+
{/* Añadido margen inferior a cada párrafo */}
+ OAuth 2.0: Protocolo de autorización seguro para compartir datos.
+
+
+ JWT (JSON Web Tokens): Sistema de autenticación segura para APIs.
+
+
{/* mb-0 para el último elemento */}
+ SSL/TLS: Cifrado de datos en tránsito para proteger la comunicación.
+
+
+
+
+
+
{/* Flex column para la imagen */}
+
+
+
+
+ {/* Columna de imagen (30%) */}
+
+
+
+
+
+
+
+
+ {/* Columna de contenido (70%) */}
+
+
+
+ Infraestructura en la Nube
+
+
+
+
+ {/* AWS */}
+
+
+
+
+
+
+
Amazon Web Services
+
+ Ofrece API Gateway, Lambda, bases de datos escalables y más de 200 servicios cloud.
+
+
+
+
+
+ {/* Google Cloud */}
+
+
+
+
+
+
+
Google Cloud
+
+ Proporciona herramientas para desarrollo, implementación de APIs e integración con IA.
+
+
+
+
+
+ {/* Azure */}
+
+
+
+
+
+
+
Microsoft Azure
+
+ Plataforma con soluciones empresariales avanzadas y perfecta integración con Microsoft 365.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Sección de Conclusión - Ahora centrada */}
+
+
+
+ Conclusión
+
+
+
+
+ El desarrollo de APIs e integraciones es fundamental para cualquier
+ empresa que busque optimizar procesos, mejorar la experiencia del
+ cliente y aumentar la eficiencia operativa. Al conectar sistemas,
+ automatizar tareas y garantizar la seguridad de los datos, las
+ APIs permiten a las empresas crecer y adaptarse a las nuevas
+ exigencias del mercado.
+ Si deseas transformar tu empresa con soluciones tecnológicas
+ avanzadas, un equipo experto en desarrollo de APIs puede ayudarte
+ a diseñar e implementar integraciones eficientes y seguras.
+
+ ¡Contáctanos hoy y descubre cómo las APIs pueden impulsar tu
+ negocio al siguiente nivel!
+
+
+
+
+
+
+
+
+
+
+
+ {/* Fondo del título principal */}
+
+
+ {/* Contenido principal con corrección de centrado */}
+
+
+ {/* Hero Section - Ahora completamente centrado */}
+
+
+
+
Desarrollo de Aplicaciones Web
+
+ Desarrollamos aplicaciones web personalizadas que optimizan
+ procesos, mejoran la experiencia del usuario y potencian la
+ eficiencia de tu negocio. Nuestras soluciones están diseñadas
+ para adaptarse a tus necesidades específicas, permitiendo
+ escalabilidad, seguridad y un rendimiento óptimo.
+
+
+
+
+
+ {/* Resto del componente permanece igual */}
+
+
+
+
+
+
+
+ ¿Qué es el Desarrollo Web y por qué es importante?
+
+
+ El desarrollo web es el proceso de crear sitios y aplicaciones
+ accesibles a través de internet. En la era digital, las
+ empresas necesitan herramientas eficientes para mejorar sus
+ procesos, conectar con sus clientes y optimizar la gestión
+ interna. Este servicio ofrece soluciones escalables,
+ accesibles y seguras que permiten a las organizaciones
+ destacar en un mercado competitivo.
+ La importancia radica en su capacidad para transformar
+ negocios, mejorar la experiencia del usuario y proporcionar
+ una presencia online sólida. Desde sitios corporativos hasta
+ plataformas interactivas, el desarrollo web es clave para el
+ éxito empresarial.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Tipos de Aplicaciones Web Más Utilizadas:
+
+
+
+
+
+
+
+
Análisis de Requisitos
+
+ Identificamos las necesidades del cliente y los objetivos del
+ software, asegurando una estructura eficiente, escalable y
+ adecuada a los datos.
+
+
+
+
+
+
+
Aplicaciones ERP y CRM
+
+ Soluciones para gestionar recursos humanos, inventarios y
+ relaciones con clientes, optimizando procesos empresariales.
+
+
+
+
+
+
+
Plataformas de Comercio Electrónico
+
+ Impulsamos el crecimiento digital con tiendas online que
+ integran pagos y gestionan inventarios de forma eficiente.
+
+
+
+
+
+
+
Sistemas de Reservas
+
+ Facilitamos reservas en línea para hoteles, restaurantes y
+ servicios, reduciendo la carga administrativa.
+
+
+
+
+
+
+
Aplicaciones de e-Learning
+
+ Ofrecemos plataformas educativas online con acceso a cursos y
+ material desde cualquier lugar.
+
+
+
+
+
+
+
Desarrollo de Backend
+
+ Construimos la lógica y estructura del software, garantizando
+ eficiencia y seguridad en los datos.
+
+
+
+
+
+
+
Diseño de UI/UX
+
+ Creamos experiencias atractivas y funcionales para los
+ usuarios con un diseño intuitivo.
+
+
+
+
+
+
+
Mantenimiento
+
+ Ofrecemos soporte continuo para mejoras y actualizaciones del
+ software.
+
+
+
+
+
+
+
Optimización
+
+ Mejoramos el rendimiento y la velocidad para una experiencia
+ óptima.
+
+
+
+
+
+
+
+
+ Tecnologías Utilizadas en el Desarrollo de Aplicaciones Web
+
+
+ El desarrollo de aplicaciones web involucra diversas tecnologías y
+ frameworks que permiten crear soluciones eficientes y escalables. A
+ continuación, exploramos las herramientas más utilizadas.
+
+
+
+
+
+
+
+
+
+
+
Lenguajes de Programación
+
+ Utilizamos lenguajes esenciales para desarrollar soluciones
+ robustas. Incluyen opciones versátiles para frontend, backend
+ y análisis de datos.
+
+
JavaScript: Ideal para frontend y backend con Node.js.
+
Python: Fácil de usar, ideal para IA y análisis.
+
PHP: Perfecto para gestión de bases de datos.
+
Ruby: Popular en startups con Ruby on Rails.
+
+
+
+
+
+
Frameworks Frontend
+
+ Soluciones modernas para construir interfaces de usuario dinámicas y altamente escalables.
+
+
+
+
+
+
+
+
+
React.js
+
+ Biblioteca para interfaces dinámicas con Virtual DOM y componente reutilizables
+
+
+
+
+
+
+
+
+
+
Angular
+
+ Framework completo para aplicaciones empresariales complejas
+
+
+
+
+
+
+
+
+
+
Vue.js
+
+ Framework progresivo y flexible para interfaces interactivas
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{/* Fondo oscuro para contraste */}
+
+
+
+
+
+
+
Frameworks Backend
+
+ Soluciones robustas para desarrollo server-side con alto rendimiento y escalabilidad.
+
+
+
+
+
{/* Color Node.js */}
+
+
+
+
Node.js
+
+ Entorno de ejecución JavaScript rápido y escalable para operaciones I/O intensivas
+
+
+
+
+
+
{/* Color Django */}
+
+
+
+
Django
+
+ Framework Python "baterías incluidas" con énfasis en seguridad y rapidez de desarrollo
+
+
+
+
+
+
{/* Color Laravel */}
+
+
+
+
Laravel
+
+ Framework PHP elegante con arquitectura MVC y amplio ecosistema
+
+
+
+
+
+
+
+
{/* Cambiado a col-lg para mejor responsividad */}
+
{/* Estilo moderno */}
+
Bases de Datos
{/* Tamaño de fuente aumentado */}
+
{/* Texto introductorio destacado */}
+ Sistemas avanzados para gestión eficiente y segura de datos
+
+
+
+
+
+
+ {/* Icono MySQL */}
+
+
+
+
MySQL
{/* Color corporativo */}
+
+ Sistema relacional open-source ideal para aplicaciones web tradicionales
+
+
+
+
+
+
+
+ {/* Icono PostgreSQL */}
+
+
+
+
PostgreSQL
+
+ Base de datos avanzada con soporte para JSON y estructuras complejas
+
+
+
+
+
+
+
+ {/* Icono MongoDB */}
+
+
+
+
MongoDB
+
+ Base de datos NoSQL flexible para big data y aplicaciones modernas
+
+
+
+
+
+
+
+
{/* Cambiado a col-lg */}
+
+
+
+
+
+
{/* Columnas responsivas */}
+
+
+
+
+
+
+
+
+
+
+
+ Tecnologías en la Nube
+
+
+
+ Plataformas escalables para infraestructura, almacenamiento y servicios gestionados
+
+
+
+
+ {/* AWS */}
+
+
+
+
+
+
+
Amazon Web Services
+
+ Infraestructura escalable con 200+ servicios cloud
+
+
+
+
+
+ {/* Google Cloud */}
+
+
+
+
+
+
+
Google Cloud
+
+ Plataforma de alto rendimiento con IA integrada
+
+
+
+
+
+ {/* Azure */}
+
+
+
+
+
+
+
Microsoft Azure
+
+ Soluciones empresariales con integración Microsoft
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Conclusión
+
+
+
+ El desarrollo de aplicaciones web se ha convertido en un pilar
+ fundamental para la transformación digital de las empresas. En un
+ entorno donde la rapidez, la eficiencia y la experiencia del usuario
+ son determinantes, contar con soluciones web personalizadas permite
+ automatizar procesos, integrar sistemas y brindar un acceso ágil y
+ seguro desde cualquier dispositivo. Más allá de ser una simple
+ herramienta tecnológica, una aplicación web bien diseñada representa
+ una ventaja estratégica: impulsa la productividad, mejora la relación
+ con los clientes y abre nuevas oportunidades de crecimiento. En
+ nuestro equipo, combinamos innovación, experiencia y tecnologías
+ modernas para desarrollar plataformas que no solo resuelven
+ necesidades actuales, sino que también preparan a tu empresa para los
+ desafíos del futuro.
+
+
+
+
+
+
+
+
+
+
+ {/* HERO SECTION - Fondo completo debajo del navbar */}
+
+
+
+ Desarrollo de Ecommerce Personalizado
+
Soluciones a tu Medida
+
+
+ Impulsa tu negocio con tecnología adaptada a tus necesidades.
+
+
+
+
+
+ {/* Contenido principal encima del hero */}
+
+
+
+ Características Diferenciales
+
+
+ Soluciones que Entregamos: Habilitamos interacciones B2B y B2C,
+ optimizando operaciones internas con software personalizado.
+
+
+
+
+
+
Arquitectura MACH: Microservicios y Cloud-Native
+
+
+
+
+
+
Integración de sistemas empresariales
+
+
+
+
+
+
Experiencia de Usuario Excepcional
+
+
+
+
+
+
Diseño responsivo para múltiples dispositivos
+
+
+
+
+
+
Interfaces elegantes y funcionales
+
+
+
+
+
+
+
Frameworks modernos que garantizan escalabilidad
+
+
+
+
+
+
Soluciones 100% personalizadas
+
+
+
+
+
+
Creamos tiendas online que conectan y sorprenden
+
+
+
+
+
+
Procesos de compra centrados en el usuario
+
+
+
+
+
+
Rendimiento óptimo y velocidad de carga
+
+
+
+
+
+
+ Servicios de Desarrollo Ecommerce que Transforman tu Negocio
+
+
+
+
+
+
Frontend Personalizado
+
+ Interfaces únicas y optimizadas para una experiencia de usuario excepcional.
+
+
+
+
+
+
+
Diseño de Marca
+
+ Diseño que refleja y refuerza la identidad de tu marca, asegurando coherencia.
+
+
+
+
+
+
+
Interfaces Intuitivas
+
+ Interfaces de usuario claras y fáciles de usar, enfocadas en eficiencia.
+
+
+
+
+
+
+
Navegación Fluida
+
+ Navegación ágil y sin interrupciones para una experiencia óptima.
+
+
+
+
+
+
+
Backend Robusto
+
+ Arquitectura sólida y escalable para rendimiento y seguridad.
+
+
+
+
+
+
+
Gestión de Inventario
+
+ Control eficiente y en tiempo real de tu stock para optimizar operaciones.
+
+
+
+
+
+
+
Pasarelas de Pago
+
+ Integración fluida con pasarelas de pago, garantizando transacciones seguras.
+
+
+
+
+
+
+
Sistemas Seguros
+
+ Sistemas de pago seguros que protegen transacciones y confianza.
+
+
+
+
+
+
+
Gestión de Pedidos
+
+ Módulos que optimizan la gestión y entrega de pedidos de forma eficiente.
+
+
+
+
+
+
+ Planes Web
+
+
+
+
+
+
Started
+
+ COTIZAR
+
+
+ - ✔ Web autoadministrable
+ - ✔ 1 Banner slider
+ - ✔ 4 Cantidad de páginas
+ - ✔ Multidispositivo
+ - ✔ Certificado SSL
+ - ✔ Capacitación
+ - ✘ Integración medios de pago
+ - ✘ Carga de productos
+ - ✘ Blog
+
+
+
+
+
+
+
+
+
ECommerce
+
+
+
+ COTIZAR
+
+
+ - ✔ Web autoadministrable
+ - ✔ 4 Banner slider
+ - ✔ 7 Cantidad de páginas
+ - ✔ Multidispositivo
+ - ✔ Certificado SSL
+ - ✔ Integración medios de pago
+ - ✔ Capacitación
+ - ✔ 40 Carga de productos
+ - ✔ Blog
+ - ✔ Chat vía WhatsApp
+ - ✔ Integración Facebook Pixel
+ - ✔ Filtro de productos
+ - ✔ Carro de compras
+ - ✔ Carro de compras abandonado
+ - ✔ Integración Google Analytics
+
+
+
+
+
+
+
+
+
A Medida
+
PARA EMPRESAS
+
+ CONTÁCTANOS
+
+
+ - ✔ Previo levantamiento
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Nuestros Servicios ERP
+
+
+
+ {services.map((service) => (
+
+
+
+
+ {service.title}
+
+
+ {service.description}
+
+
+
+ ))}
+
+ SAP Business One: el ERP para PYMES
+
+
+
+
+ ¿Qué es SAP Business One? Es un ERP diseñado para que la PYME y las empresas en crecimiento de hoy operen
+ como un GRANDE. Una solución completa para administrar toda tu empresa con transparencia e
+ integrando finanzas, ventas, inventarios, operaciones y más.
+
+
+ Te ayuda a tener mayor control de tu negocio de forma integral, con acceso instantáneo a información clave,
+ mayor productividad y crecimiento rentable.
+
+
+
+
+ {services.map((service) => (
+
+
+
{service.title}
+
{service.description}
+
+ ))}
+
+ {extraModules.map((module) => (
+
+
+
{module.title}
+
{module.description}
+
+ ))}
+
+ Sobre Nosotros
+
+
+
+
+ Somos tres profesionales del área tecnológica que nos conocimos en una academia de tecnología. Unidos por el deseo de crear soluciones
+ innovadoras, rentables y funcionales para empresas.
+
+
+ Estamos increíblemente entusiasmados con el futuro de nuestro proyecto y su potencial para ayudar y mejorar la forma en que las empresas trabajan
+ y se comunican con sus clientes.
+
+
+ Nuestro Equipo
+
+
+
+ {team.map((member) => (
+
+
+
+ {member.name}
+
+
{member.role}
+
+ {/* Solo si tiene skills */}
+ {member.skills && (
+
+ {member.skills.map((skill, index) => (
+ - {skill}
+ ))}
+
+ )}
+
+ ))}
+
+ {/* Sección inicial con GIF y texto, sin imagen de fondo */}
+
+
+
+
+
+ Tecnologías Cloud
+
+
+ Nos especializamos en soluciones basadas en la nube para maximizar
+ la escalabilidad y la seguridad de tus proyectos. Ofrecemos
+ servicios que aprovechan las últimas tecnologías para alojar,
+ gestionar y optimizar tus aplicaciones.
+
+
+ - AWS, Azure y Google Cloud como plataformas principales.
+ - Infraestructura como código (IaC).
+ - Almacenamiento escalable y backups automáticos.
+
+
+ Nuestro equipo está capacitado para implementar soluciones que se
+ adapten a tus necesidades, desde despliegues simples hasta
+ arquitecturas complejas en entornos híbridos.
+
+
+
+
+
+
+
+
+
+
+ {/* Sección de Tecnologías que utilizamos */}
+
+
+ Tecnologías que utilizamos
+
+
+ {/* Back-end */}
+
+
Back-end
+
+
+ Desarrollamos la lógica del servidor con tecnologías robustas como
+ Node.js, .NET Core y Python, asegurando rendimiento y escalabilidad.
+
+
+
+ {/* Front-end */}
+
+
Front-end
+
+
+ Creamos interfaces modernas y responsivas utilizando React y
+ Angular para una experiencia de usuario óptima.
+
+
+
+ {/* Base de Datos */}
+
+
Base de Datos
+
+
+ Gestionamos datos con bases robustas como PostgreSQL, MongoDB y
+ MySQL para almacenamiento seguro y eficiente.
+
+
+
+ {/* Tecnologías de Virtualización */}
+
+
Tecnologías de Virtualización
+
+
+ Implementamos virtualización con VMware y Red Hat para entornos
+ escalables y eficientes en la nube.
+
+
+
+
+ {/* Sección de Metodología Agile (SCRUM) con imagen */}
+
+
+
+
+
+ Metodología Agile (SCRUM)
+
+
+ Scrum es un proceso en el que se aplican de manera regular un conjunto
+ de buenas prácticas para trabajar colaborativamente, en equipo, y
+ obtener el mejor resultado posible de un proyecto:
+
+
+
+
+
+
+
+
+ {/* Ícono flotante de WhatsApp */}
+
+
+
+
+ - SQL Server
+ - PostgreSQL
+ - HANA DB
+ - MySQL
+
+
+ ),
+ image: SAP_one,
+ },
+ {
+ id: 2,
+ title: "Business Analytics",
+ description: (
+ <>
+
+ Trabajamos con distintos productos para lograr entregar de la manera más sencilla y ágil posible los datos de su negocio:
+
+ - Crystal Reports
+ - Power BI
+ - Tableau
+ - Conexión Excel a BDs
+
+
+ ),
+ image: SAP_two,
+ },
+ {
+ id: 3,
+ title: "Desarrollos especiales",
+ description:
+ "Si necesita una intranet con acceso a información clave para sus usuarios, esto lo podemos realizar.",
+ image: SAP_three,
+ },
+ ];
+
+ const extraModules = [
+
+ ];
+
+ return (
+
+
+
+ Soluciones para Business Analytics
+
+
+
+
+ Las soluciones de Business Analytics ayudan a empresas de todos los tamaños a hacer más con sus datos,
+ transformándolos en información procesable y visualizaciones fácilmente entendibles que le permitirán tomar mejores
+ decisiones basadas en hechos, descubrir tendencias ocultas y mejorar rápidamente el rendimiento de su negocio.
+ Consiga una rápida comprensión de todo lo que acontece en su negocio con las mejores capacidades de análisis,
+ incluida inteligencia empresarial en tiempo real, planificación y análisis.
+
+
+ {extraModules.map((module) => (
+
+
+
+
+
{module.title}
+
{module.description}
+
+ ))}
+
+ {services.map((service) => (
+
+
+
{service.title}
+
{service.description}
+
+ ))}
+
+ {/* Sección de Contacto - Estilo anterior */}
+
+
Check store/flux.js scroll to the actions to see the code
diff --git a/src/front/js/pages/home.js b/src/front/js/pages/home.js
index 7b0be46a1e..ef5745de3e 100755
--- a/src/front/js/pages/home.js
+++ b/src/front/js/pages/home.js
@@ -1,26 +1,150 @@
-import React, { useContext } from "react";
-import { Context } from "../store/appContext";
-import rigoImageUrl from "../../img/rigo-baby.jpg";
+import React, { useRef, useState } from "react";
+import emailjs from "@emailjs/browser";
import "../../styles/home.css";
+import heroImage from "../../img/fondo.jpg";
+import fondop from "../../img/fondop.jpg";
+import { Link } from "react-router-dom"; // Si usas React Router
export const Home = () => {
- const { store, actions } = useContext(Context);
-
- return (
-
-
Hello Rigo!!
-
- 
-
-
- {store.message || "Loading message from the backend (make sure your python backend is running)..."}
-
-
- This boilerplate comes with lots of documentation:{" "}
-
- Read documentation
-
-
-
+ {/* HERO SECTION */}
+
+
+
+
+ Digitalizamos tu visión
Donde la tecnología se adapta a tu negocio.
+
+
+ Software a la medida, integraciones eficientes,
+ consultoria en ERP, especialmente SAP Business One
+ Reportes y Business Intelligence
+ Tecnología que impulsa tu negocio al siguiente nivel
+
+
+
+
+
+
+ {/* SERVICES SECTION */}
+
+ ¿QUÉ OFRECEMOS?
+
+
+
+
+
+
+
Consultoria ERP y BI
+
+ Bindamos apoyo en mejorar la experiencia con SAP Business One, tanto a nivel de procesos como de reporteria. Generando dashboard dinamicos,
+ reportes a midida con Crystal report o escalando a Power BI una poderosa herramienta para la construccion de reportes de gestión.
+
+
+
+
+
+
+
+
Desarrollo a la medida
+
+ Diseñamos y desarrollamos soluciones digitales personalizadas que se ajustan a las necesidades específicas de tu negocio. Utilizamos tecnología moderna, buenas prácticas y un equipo comprometido con la calidad y la innovación.
+
+
+
+
+
+
+
Software factory
+
+ Creamos aplicaciones escalables y robustas en la nube, pensadas para empresas que necesitan eficiencia, rendimiento y velocidad de desarrollo. Aplicamos metodologías ágiles y estándares de excelencia técnica en cada proyecto.
+
+
+
+
+
+
+
+
+
+
+
+
¿QUÉ HACEMOS?
+
+ El servicio de desarrollo de software de nuestra empresa es una solución
+ integral para resolver problemáticas de talento y capacidad en la construcción
+ de soluciones digitales con tecnologías cloud. Nos destacamos por combinar
+ experiencia técnica, buenas prácticas y un enfoque centrado en la calidad.
+
+ {/* Opción con React Router: */}
+
+
+
+
+
+
+
+
+
+ Algunos de Nuestros Proyectos
+
+
+
+
Proyectos que hemos trabajado
+
+ {extraModules.map((module) => (
+
+ {module.id === 7 ? (
+
+ ) : (
+
+
+
+ )}
+
{module.title}
+
{module.description}
+
+ ))}
+
+ {services.map((service) => (
+
+
+
{service.title}
+
{service.description}
+
+ ))}
+