From 3eccb66a6fbaa6b795fb4a2a89f57689095e2dee Mon Sep 17 00:00:00 2001 From: AlexeerCT Date: Sat, 7 Mar 2026 23:53:53 -0600 Subject: [PATCH] Refactor code structure for improved readability and maintainability --- frontend/src/routes/+layout.svelte | 4 +- frontend/src/routes/+page.svelte | 1129 +++++++++++++++++++++++++--- 2 files changed, 1034 insertions(+), 99 deletions(-) diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte index 50904564..169654cd 100644 --- a/frontend/src/routes/+layout.svelte +++ b/frontend/src/routes/+layout.svelte @@ -22,6 +22,8 @@ +{@render children?.()} + @@ -33,5 +35,3 @@ placeholder="Global Search..." onfocus={() => console.log('Global Search Focused')} /> - -{@render children?.()} diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte index b1cdc8e3..b3cc2973 100644 --- a/frontend/src/routes/+page.svelte +++ b/frontend/src/routes/+page.svelte @@ -1,134 +1,1069 @@ -
- -
-
-
-
-

Anexo76

-

Gestión de Comercio Exterior

+ +{#if $isAuthenticated} +
+
+
+
+ Anexo 76 +
+

Anexo 76

+

Gestión de Comercio Exterior

+
-
- {#if $isAuthenticated} -
-

{$currentUser?.name || $currentUser?.username}

-

{$currentUser?.email}

+
+

{$currentUser?.name || $currentUser?.username}

+

{$currentUser?.email}

+
+ +
+
+
+
+
+

Bienvenido de vuelta

+

Accede al panel desde el menú principal.

+ + Ir al Dashboard → + +
+
+
+ +{:else} + +
+ + + + + +
+
+
+
+
+ +
+
+ + Plataforma SaaS · Comercio Exterior Mexicano +
+ +
+
+
+ Anexo 76 +
+ +

+ Cumplimiento fiscal y aduanal
+ sin complicaciones +

+

+ Anexo 76 es la solución SaaS para maquilas, empresas IMMEX y agentes aduanales + que necesitan gestionar sus inventarios y reportes conforme a los Anexos 22, 24 y 30 del SAT. +

+ +
+ + Solicitar una demo + + + + + Iniciar sesión +
+ +
+
+ + Normativa SAT +
+
+
+ + 100% en la nube +
+
+
+ + Seguridad empresarial +
+
+
+ + Actualizaciones automáticas +
+
+
+ +
+
+ Desplaza hacia abajo +
+
+ + +
+
+
+ 24/30/22 + Anexos SAT cubiertos +
+
+
+ 100% + En la nube, sin instalación +
+
+
+ Multi-tenant + Arquitectura escalable +
+
+
+ SSO + Google & Microsoft +
+
+
+ + +
+
+
+ Características +
+

+ + Todo lo que necesitas para cumplir con el SAT + +

+

+ + Diseñado específicamente para la industria de comercio exterior en México. + +

+ +
+ {#each [ + { + icon: ``, + title: 'Control de Inventarios', + desc: 'Registro y seguimiento en tiempo real de materias primas, productos en proceso y productos terminados bajo régimen IMMEX.' + }, + { + icon: ``, + title: 'Reportes Automatizados', + desc: 'Generación automática de reportes para el Anexo 24 y Anexo 30, y uso de los catálogos del Anexo 22 (instructivo de llenado y claves de pedimentos) conforme a los requisitos del SAT y VUCEM.' + }, + { + icon: ``, + title: 'Multi-empresa', + desc: 'Gestiona múltiples empresas desde una sola plataforma. Arquitectura multi-tenant con base de datos compartida o dedicada.' + }, + { + icon: ``, + title: 'Seguridad Empresarial', + desc: 'Autenticación con Keycloak, SSO con Google y Microsoft, control de acceso por roles y auditoría completa de operaciones.' + }, + { + icon: ``, + title: 'Importación Masiva', + desc: 'Importa operaciones, pedimentos y movimientos de inventario desde archivos Excel o XML de manera rápida y validada.' + }, + { + icon: ``, + title: 'Actualizaciones Continuas', + desc: 'La plataforma se actualiza automáticamente con los cambios normativos del SAT, sin interrupciones ni costos adicionales.' + } + ] as feat, i} +
+
+ + {@html feat.icon} + +
+

{feat.title}

+

{feat.desc}

+
+ {/each} +
+
+
+ + +
+
+
+ Para tu industria +
+

+ + Diseñado para los actores del comercio exterior + +

+ +
+ {#each [ + { + emoji: '🏭', + title: 'Maquiladoras', + desc: 'Lleva el control preciso de tu programa de maquila: entradas, salidas, mermas y productos terminados con trazabilidad completa.', + tags: ['Anexo 24', 'Inventarios', 'Mermas'] + }, + { + emoji: '🌐', + title: 'Empresas IMMEX', + desc: 'Cumple con las obligaciones del programa IMMEX: reportes al SAT, control de temporalidad y recuperación de impuestos.', + tags: ['Anexo 30', 'IMMEX', 'SAT'] + }, + { + emoji: '🛃', + title: 'Agentes Aduanales', + desc: 'Gestiona múltiples clientes desde una sola plataforma. Crea organizaciones independientes con usuarios y permisos propios.', + tags: ['Multi-cliente', 'Pedimentos', 'Roles'] + }, + { + emoji: '📦', + title: 'Importadores y Exportadores', + desc: 'Controla tus operaciones de importación y exportación, vinculando pedimentos con movimientos de inventario automáticamente.', + tags: ['Anexo 7226', 'Pedimentos', 'Exportación'] + } + ] as ind, i} +
+
{ind.emoji}
+

{ind.title}

+

{ind.desc}

+
+ {#each ind.tags as tag} + {tag} + {/each} +
+
+ {/each} +
+
+
+ + +
+
+
+
+
+ Normativa SAT +
+

+ Cumplimiento total con la regulación aduanal mexicana +

+

+ Nuestra plataforma fue construida desde cero para cumplir con las reglas generales de comercio + exterior y los anexos de declaración del SAT. +

+
    + {#each [ + 'Anexo 24 – Inventarios de empresas con Programa IMMEX', + 'Anexo 30 – Sistema de Control de Inventarios', + 'Anexo 22 – Instructivo de llenado del pedimento y catálogos de claves aduanales', + 'Declaración Anual de Manufactura (DAM)', + 'Integración con pedimentos electrónicos', + 'Generación automática de archivos para presentación al SAT' + ] as item} +
  • + + + + {item} +
    • + {/each} +
+ + Conocer más + + + + +
+ +
+ {#each [ + { num: '24', label: 'Inventarios IMMEX', color: '#3b82f6' }, + { num: '30', label: 'Control de Inventarios', color: '#6366f1' }, + { num: '22', label: 'Llenado y claves de pedimentos', color: '#0ea5e9' } + ] as anexo, i} +
+
Anexo
+
{anexo.num}
+
{anexo.label}
+
+ {/each} +
+
+
+ + +
+
+
+ ¿Cómo funciona? +
+

+ Empieza en minutos, no en días +

+ +
+ {#each [ + { step: '01', title: 'Solicita tu acceso', desc: 'Contáctanos y en menos de 24 horas tendrás tu cuenta configurada con el nombre de tu empresa.' }, + { step: '02', title: 'Configura tu organización', desc: 'Carga tu catálogo de insumos, productos y pedimentos. La plataforma te guía en cada paso.' }, + { step: '03', title: 'Opera y controla', desc: 'Registra tus movimientos diarios y genera reportes automáticamente cuando el SAT lo requiera.' }, + { step: '04', title: 'Siempre actualizado', desc: 'Las actualizaciones normativas se aplican automáticamente. Sin instalaciones ni interrupciones.' } + ] as s, i} +
+
{s.step}
+

{s.title}

+

{s.desc}

+
+ {/each} +
+
+
+ + +
+
+
+
+
+ Contratar +
+

+ ¿Listo para transformar tu cumplimiento aduanal? +

+

+ Habla con nuestro equipo. Te mostraremos cómo Anexo 76 puede adaptarse a las necesidades + de tu empresa o despacho. +

+
+ {#each [ + 'Demo personalizada sin compromiso', + 'Migración de datos existentes', + 'Capacitación incluida', + 'Soporte técnico dedicado' + ] as cf} +
+
+ {cf} +
+ {/each} +
+
+ Desarrollado por + AduanaSoft + · México +
+
+ +
+
+ {#if contactSent} +
+
+ + + +
+

¡Recibimos tu mensaje!

+

Un asesor de AduanaSoft se pondrá en contacto contigo en las próximas 24 horas.

- {:else} - +

Solicita información

+

Sin compromiso. Respuesta en menos de 24 h.

+
+
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+ + +
+ +

+ Al enviar, aceptas nuestra + Política de Privacidad y nuestros + Términos de Servicio. +

+
{/if}
-
+ - -
- -
-
-

- Bienvenido a Anexo76 -

-

- Plataforma SaaS para gestión de comercio exterior conforme a Anexos 24, 30 y 22 del SAT. - Ideal para maquilas, empresas IMMEX y agentes aduanales. -

-
- - Registrarse - - -
-
- - -
-

Características principales

-
-
-

Multi-tenant

-

- Arquitectura híbrida con BD compartida o dedicada según necesidades -

-
-
-

Seguridad

-

- Autenticación con Keycloak y control de acceso basado en roles -

-
-
-

Licencias

-

- Planes flexibles desde Free hasta Enterprise con features personalizadas -

-
-
+ +
+
+
+ +
+
Anexo 76
+
by AduanaSoft
-
- - - +
+{/if} + +