diff --git a/theme_3d_systems/views/snippets/s_floating_cards.xml b/theme_3d_systems/views/snippets/s_floating_cards.xml
new file mode 100644
index 0000000..f46b598
--- /dev/null
+++ b/theme_3d_systems/views/snippets/s_floating_cards.xml
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!-- Snippet: 3D Floating Interactive Service Cards -->
+    <template id="s_floating_cards" name="3D Floating Service Cards">
+        <section class="s_floating_cards py-6 bg-darker position-relative">
+            <div class="container">
+                <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-end mb-5">
+                    <div class="oe_structure">
+                        <span class="badge-tech-tag mb-3">Core Capabilities</span>
+                        <h2 class="display-5 fw-bold text-white mb-2">Engineered For Scale</h2>
+                        <p class="text-light-muted mb-0">High-impact engineering across full-stack systems and ERP solutions.</p>
+                    </div>
+                    <div class="mt-3 mt-md-0">
+                        <a href="/services" class="btn btn-outline-cyber">View All Services</a>
+                    </div>
+                </div>
+
+                <div class="row g-4">
+                    <!-- Service Card 1 -->
+                    <div class="col-lg-4 col-md-6">
+                        <div class="card-3d-glass h-100">
+                            <div class="d-inline-flex p-3 rounded-3 bg-cyan-subtle text-cyan mb-4">
+                                <i class="fa fa-cubes fa-2x"></i>
+                            </div>
+                            <h4 class="text-white mb-3">Custom Web Systems</h4>
+                            <p class="text-light-muted small mb-4">
+                                Bespoke enterprise portals, microservices, and reactive web applications tailored to unique operational demands.
+                            </p>
+                            <a href="/services" class="text-gradient-cyan text-decoration-none fw-semibold small">
+                                Learn More <i class="fa fa-arrow-right ms-1"></i>
+                            </a>
+                        </div>
+                    </div>
+
+                    <!-- Service Card 2 -->
+                    <div class="col-lg-4 col-md-6">
+                        <div class="card-3d-glass h-100">
+                            <div class="d-inline-flex p-3 rounded-3 bg-purple-subtle text-purple mb-4">
+                                <i class="fa fa-sitemap fa-2x"></i>
+                            </div>
+                            <h4 class="text-white mb-3">Odoo ERP Architecture</h4>
+                            <p class="text-light-muted small mb-4">
+                                End-to-end Odoo 19 implementation, custom Python module development, and high-volume database tuning.
+                            </p>
+                            <a href="/odoo-solutions" class="text-gradient-cyan text-decoration-none fw-semibold small">
+                                Learn More <i class="fa fa-arrow-right ms-1"></i>
+                            </a>
+                        </div>
+                    </div>
+
+                    <!-- Service Card 3 -->
+                    <div class="col-lg-4 col-md-6">
+                        <div class="card-3d-glass h-100">
+                            <div class="d-inline-flex p-3 rounded-3 bg-cyan-subtle text-cyan mb-4">
+                                <i class="fa fa-bolt fa-2x"></i>
+                            </div>
+                            <h4 class="text-white mb-3">Business Automation</h4>
+                            <p class="text-light-muted small mb-4">
+                                Automated webhooks, async queues, and robotic event triggers connecting multiple SaaS tools directly into ERP.
+                            </p>
+                            <a href="/services" class="text-gradient-cyan text-decoration-none fw-semibold small">
+                                Learn More <i class="fa fa-arrow-right ms-1"></i>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </template>
+</odoo>