From 695b37fd1590778c4134ec7131642870f10c986b Mon Sep 17 00:00:00 2001
From: feispro <262678496+feiscs@users.noreply.github.com>
Date: Thu, 14 May 2026 21:44:56 -0400
Subject: [PATCH] Add hybrid commerce/services messaging to FORMA hero

---
 assets/store.js | 14 ++++++++++++--
 index.html      | 41 +++++++++++++++++++++++++++++++++++++----
 2 files changed, 49 insertions(+), 6 deletions(-)

diff --git a/assets/store.js b/assets/store.js
index bba98de..84dcd5e 100644
--- a/assets/store.js
+++ b/assets/store.js
@@ -467,10 +467,20 @@ document.querySelector('[data-view-toggle]').addEventListener('click', (event) =
 
 document.querySelector('[data-newsletter-form]').addEventListener('submit', async (event) => {
   event.preventDefault();
-  const email = event.currentTarget.querySelector('input[type="email"]').value;
+  const input = event.currentTarget.querySelector('input[type="email"]');
+  const email = input.value.trim();
+  if (!email) return;
+
   await window.FormaIntegrations?.saveNewsletter?.(email);
   window.FormaIntegrations?.trackEvent('newsletter_signup', { email });
-  document.querySelector('[data-newsletter-message]').textContent = 'Listo. Te avisaremos del próximo drop privado.';
+
+  const target = 'feispla@hotmail.com';
+  const subject = encodeURIComponent('Nuevo registro de newsletter FORMA');
+  const body = encodeURIComponent(`Correo del cliente: ${email}`);
+  window.location.href = `mailto:${target}?subject=${subject}&body=${body}`;
+
+  document.querySelector('[data-newsletter-message]').textContent = 'Listo. Abrimos tu app de correo para enviar el registro.';
+  event.currentTarget.reset();
 });
 
 modal.addEventListener('click', (event) => {
diff --git a/index.html b/index.html
index 5543082..5244b83 100644
--- a/index.html
+++ b/index.html
@@ -52,13 +52,14 @@
       <section class="hero" id="inicio">
         <div class="hero-copy">
           <p class="eyebrow">Nueva campaña · Primavera urbana</p>
-          <h1>Esenciales con forma, intención y carácter.</h1>
+          <h1>Esenciales premium para comprar hoy. Soluciones e-commerce para crecer mañana.</h1>
           <p>
-            Compra una selección curada de moda, accesorios y objetos lifestyle con estética editorial, materiales premium y experiencia de compra sin fricción.
+            Compra una selección curada de moda, accesorios y lifestyle con experiencia premium.
+            Además, si tienes una marca, en FORMA diseñamos y desarrollamos tu tienda Shopify con enfoque en conversión.
           </p>
           <div class="hero-actions">
             <a class="btn btn-dark" href="#productos">Comprar ahora</a>
-            <button class="btn btn-light" type="button" data-open-featured>Ver campaña</button>
+            <a class="btn btn-light" href="#planes">Solicitar demo de tienda</a>
           </div>
           <dl class="stats" aria-label="Estadísticas de la tienda">
             <div><dt>24h</dt><dd>despacho</dd></div>
@@ -75,6 +76,39 @@ <h1>Esenciales con forma, intención y carácter.</h1>
         </div>
       </section>
 
+      <section class="ops-stack" aria-label="Servicios FORMA para e-commerce">
+        <div>
+          <p class="eyebrow">Servicios FORMA</p>
+          <h2>También construimos tiendas que venden.</h2>
+          <p>
+            Diseño + desarrollo + integración Shopify + automatizaciones en un flujo profesional,
+            manteniendo estética premium y foco total en conversión.
+          </p>
+        </div>
+
+        <div class="ops-grid">
+          <article>
+            <strong>Setup Shopify</strong>
+            <span>Listo para operar</span>
+            <p>Catálogo optimizado, navegación clara y estructura comercial sólida.</p>
+          </article>
+          <article>
+            <strong>UX & Performance</strong>
+            <span>Mobile-first</span>
+            <p>Checkout más fluido, mejor experiencia de compra y carga rápida.</p>
+          </article>
+          <article>
+            <strong>Integración & Escala</strong>
+            <span>Operación conectada</span>
+            <p>Eventos, CRM, automatizaciones y despliegues continuos.</p>
+          </article>
+        </div>
+
+        <p style="margin-top: 1rem; color: #666;">
+          Stack validado para operación real: Shopify · Supabase · Vercel · GitHub AI
+        </p>
+      </section>
+
       <section class="feature-bar" id="garantias" aria-label="Características de compra">
         <article><span>🚚</span><strong>Envío gratis</strong><p>En pedidos desde $100.</p></article>
         <article><span>↩</span><strong>Devoluciones fáciles</strong><p>30 días para cambios.</p></article>
@@ -189,7 +223,6 @@ <h2>Lista para Shopify, Supabase, Chatbase, GitHub AI y Vercel.</h2>
       <div>
         <a class="brand" href="#inicio"><span class="brand-mark">F</span><span>FORMA</span></a>
         <p>Un e-commerce editorial construido para vender productos premium con claridad, confianza y estilo.</p>
-        <p><strong>Contacto comercial:</strong> FORMA Ventas · <a href="mailto:feispla@hotmail.com">feispla@hotmail.com</a></p>
       </div>
       <form class="newsletter" data-newsletter-form>
         <label for="email-newsletter">Recibe drops y descuentos privados</label>