feat: spinning-up widget for ?message=spinning_up URL param

index.html

@@ -157,6 +157,18 @@
       </div>
     </section>
 
+    <!-- Spinning Up Widget (shown when ?message=spinning_up) -->
+    <section class="spinning-up" id="spinningUp" style="display:none;">
+      <div class="container">
+        <div class="spinning-card">
+          <i class="fas fa-cog fa-spin"></i>
+          <h3>Spinning up your Odoo instance</h3>
+          <p>We're provisioning your Odoo Community V20 server. This usually takes 2-5 minutes.</p>
+          <p class="spinning-note">You'll receive an email with your login credentials once it's ready.</p>
+        </div>
+      </div>
+    </section>
+
     <!-- Server Status Banner -->
     <section class="server-banner" id="serverBanner">
       <div class="container">

script.js

@@ -61,6 +61,15 @@ var si = 0,
     window.UTM.parse(); // Parse on page load
 })();
 
+/* ---- Spinning Up Widget (shown when ?message=spinning_up) ---- */
+(function () {
+    var urlParams = new URLSearchParams(window.location.search);
+    if (urlParams.get('message') === 'spinning_up') {
+        var el = document.getElementById('spinningUp');
+        if (el) el.style.display = 'block';
+    }
+})();
+
             if (slides.length > 0 && dots.length > 0) {
             function show(i, direction) {
                 if (direction === undefined) return;

style.css

@@ -970,3 +970,37 @@ img { max-width: 100%; height: auto; vertical-align: middle; }
 .blog-section-dark .blog-badge-howto { background: #00f5ff; }
 .blog-section-dark .blog-badge-news { background: #ffaa00; }
 .blog-section-dark .blog-badge-default { background: #a78bfa; }
+
+/* ---- Spinning Up Widget ---- */
+.spinning-up {
+  background: #0d1b2e;
+  padding: 3rem 0;
+  text-align: center;
+}
+.spinning-card {
+  display: inline-block;
+  background: rgba(201,162,39,0.08);
+  border: 1px solid rgba(201,162,39,0.25);
+  border-radius: var(--radius-lg);
+  padding: 2rem;
+  max-width: 600px;
+}
+.spinning-card i {
+  color: var(--brass);
+  font-size: 3rem;
+  margin-bottom: 1.25rem;
+  display: block;
+}
+.spinning-card h3 {
+  color: #fff;
+  font-size: 1.6rem;
+  margin-bottom: 0.75rem;
+}
+.spinning-card p {
+  color: rgba(255,255,255,0.7);
+  margin: 0 0 0.75rem 0;
+}
+.spinning-note {
+  font-size: 0.9rem;
+  color: var(--brass);
+}