Add slides 30-33: Puppet community + Act 4 synthesis + closing

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

index.html

@@ -334,6 +334,35 @@ class webserver {
     <em>The community is strong, with or without Puppet Inc.</em></p>
   </section>
 
+  <!-- ─── SLIDE 31 : They're complementary ────────────────────────── -->
+  <section>
+    <h2>They're not competing. They're complementary.</h2>
+    <p>Each one solves a different layer of the same problem.</p>
+    <img src="https://media.giphy.com/media/j2pWZpr5RlpCodOB0d/giphy.gif"
+         alt="Assembling"
+         style="height:200px; margin-top:0.5em; border-radius:6px;">
+  </section>
+
+  <!-- ─── SLIDE 32 : Real-world stack ──────────────────────────────── -->
+  <section>
+    <h2>A common production setup:</h2>
+    <ol>
+      <li class="fragment"><span class="tf-col">Terraform</span> provisions the VM</li>
+      <li class="fragment"><span class="ansible-col">Ansible</span> configures it and deploys the app</li>
+      <li class="fragment"><span class="puppet-col">Puppet</span> continuously enforces compliance</li>
+    </ol>
+  </section>
+
+  <!-- ─── SLIDE 33 : Closing ───────────────────────────────────────── -->
+  <section class="title-slide">
+    <h1>Questions?</h1>
+    <p class="subtitle">Thank you!</p>
+    <p class="meta" style="margin-top:2em;">
+      Arnaud Prémel-Cabic &nbsp;·&nbsp; arnaud.premel-cabic@ovhcloud.com<br>
+      Slides: <a href="https://ministicraft.pages.git.cloud.arnaud-pc.fr/finistdev-configuration-as-code/" target="_blank">ministicraft.pages.git.cloud.arnaud-pc.fr/finistdev-configuration-as-code/</a>
+    </p>
+  </section>
+
 
 </div>
 </div>