From d93b428548ce89aa79e3100e9ae238d4288575e2 Mon Sep 17 00:00:00 2001
From: Huzaifa Inam <ceo@huzaifainam.com>
Date: Sat, 22 Aug 2026 21:25:51 +0000
Subject: [PATCH] Add theme_3d_systems/views/snippets/s_system_architecture.xml

---
 .../views/snippets/s_system_architecture.xml  | 82 +++++++++++++++++++
 1 file changed, 82 insertions(+)
 create mode 100644 theme_3d_systems/views/snippets/s_system_architecture.xml

diff --git a/theme_3d_systems/views/snippets/s_system_architecture.xml b/theme_3d_systems/views/snippets/s_system_architecture.xml
new file mode 100644
index 0000000..927747c
--- /dev/null
+++ b/theme_3d_systems/views/snippets/s_system_architecture.xml
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!-- Snippet: Interactive Business Systems Architecture Flow -->
+    <template id="s_system_architecture" name="System Architecture Pipeline">
+        <section class="s_system_architecture py-6 position-relative">
+            <div class="container">
+                <div class="text-center max-w-700 mx-auto mb-5">
+                    <div class="oe_structure">
+                        <span class="badge-tech-tag mb-3">Intelligent Integration</span>
+                        <h2 class="display-5 fw-bold text-white mb-3">
+                            Unified Enterprise <span class="text-gradient-cyan">Data Flow</span>
+                        </h2>
+                        <p class="text-light-muted">
+                            How customer interactions seamlessly flow through our custom web frontends directly into core Odoo ERP business automation modules.
+                        </p>
+                    </div>
+                </div>
+
+                <!-- Visual Architecture Pipeline -->
+                <div class="arch-pipeline-container my-5">
+                    <!-- Node 1: Customer -->
+                    <div class="arch-node-card" data-target-module="customer">
+                        <div class="node-icon-box">
+                            <i class="fa fa-users"></i>
+                        </div>
+                        <h5 class="text-white mb-1">1. Customer</h5>
+                        <p class="small text-light-muted mb-0">Omnichannel Touchpoint</p>
+                    </div>
+
+                    <div class="arch-connector-line">
+                        <i class="fa fa-angle-right d-none d-lg-block"></i>
+                        <i class="fa fa-angle-down d-lg-none"></i>
+                    </div>
+
+                    <!-- Node 2: Web Systems -->
+                    <div class="arch-node-card" data-target-module="web">
+                        <div class="node-icon-box">
+                            <i class="fa fa-globe"></i>
+                        </div>
+                        <h5 class="text-white mb-1">2. Web Systems</h5>
+                        <p class="small text-light-muted mb-0">Custom Portals &amp; APIs</p>
+                    </div>
+
+                    <div class="arch-connector-line">
+                        <i class="fa fa-angle-right d-none d-lg-block"></i>
+                        <i class="fa fa-angle-down d-lg-none"></i>
+                    </div>
+
+                    <!-- Node 3: Odoo Core ERP -->
+                    <div class="arch-node-card border-cyan shadow-glow" data-target-module="odoo">
+                        <div class="node-icon-box bg-cyan text-dark">
+                            <i class="fa fa-cube"></i>
+                        </div>
+                        <h5 class="text-gradient-cyan mb-1 fw-bold">3. Odoo 19 ERP</h5>
+                        <p class="small text-light-muted mb-0">Central Nervous System</p>
+                    </div>
+
+                    <div class="arch-connector-line">
+                        <i class="fa fa-angle-right d-none d-lg-block"></i>
+                        <i class="fa fa-angle-down d-lg-none"></i>
+                    </div>
+
+                    <!-- Node 4: Automation & CRM/Accounting -->
+                    <div class="arch-node-card" data-target-module="automation">
+                        <div class="node-icon-box">
+                            <i class="fa fa-cogs"></i>
+                        </div>
+                        <h5 class="text-white mb-1">4. Automation</h5>
+                        <p class="small text-light-muted mb-0">CRM, Sales &amp; Finance</p>
+                    </div>
+                </div>
+
+                <div class="text-center mt-5">
+                    <a href="/odoo-solutions" class="btn btn-outline-cyber">
+                        <span>Deep Dive Into Odoo Architecture</span>
+                        <i class="fa fa-chevron-right ms-2"></i>
+                    </a>
+                </div>
+            </div>
+        </section>
+    </template>
+</odoo>