diff --git a/assets/pasted-20251217-214117-8e0c48ea.png b/assets/pasted-20251217-214117-8e0c48ea.png
new file mode 100644
index 0000000..76c2455
Binary files /dev/null and b/assets/pasted-20251217-214117-8e0c48ea.png differ
diff --git a/index.php b/index.php
index 14577ca..e66492b 100644
--- a/index.php
+++ b/index.php
@@ -51,7 +51,7 @@
             <!-- DASHBOARD -->
             <section class="max-w-7xl mx-auto px-6">
                 <div class="rounded-2xl border shadow-sm overflow-hidden">
-                    <img src="assets/pasted-20251217-045121-823e6258.png" alt="FinMox Dashboard" />
+                    <img src="assets/pasted-20251217-010834-2413763b.png" alt="FinMox Dashboard" />
                 </div>
             </section>
         </section>
@@ -102,6 +102,14 @@
                 </form>
             </section>
         </section>
+        
+        <!-- DEMO PAGE -->
+        <section id="page-demo" class="page hidden fade">
+            <section class="max-w-xl mx-auto px-6 py-24">
+                <h2 class="text-3xl font-bold">Book a Demo</h2>
+                <p class="mt-2 text-gray-600">Schedule a demo with our team.</p>
+            </section>
+        </section>
 
         <!-- APPLY PAGE -->
         <section id="page-apply" class="page hidden fade">
@@ -142,7 +150,7 @@
     </noscript>
 
     <script>
-        const pages = ['home','problem','why','how','roi','pricing','signin','apply'];
+        const pages = ['home','problem','why','how','roi','pricing','signin', 'demo', 'apply'];
 
         function setActiveNav(hash) {
             document.querySelectorAll('.navlink').forEach(a => a.classList.remove('font-semibold'));