Update index.html

index.html

@@ -267,6 +267,50 @@
       line-height: 1.65;
     }
 
+    /* ── DEMO STRIP ── */
+    .demo-strip {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      background: var(--black);
+      border-radius: 10px;
+      padding: 18px 24px;
+      gap: 20px;
+      text-decoration: none;
+      margin-bottom: 32px;
+      transition: background 0.2s;
+    }
+    .demo-strip:hover { background: #2d2b2b; }
+    .demo-strip-left {
+      display: flex;
+      align-items: center;
+      gap: 14px;
+    }
+    .demo-strip-icon {
+      width: 36px; height: 36px;
+      background: rgba(255,255,255,0.08);
+      border-radius: 8px;
+      display: flex; align-items: center; justify-content: center;
+      flex-shrink: 0;
+    }
+    .demo-strip-text {
+      color: var(--white);
+      font-weight: 700;
+      font-size: 0.9rem;
+    }
+    .demo-strip-sub {
+      color: rgba(255,255,255,0.45);
+      font-size: 0.78rem;
+      font-weight: 400;
+      margin-top: 2px;
+    }
+    .demo-strip-arrow {
+      color: rgba(255,255,255,0.5);
+      font-size: 1.1rem;
+      font-weight: 900;
+      flex-shrink: 0;
+    }
+
     /* ── IMAGE BREAK ── */
     .image-break {
       padding: 0;
@@ -577,6 +621,20 @@
       <h2 class="section-title">Everything your beauty business needs. In one place.</h2>
       <p class="section-sub">Stop juggling different tools. SumUp brings together everything you need to run, grow and get paid — all under one roof.</p>
     </div>
+    <!-- ── DEMO STRIP ── -->
+    <a href="https://www.sumupbookings.com/demo-bookings-uk" target="_blank" rel="noopener" class="demo-strip">
+      <div class="demo-strip-left">
+        <div class="demo-strip-icon">
+          <svg width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="white" stroke-width="2"><polygon points="5 3 19 12 5 21 5 3"/></svg>
+        </div>
+        <div>
+          <div class="demo-strip-text">See it in action</div>
+          <div class="demo-strip-sub">Explore a demo of the platform</div>
+        </div>
+      </div>
+      <div class="demo-strip-arrow">→</div>
+    </a>
+
     <div class="ecosystem-grid">
 
       <div class="eco-card">