Fix?

Author: trinity-bytes

src/components/sections/BentoGrid.astro

@@ -201,7 +201,7 @@ import StatsCounter from '@/components/interactive/StatsCounter';
           Únete a miles de ciudadanos que ya están construyendo comunidades más seguras.
         </p>
         <div class="flex flex-col sm:flex-row gap-4 justify-center">
-          <a href="#demo" class="bg-gradient-to-r from-primary-600 to-purple-600 text-white px-8 py-3 rounded-lg font-semibold hover:shadow-lg transition-all duration-300 transform hover:scale-105 text-center inline-block">
+          <a href={`${import.meta.env.BASE_URL}demo`} class="bg-gradient-to-r from-primary-600 to-purple-600 text-white px-8 py-3 rounded-lg font-semibold hover:shadow-lg transition-all duration-300 transform hover:scale-105 text-center inline-block">
             Probar Demo Interactiva
           </a>
           <a href="#precios" class="border-2 border-primary-600 text-primary-600 px-8 py-3 rounded-lg font-semibold hover:bg-primary-50 transition-all duration-300 inline-block text-center">

src/components/sections/Hero.astro

@@ -36,8 +36,7 @@
         <div class="text-3xl font-bold text-white">5min</div>
         <div class="text-blue-200">Mapas actualizados constantemente</div>
       </div>
-    </div>    <!-- CTA Buttons - Festival style -->    <div class="flex flex-col sm:flex-row gap-4 justify-center items-center animate-blurred-fade-in delay-700">
-      <a href="#demo" class="px-8 py-4 bg-white text-primary-600 rounded-full font-bold text-lg hover:bg-gray-100 transition-all duration-300 transform hover:scale-105 shadow-xl inline-block text-center animate-blurred-fade-in delay-750">
+    </div>    <!-- CTA Buttons - Festival style -->    <div class="flex flex-col sm:flex-row gap-4 justify-center items-center animate-blurred-fade-in delay-700">      <a href={`${import.meta.env.BASE_URL}demo`} class="px-8 py-4 bg-white text-primary-600 rounded-full font-bold text-lg hover:bg-gray-100 transition-all duration-300 transform hover:scale-105 shadow-xl inline-block text-center animate-blurred-fade-in delay-750">
         🚀 Ver Demo Interactiva
       </a>
       <a href="#precios" class="px-8 py-4 bg-gradient-to-r from-success-500 to-success-600 text-white rounded-full font-bold text-lg hover:from-success-600 hover:to-success-700 transition-all duration-300 transform hover:scale-105 shadow-xl inline-block animate-blurred-fade-in delay-800">

src/pages/demo.astro

@@ -9,8 +9,7 @@ import MapDemoClean from '../components/interactive/MapDemoClean';
     <div class="bg-white/10 backdrop-blur-sm border-b border-white/20">
       <div class="container mx-auto px-4 py-4">
         <div class="flex items-center justify-between">
-          <div class="flex items-center space-x-4">
-            <a href="/" class="text-white hover:text-blue-400 transition-colors">
+          <div class="flex items-center space-x-4">            <a href={`${import.meta.env.BASE_URL}`} class="text-white hover:text-blue-400 transition-colors">
               ← Volver al inicio
             </a>
             <div class="flex items-center space-x-3">