diff --git a/spn/index.html b/spn/index.html
index 50210a5..e1c0535 100644
--- a/spn/index.html
+++ b/spn/index.html
@@ -82,26 +82,6 @@ layout: page
             </div>
         </div>
         <div class="showcase-one-container">
-            <div class="showcase-one-left" style="max-width: 850px;">
-                <img src="{{ site.img_url }}page-specific/spn/metadata.gif" alt="">
-            </div>
-            <div class="showcase-one-right">
-                <div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
-                    <i class="icon-info text-md"></i>
-                    <span>Alpha Software: the SPN is in active development </span>
-                </div>
-                <h2 class="showcase-one-right-title" style="max-width: 450px;">
-                    Minimize Your Meta‑Data
-                </h2>
-                <p class="showcase-one-right-desc">
-                    With the SPN, your meta-data is stripped to a minimum.
-                    Abstracting even the size of outgoing packets to diminish
-                    what information third parties, like your ISP or the Wi-Fi
-                    operator of your local coffee place, can gather about you.
-                </p>
-            </div>
-        </div>
-        <div class="showcase-one-container-reverse">
             <div class="showcase-left" style="max-width: 850px;">
                 <img src="{{ site.img_url }}page-specific/spn/network.png" alt="">
             </div>
@@ -127,6 +107,45 @@ layout: page
                 </a>
             </div>
         </div>
+        <div class="showcase-two-container">
+            <div class="showcase-two-top-break-left">
+                <h2 class="showcase-two-top-title" style="max-width: 550px;">
+                    SPN in Action
+                </h2>
+                <p class="showcase-two-top-desc">
+                    Watch a short video showing how you easily get multiple identities per app, by default.
+                </p>
+            </div>
+            <div class="showcase-two-bottom" style="max-width: 850px;">
+                <div class="card">
+                    <div class="overflow-hidden">
+                         <video preload="auto" src="https://assets.safing.io/spn/feature-tour.mp4" poster="img/video-cover.png" controls="">
+                         </video>
+                    </div>
+                 </div>
+            </div>
+            <div class="showcase-bg"></div>
+        </div>
+        <div class="showcase-one-container-reverse">
+            <div class="showcase-one-left" style="max-width: 850px;">
+                <img src="{{ site.img_url }}page-specific/spn/metadata.gif" alt="">
+            </div>
+            <div class="showcase-one-right">
+                <div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
+                    <i class="icon-info text-md"></i>
+                    <span>Alpha Software: the SPN is in active development </span>
+                </div>
+                <h2 class="showcase-one-right-title" style="max-width: 450px;">
+                    Minimize Your Meta‑Data
+                </h2>
+                <p class="showcase-one-right-desc">
+                    With the SPN, your meta-data is stripped to a minimum.
+                    Abstracting even the size of outgoing packets to diminish
+                    what information third parties, like your ISP or the Wi-Fi
+                    operator of your local coffee place, can gather about you.
+                </p>
+            </div>
+        </div>
         <div class="showcase-one-container">
             <div class="showcase-one-left" style="max-width: 850px;">
                 <img src="{{ site.img_url }}page-specific/spn/switch.gif" alt="">
@@ -150,19 +169,19 @@ layout: page
                 <a class="btn-secondary" href="{{ site.portmaster_url }}">Discover the portmaster</a>
             </div>
         </div>
-        <div class="packages-container" id="pricing">
-            <a class="alert-primary hover-scale-out mb-20" data-method="get" href="{{ site.spn_alpha_status_page_url }}">
-                <span>
-                    SPN is in "Alpha". View
-                    <span class="underline">what to expect</span>
-                    from current speeds and features
-                </span>
-            </a>
-            <div class="packages-container-top">
-                <h2 class="packages-container-top-title">
-                    Protect Your Connections Today
+        <div class="showcase-two-container" id="pricing">
+            <div class="showcase-two-top" style="max-width: 690px;">
+                <a class="alert-primary hover-scale-out" data-method="get" href="{{ site.spn_alpha_status_page_url }}">
+                    <span>
+                        SPN is in "Alpha". View
+                        <span class="underline">what to expect</span>
+                        from current speeds and features
+                    </span>
+                </a>
+                <h2 class="showcase-two-top-title">
+                    Packages
                 </h2>
-                <p class="packages-container-top-desc">
+                <p class="showcase-two-top-desc">
                     Subscribe to the SPN and lock in the lower Alpha prices forever.
                 </p>
             </div>