preseleccion de sitio

scripts/layout.js

@@ -0,0 +1,88 @@
+/* ── NAVBAR ─────────────────────────────────────────────────── */
+const NAVBAR_HTML = `
+<nav class="navbar">
+  <div class="container navbar__inner">
+    <a href="index.html" class="navbar__brand">ide<span class="dot">.</span></a>
+
+    <ul class="navbar__links">
+      <li><a href="index.html">Home</a></li>
+      <li><a href="somos-ide.html">Somos IDE</a></li>
+      <li><a href="desafios.html">Desafíos</a></li>
+      <li><a href="soluciones.html">Soluciones</a></li>
+      <li><a href="ecosistema.html">Ecosistema</a></li>
+      <li><a href="academy.html">Academy</a></li>
+      <li><a href="insights.html">Insights</a></li>
+      <li><a href="contacto.html">Contacto</a></li>
+    </ul>
+
+    <div class="navbar__actions">
+      <button class="theme-toggle">☾ Oscuro</button>
+      <button class="hamburger" aria-label="Menú">
+        <span></span><span></span><span></span>
+      </button>
+    </div>
+  </div>
+</nav>
+
+<div class="mobile-menu">
+  <a href="index.html">Home</a>
+  <a href="somos-ide.html">Somos IDE</a>
+  <a href="desafios.html">Desafíos</a>
+  <a href="soluciones.html">Soluciones</a>
+  <a href="ecosistema.html">Ecosistema</a>
+  <a href="academy.html">Academy</a>
+  <a href="insights.html">Insights</a>
+  <a href="contacto.html">Contacto</a>
+</div>
+`;
+
+/* ── FOOTER ─────────────────────────────────────────────────── */
+const FOOTER_HTML = `
+<footer class="footer">
+  <div class="container">
+    <div class="footer__grid">
+      <div>
+        <div class="footer__brand">ide<span>.</span></div>
+        <p class="footer__tagline">Comprender el todo para saber dónde intervenir.</p>
+      </div>
+      <div class="footer__col">
+        <h4>Empresa</h4>
+        <ul>
+          <li><a href="somos-ide.html">Somos IDE</a></li>
+          <li><a href="ecosistema.html">Ecosistema</a></li>
+          <li><a href="insights.html">Insights</a></li>
+          <li><a href="trabaja.html">Trabaja con nosotros</a></li>
+        </ul>
+      </div>
+      <div class="footer__col">
+        <h4>Servicios</h4>
+        <ul>
+          <li><a href="desafios.html">Por desafío</a></li>
+          <li><a href="soluciones.html">Por solución</a></li>
+          <li><a href="academy.html">IDE Academy</a></li>
+        </ul>
+      </div>
+      <div class="footer__col">
+        <h4>Contacto</h4>
+        <ul>
+          <li><a href="contacto.html">Formulario de contacto</a></li>
+          <li><a href="https://wa.me/5491100000000" target="_blank">WhatsApp</a></li>
+          <li><a href="mailto:info@ideconsultores.com.ar">info@ideconsultores.com.ar</a></li>
+        </ul>
+      </div>
+    </div>
+    <div class="footer__bottom">
+      <span>© ${new Date().getFullYear()} IDE Consultores. Todos los derechos reservados.</span>
+      <span>Diseño en desarrollo – Demo v1</span>
+    </div>
+  </div>
+</footer>
+`;
+
+/* ── INJECT ──────────────────────────────────────────────────── */
+document.addEventListener('DOMContentLoaded', () => {
+  const navSlot    = document.getElementById('navbar-slot');
+  const footerSlot = document.getElementById('footer-slot');
+  if (navSlot)    navSlot.innerHTML    = NAVBAR_HTML;
+  if (footerSlot) footerSlot.innerHTML = FOOTER_HTML;
+});