extraccion de menu y footer

2026-09-12 21:03:44 -03:00
parent 0c11ccf2c4
commit 62467348f4
6 changed files with 169 additions and 106 deletions
@@ -0,0 +1,71 @@
+<!-- ===== OVERLAY ===== -->
+<div class="overlay" id="overlay" onclick="toggleMenu()"></div>
+
+<!-- ===== MENU BOTTOM SHEET ===== -->
+<nav class="sheet" id="sheet" aria-label="Menú principal">
+  <div class="sheet-handle"></div>
+  <div class="sheet-top">
+    <div class="logo">
+      <a href="index.html">
+        <img src="./assets/logos/logo_ciruela.png" alt="Amor & Roma" class="logo-img">
+      </a>
+    </div>
+    <button class="close-btn" onclick="toggleMenu()" aria-label="Cerrar menú">✕</button>
+  </div>
+  <div class="sheet-body">
+    <div class="sheet-col">
+      <div class="sheet-col-title">Soluciones Web</div>
+      <a href="#servicios" onclick="toggleMenu()" class="sheet-link">
+        <span class="sheet-link-icon">⊞</span>
+        <span class="sheet-link-main">Diseño Web</span>
+        <span class="sheet-link-desc">Sitios informativos modernos</span>
+      </a>
+      <a href="#servicios" onclick="toggleMenu()" class="sheet-link">
+        <span class="sheet-link-icon">⊞</span>
+        <span class="sheet-link-main">E-commerce</span>
+        <span class="sheet-link-desc">Tiendas online con todas las funcionalidades</span>
+      </a>
+      <a href="#servicios" onclick="toggleMenu()" class="sheet-link">
+        <span class="sheet-link-icon">⊞</span>
+        <span class="sheet-link-main">Google Ads</span>
+        <span class="sheet-link-desc">Publicidad en Search y Display</span>
+      </a>
+    </div>
+    <div class="sheet-col">
+      <div class="sheet-col-title">Redes Sociales</div>
+      <a href="#servicios" onclick="toggleMenu()" class="sheet-link">
+        <span class="sheet-link-icon">⊞</span>
+        <span class="sheet-link-main">Community Manager</span>
+        <span class="sheet-link-desc">Administración profesional de redes</span>
+      </a>
+      <a href="#servicios" onclick="toggleMenu()" class="sheet-link">
+        <span class="sheet-link-icon">⊞</span>
+        <span class="sheet-link-main">Creación de Contenido</span>
+        <span class="sheet-link-desc">Contenido original y atractivo</span>
+      </a>
+      <a href="#servicios" onclick="toggleMenu()" class="sheet-link">
+        <span class="sheet-link-icon">⊞</span>
+        <span class="sheet-link-main">Meta Ads</span>
+        <span class="sheet-link-desc">Publicidad en Facebook e Instagram</span>
+      </a>
+    </div>
+    <div class="sheet-col">
+      <div class="sheet-col-title">Branding</div>
+      <a href="#servicios" onclick="toggleMenu()" class="sheet-link">
+        <span class="sheet-link-icon">⊞</span>
+        <span class="sheet-link-main">Diseño de Logos</span>
+        <span class="sheet-link-desc">Personalizados y profesionales</span>
+      </a>
+      <a href="#servicios" onclick="toggleMenu()" class="sheet-link">
+        <span class="sheet-link-icon">⊞</span>
+        <span class="sheet-link-main">Identidad de Marca</span>
+        <span class="sheet-link-desc">Creación y desarrollo de marca</span>
+      </a>
+      <a href="#contacto" onclick="toggleMenu()" class="sheet-link highlight">
+        <span class="sheet-link-icon">✉</span>
+        <span class="sheet-link-main">Contacto</span>
+        <span class="sheet-link-desc">Empezá tu proyecto</span>
+      </a>
+    </div>
+  </div>
+</nav>