Fixes

Author: trinity-bytes

public/js/scroll-animations.js

@@ -50,9 +50,12 @@ document.addEventListener("DOMContentLoaded", function () {
       if (child.classList.contains("blurred-fade")) {
         // Mantener blurred-fade en hijos también
       }
-    });
-    // Remover cualquier animación inmediata SOLO de elementos scroll-trigger
-    if (element.classList.contains("animate-on-scroll-trigger")) {
+    }); // Remover cualquier animación inmediata SOLO de elementos scroll-trigger
+    // NO remover animate-blurred-fade-in del hero section
+    if (
+      element.classList.contains("animate-on-scroll-trigger") &&
+      !element.closest("#inicio")
+    ) {
       element.classList.remove("animate-blurred-fade-in");
     }
 

public/site.webmanifest

@@ -2,22 +2,22 @@
   "name": "SafeMap - Navega Seguro con IA",
   "short_name": "SafeMap",
   "description": "Plataforma móvil de seguridad ciudadana que permite reportar incidentes anónimamente y obtener rutas seguras con IA en tiempo real",
-  "start_url": "/",
+  "start_url": "/SafeMap-Web/",
   "display": "standalone",
   "background_color": "#ffffff",
   "theme_color": "#2563eb",
   "orientation": "portrait-primary",
-  "scope": "/",
+  "scope": "/SafeMap-Web/",
   "lang": "es",
   "icons": [
     {
-      "src": "/favicon.svg",
+      "src": "/SafeMap-Web/favicon.svg",
       "sizes": "any",
       "type": "image/svg+xml",
       "purpose": "any maskable"
     },
     {
-      "src": "/apple-touch-icon.png",
+      "src": "/SafeMap-Web/apple-touch-icon.png",
       "sizes": "180x180",
       "type": "image/png"
     }

src/components/sections/Testimonials.astro

@@ -17,13 +17,12 @@ import TestimonialCard from '@/components/cards/TestimonialCard.astro';
 
     <!-- Testimonials Grid -->
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16 fade-in">
-        <!-- Police Chief Testimonial -->
-      <TestimonialCard
+        <!-- Police Chief Testimonial -->      <TestimonialCard
         quote="SafeMap ha revolucionado la manera en que recibimos y procesamos reportes ciudadanos. La información en tiempo real nos permite responder más eficientemente."
         author="Comisario María Elena Vásquez"
         position="Jefa de División de Seguridad Ciudadana"
         organization="Policía Nacional del Perú"
-        avatar="/avatars/police-chief.svg"
+        avatar={`${import.meta.env.BASE_URL}avatars/police-chief.svg`}
         verified={true}
       />
 
@@ -33,7 +32,7 @@ import TestimonialCard from '@/components/cards/TestimonialCard.astro';
         author="Dr. Carlos Mendoza"
         position="Director de Investigación en IA"
         organization="Universidad Nacional de Ingeniería"
-        avatar="/avatars/professor.svg"
+        avatar={`${import.meta.env.BASE_URL}avatars/professor.svg`}
         verified={true}
       />
 
@@ -43,7 +42,7 @@ import TestimonialCard from '@/components/cards/TestimonialCard.astro';
         author="Alcalde Roberto Fernández"
         position="Alcalde Distrital"
         organization="Municipalidad de San Isidro"
-        avatar="/avatars/mayor.svg"
+        avatar={`${import.meta.env.BASE_URL}avatars/mayor.svg`}
         verified={true}
       />
 
@@ -53,7 +52,7 @@ import TestimonialCard from '@/components/cards/TestimonialCard.astro';
         author="Ing. Ana Lucia Torres"
         position="Lead Developer"
         organization="Google Developer Expert"
-        avatar="/avatars/tech-expert.svg"
+        avatar={`${import.meta.env.BASE_URL}avatars/tech-expert.svg`}
         verified={true}
       />
 
@@ -63,7 +62,7 @@ import TestimonialCard from '@/components/cards/TestimonialCard.astro';
         author="Lic. Patricia Ramos"
         position="Presidenta"
         organization="Asociación de Vecinos Unidos"
-        avatar="/avatars/community-leader.svg"
+        avatar={`${import.meta.env.BASE_URL}avatars/community-leader.svg`}
         verified={true}
       />
 
@@ -73,7 +72,7 @@ import TestimonialCard from '@/components/cards/TestimonialCard.astro';
         author="General (r) Eduardo Sánchez"
         position="Ex-Director General"
         organization="Instituto Nacional de Defensa Civil"
-        avatar="/avatars/security-expert.svg"
+        avatar={`${import.meta.env.BASE_URL}avatars/security-expert.svg`}
         verified={true}
       />
 

src/layouts/BaseLayout.astro

@@ -40,9 +40,9 @@ const {
     <meta property="twitter:title" content={title} />
     <meta property="twitter:description" content={description} />
     <meta property="twitter:image" content={image} />    <!-- Favicon -->
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.svg" />
-    <link rel="manifest" href="/site.webmanifest" />
+    <link rel="icon" type="image/svg+xml" href={`${import.meta.env.BASE_URL}favicon.svg`} />
+    <link rel="apple-touch-icon" sizes="180x180" href={`${import.meta.env.BASE_URL}apple-touch-icon.svg`} />
+    <link rel="manifest" href={`${import.meta.env.BASE_URL}site.webmanifest`} />
 
     <!-- Additional SEO Meta Tags -->
     <meta name="robots" content="index, follow" />
@@ -92,10 +92,9 @@ const {
     </script>
   </head>  <body class="font-sans antialiased">
     <slot />
-    
-    <!-- Performance and Animation Scripts -->
-    <script src="/js/animations.js" is:inline></script>
-    <script src="/js/scroll-animations.js" is:inline></script>
+      <!-- Performance and Animation Scripts -->
+    <script src={`${import.meta.env.BASE_URL}js/animations.js`} is:inline></script>
+    <script src={`${import.meta.env.BASE_URL}js/scroll-animations.js`} is:inline></script>
   </body>
 </html>
 

src/styles/global.css

@@ -170,6 +170,9 @@ html {
 }
 
 .animate-blurred-fade-in {
+  opacity: 0;
+  transform: translateY(30px) scale(0.95);
+  filter: blur(4px);
   animation: blurredFadeIn 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
 }