feat(boc): Complete Business Operations Center v1.0

- Go backend API with full CRUD for all modules (CRM, Sales, Finance, HR, Legal, Marketing, Support, Purchase, Inventory, Projects, Automation, Analytics) - Rust analytics service with parallel report generation - C runtime with POSIX shared memory IPC - PostgreSQL schema with 30+ tables, full migrations - Redis cache, sessions, pub/sub - Kafka event streaming with Zookeeper - WebSocket hub for real-time updates - Automation engine with cron jobs, workflows, event triggers - JWT authentication, multi-tenant from start - Docker Compose with all services - Nginx reverse proxy with rate limiting - Integration tests passing - Feature gap analysis against Fortnox/Odoo/Visma Refs: BOC-001
2026-07-12 12:41:35 +00:00
parent 4789a7fb48
commit 58ca4e68db
26666 changed files with 575891 additions and 2074516 deletions
@@ -100,6 +100,9 @@
      font-weight: 600;
      cursor: pointer;
    }
+    .btn:disabled {
+      opacity: 0.6;
+    }
    .features {
      margin: 30px 0;
    }
@@ -127,6 +130,18 @@
      font-size: 14px;
      color: var(--ios-text2);
    }
+    .success-msg {
+      background: rgba(52, 199, 89, 0.15);
+      border: 1px solid rgba(52, 199, 89, 0.3);
+      border-radius: 12px;
+      padding: 16px;
+      text-align: center;
+      margin-top: 16px;
+      display: none;
+    }
+    .success-msg.show {
+      display: block;
+    }
  </style>
 </head>
 <body>
@@ -135,21 +150,21 @@

  <div class="features">
    <div class="feature">
-      <div class="feature-icon"></div>
+      <div class="feature-icon">📸</div>
      <div class="feature-text">
        <h3>Take Photos</h3>
        <p>Complete missions near you with your phone</p>
      </div>
    </div>
    <div class="feature">
-      <div class="feature-icon"></div>
+      <div class="feature-icon">💰</div>
      <div class="feature-text">
        <h3>Get Paid</h3>
-        <p>Earn $5-50 per mission, paid every Monday</p>
+        <p>Earn €5-50 per mission, paid every Monday</p>
      </div>
    </div>
    <div class="feature">
-      <div class="feature-icon"></div>
+      <div class="feature-icon">⏰</div>
      <div class="feature-text">
        <h3>Flexible Hours</h3>
        <p>Work when you want, where you want</p>
@@ -170,22 +185,74 @@
      <label class="field-label">Phone Number</label>
      <input class="field-input" id="phone" type="tel" placeholder="+46 70 123 45 67" autocomplete="tel" inputmode="tel">
    </div>
-    <button class="btn" onclick="submitForm()">Join Now</button>
+    <button class="btn" id="submitBtn" onclick="submitForm()">Join Now</button>
+  </div>
+
+  <div class="success-msg" id="successMsg">
+    <strong>✓ You're on the list!</strong><br>
+    We'll contact you before launch with next steps.
  </div>

  <script>
-    function submitForm() {
+    // Load saved phone number
+    document.addEventListener('DOMContentLoaded', function() {
+      const savedPhone = localStorage.getItem('qx_phone');
+      if (savedPhone) {
+        document.getElementById('phone').value = savedPhone;
+      }
+    });
+
+    async function submitForm() {
      const first = document.getElementById('firstName').value.trim();
      const last = document.getElementById('lastName').value.trim();
      const phone = document.getElementById('phone').value.trim();
+      const btn = document.getElementById('submitBtn');

      if (!first || !last || !phone) {
        alert('Please fill in all fields');
        return;
      }

-      alert('Thank you! We will contact you soon.');
+      // Save phone number for next time
+      localStorage.setItem('qx_phone', phone);
+      localStorage.setItem('qx_firstName', first);
+      localStorage.setItem('qx_lastName', last);
+
+      btn.disabled = true;
+      btn.textContent = 'Sending...';
+
+      try {
+        // Send to backend API
+        const response = await fetch('https://api.quixzoom.com/api/qz/waitlist', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify({
+            first_name: first,
+            last_name: last,
+            phone: phone,
+            source: 'join-page',
+            timestamp: new Date().toISOString()
+          })
+        });
+
+        if (response.ok) {
+          document.getElementById('successMsg').classList.add('show');
+          btn.textContent = 'Joined!';
+        } else {
+          throw new Error('Server error');
+        }
+      } catch (e) {
+        // Fallback: send email via mailto
+        const subject = `New Zoomer Registration: ${first} ${last}`;
+        const body = `New Zoomer registration from join page:\n\nName: ${first} ${last}\nPhone: ${phone}\nSource: join.html\nTime: ${new Date().toLocaleString()}`;
+        window.location.href = `mailto:hello@quixzoom.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
+        
+        document.getElementById('successMsg').classList.add('show');
+        btn.textContent = 'Joined!';
+      }
    }
  </script>
 </body>
-</html>
+</html>