From 9c13dbc5cbaab909be9b936fdb528b2be7570827 Mon Sep 17 00:00:00 2001
From: oliver <oliver@odoo4projects.com>
Date: Sat, 25 Apr 2026 08:19:43 -0300
Subject: [PATCH] finished

---
 about.html |  83 ++++++++--
 legal.html | 473 ++++++++++++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 514 insertions(+), 42 deletions(-)

diff --git a/about.html b/about.html
index 7961228..ce44084 100644
--- a/about.html
+++ b/about.html
@@ -192,50 +192,99 @@
                 font-size: 0.84rem;
             }
             footer {
-                background: var(--bg-deep);
-                border-top: 3px solid var(--gold);
-                padding: 72px 8vw 40px;
+                background: rgba(255, 243, 224, 0.94);
+                border-top: 1px solid var(--border);
+                padding: 84px 8vw 36px;
             }
             .footer-top {
                 max-width: 1120px;
-                margin: 0 auto;
+                margin: 0 auto 30px;
                 display: grid;
-                grid-template-columns: 1.4fr 1.1fr 0.8fr 0.8fr;
+                grid-template-columns:
+                    minmax(0, 1.1fr) minmax(320px, 1.2fr)
+                    minmax(0, 1fr) minmax(0, 1fr);
                 gap: 28px;
                 align-items: start;
             }
+            .footer-brand p,
+            .footer-col a,
+            .footer-bottom span,
+            .footer-legal a {
+                color: var(--silver);
+            }
             .footer-brand p {
-                color: var(--grey);
                 max-width: 28ch;
                 margin-top: 14px;
                 font-size: 0.88rem;
             }
+            .footer-logo {
+                display: inline-block;
+                font-size: 1.6rem;
+                margin-bottom: 14px;
+            }
             .footer-logo img { height: 34px; width: auto; }
             .footer-contact-shell {
-                display: grid;
-                gap: 12px;
+                max-width: 420px;
+                margin: 0 auto;
+                text-align: center;
             }
             .footer-contact-form {
-                display: grid;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
                 gap: 12px;
             }
             .footer-contact-form textarea,
             .footer-contact-form input {
                 width: 100%;
-                border: 1px solid rgba(161, 136, 127, 0.2);
-                border-radius: 18px;
-                background: rgba(255, 243, 224, 0.06);
-                color: var(--card);
-                font: inherit;
                 padding: 14px 16px;
+                border-radius: 24px;
+                border: 1px solid var(--border);
+                background: rgba(93, 64, 55, 0.06);
+                color: var(--white);
+                font: inherit;
             }
             .footer-contact-form textarea {
                 min-height: 110px;
                 resize: vertical;
-                padding-right: 60px;
+            }
+            .footer-contact-shell h4 {
+                margin-bottom: 14px;
+            }
+            .footer-contact-input-row {
+                display: flex;
+                align-items: center;
+                width: 100%;
+                min-height: 48px;
+                border-radius: 999px;
+                overflow: hidden;
+                background: rgba(93, 64, 55, 0.06);
+                border: 1px solid var(--border);
+            }
+            .footer-contact-input-row input {
+                border: none;
+                background: transparent;
+                border-radius: 0;
+                box-shadow: none;
+                height: 100%;
+            }
+            .footer-contact-send {
+                height: 100%;
+                min-height: 48px;
+                padding: 0 18px;
+                border: none;
+                border-left: 1px solid var(--border);
+                background: transparent;
+                color: var(--gold);
+                cursor: pointer;
+                font-size: 0.92rem;
             }
             .footer-contact-message-wrap {
                 position: relative;
+                width: 100%;
+            }
+            .footer-contact-message-wrap textarea {
+                padding-right: 64px;
             }
             .footer-contact-message-wrap .footer-contact-send {
                 position: absolute;
@@ -246,7 +295,7 @@
                 width: 40px;
                 padding: 0;
                 border-radius: 50%;
-                border: none;
+                border-left: none;
                 background: rgba(255, 243, 224, 0.9);
                 color: var(--gold);
                 cursor: pointer;
@@ -280,7 +329,6 @@
             .footer-col a,
             .footer-bottom span,
             .footer-legal a {
-                color: var(--grey);
                 font-size: 0.84rem;
             }
             .footer-col a:hover,
@@ -318,7 +366,6 @@
                 <a href="index.html#verticals">Solutions</a>
                 <a href="about.html">About Us</a>
                 <a href="legal.html">Legal</a>
-                <a class="nav-cta" href="index.html#pricing">Free Trial</a>
             </div>
         </nav>
 
diff --git a/legal.html b/legal.html
index e197e37..12012eb 100644
--- a/legal.html
+++ b/legal.html
@@ -4,6 +4,10 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Legal | my-biz.app</title>
+        <link
+            rel="stylesheet"
+            href="https://cdn.jsdelivr.net/npm/@slicemypage/motionflow@latest/dist/motionflow.min.css"
+        />
         <style>
             *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
             :root {
@@ -74,6 +78,13 @@
                 border: 1px solid rgba(93, 64, 55, 0.12);
                 box-shadow: 0 18px 44px rgba(62, 39, 35, 0.08);
             }
+            .legal-card h3 {
+                margin-top: 20px;
+                margin-bottom: 8px;
+                font-family: Georgia, "Times New Roman", serif;
+                color: var(--white);
+                font-size: 1.2rem;
+            }
             .legal-card p, .legal-card li { color: var(--silver); }
             .legal-card ul { list-style: none; display: grid; gap: 10px; margin-top: 14px; }
             .legal-card li { position: relative; padding-left: 18px; }
@@ -87,22 +98,157 @@
                 border-radius: 50%;
                 background: linear-gradient(135deg, var(--gold-lo), var(--gold), var(--gold-hi));
             }
-            footer { background: var(--bg-deep); border-top: 3px solid var(--gold); }
-            .footer-row {
-                max-width: 980px;
+            footer {
+                background: rgba(255, 243, 224, 0.94);
+                border-top: 1px solid var(--border);
+                padding: 84px 8vw 36px;
+            }
+            .footer-top {
+                max-width: 1120px;
                 margin: 0 auto;
-                display: flex;
-                justify-content: space-between;
-                gap: 18px;
-                flex-wrap: wrap;
-                align-items: center;
+                display: grid;
+                grid-template-columns: minmax(0, 1.1fr) minmax(320px, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
+                gap: 28px;
+                align-items: start;
+                margin-bottom: 30px;
+            }
+            .footer-brand p {
+                color: var(--silver);
+                max-width: 28ch;
+                margin-top: 14px;
+                font-size: 0.88rem;
             }
             .footer-logo img { height: 34px; width: auto; display: block; }
-            .footer-links { display: flex; gap: 16px; flex-wrap: wrap; }
-            .footer-links a, .footer-row span { color: var(--grey); font-size: 0.84rem; }
+            .footer-contact-shell {
+                max-width: 420px;
+                margin: 0 auto;
+                text-align: center;
+            }
+            .footer-contact-form {
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                gap: 12px;
+            }
+            .footer-contact-form textarea,
+            .footer-contact-form input {
+                width: 100%;
+                padding: 14px 16px;
+                border-radius: 24px;
+                border: 1px solid var(--border);
+                background: rgba(93, 64, 55, 0.06);
+                color: var(--white);
+                font: inherit;
+            }
+            .footer-contact-form textarea {
+                min-height: 110px;
+                resize: vertical;
+            }
+            .footer-contact-input-row {
+                display: flex;
+                align-items: center;
+                width: 100%;
+                min-height: 48px;
+                border-radius: 999px;
+                overflow: hidden;
+                background: rgba(93, 64, 55, 0.06);
+                border: 1px solid var(--border);
+            }
+            .footer-contact-input-row input {
+                border: none;
+                background: transparent;
+                border-radius: 0;
+                box-shadow: none;
+                height: 100%;
+            }
+            .footer-contact-send {
+                height: 100%;
+                min-height: 48px;
+                padding: 0 18px;
+                border: none;
+                border-left: 1px solid var(--border);
+                background: transparent;
+                color: var(--gold);
+                cursor: pointer;
+                font-size: 0.92rem;
+            }
+            .footer-contact-message-wrap {
+                position: relative;
+                width: 100%;
+            }
+            .footer-contact-message-wrap textarea {
+                padding-right: 64px;
+            }
+            .footer-contact-message-wrap .footer-contact-send {
+                position: absolute;
+                right: 10px;
+                bottom: 10px;
+                min-height: 40px;
+                height: 40px;
+                width: 40px;
+                padding: 0;
+                border-radius: 50%;
+                border-left: none;
+                background: rgba(255, 243, 224, 0.9);
+                color: var(--gold);
+                cursor: pointer;
+            }
+            .footer-contact-form input::placeholder,
+            .footer-contact-form textarea::placeholder {
+                color: var(--grey);
+            }
+            .footer-contact-form input:focus,
+            .footer-contact-form textarea:focus {
+                outline: none;
+                border-color: var(--gold);
+                box-shadow: 0 0 0 3px rgba(230, 81, 0, 0.12);
+            }
+            .footer-contact-status {
+                color: var(--silver);
+                font-size: 0.8rem;
+            }
+            .footer-col h4 {
+                margin-bottom: 16px;
+                color: var(--gold);
+                font-size: 0.65rem;
+                letter-spacing: 0.16em;
+                text-transform: uppercase;
+            }
+            .footer-col ul {
+                list-style: none;
+                display: grid;
+                gap: 10px;
+            }
+            .footer-col a,
+            .footer-bottom span,
+            .footer-legal a {
+                color: var(--silver);
+                font-size: 0.84rem;
+            }
+            .footer-col a:hover,
+            .footer-legal a:hover {
+                color: var(--gold-hi);
+            }
+            .footer-bottom {
+                max-width: 1120px;
+                margin: 24px auto 0;
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                gap: 14px;
+                flex-wrap: wrap;
+                padding-top: 24px;
+                border-top: 1px solid rgba(161, 136, 127, 0.18);
+            }
+            .footer-legal {
+                display: flex;
+                gap: 18px;
+                flex-wrap: wrap;
+            }
             @media (max-width: 900px) {
                 nav, .hero, section, footer { padding-left: 5vw; padding-right: 5vw; }
                 h1 { max-width: 100%; }
+                .footer-top { grid-template-columns: 1fr; }
             }
         </style>
     </head>
@@ -119,9 +265,9 @@
         <section class="hero">
             <div class="wrap">
                 <span class="eyebrow">Legal</span>
-                <h1>We reorganized the legal area.</h1>
+                <h1>Legal information for my-biz.app.</h1>
                 <p class="lead">
-                    This page brings together the core legal and policy information for my-biz.app in one place.
+                    This page brings together the imprint, terms of service, privacy notice, cookie information, and image credits for my-biz.app.
                 </p>
             </div>
         </section>
@@ -131,43 +277,322 @@
                 <div class="legal-card" id="imprint">
                     <h2>Imprint</h2>
                     <p>
-                        Placeholder company information for my-biz.app. Replace this block with the legal entity name, registered address, company registration details, and official contact details required for your jurisdiction.
+                        This service is provided by ODOO4projects LLC.
                     </p>
+                    <ul>
+                        <li>ODOO4projects LLC</li>
+                        <li>30 N Gould St, STE R, Sheridan, WY 82801, USA</li>
+                        <li>Contact via Mail: support@ODOO4projects.com</li>
+                    </ul>
+                    <h3>Image Credits</h3>
+                    <ul>
+                        <li>Rafael_Neddermeyer on Pixabay</li>
+                        <li>Nuno Lopes on Pixabay</li>
+                        <li>liushuquan on Pixabay</li>
+                        <li>Iulian Ursache on Pixabay</li>
+                        <li>Patty Jansen on Pixabay</li>
+                        <li>Anand Dhumal on Pixabay</li>
+                        <li>Giuliana Vecchi from Pixabay</li>
+                    </ul>
                 </div>
                 <div class="legal-card" id="terms">
                     <h2>Terms of Service</h2>
                     <p>
-                        These terms describe the use of the my-biz.app website, trial flows, and service interactions. Final legal language should be reviewed and approved before publication.
+                        These Terms of Service govern the use of the my-biz.app website, trial requests, hosted ERP services, related support, and communication channels offered by ODOO4projects LLC.
                     </p>
                     <ul>
-                        <li>Use of the platform and site materials.</li>
-                        <li>Service availability and support expectations.</li>
-                        <li>Responsibilities for customer-managed environments.</li>
+                        <li>By using this website or engaging our services, you agree to these terms.</li>
+                        <li>If you use the service on behalf of an organization, you confirm you are authorized to bind that organization.</li>
+                        <li>We may update these terms from time to time by publishing an updated version on this page.</li>
                     </ul>
+                    <h3>Service Scope</h3>
+                    <p>
+                        my-biz.app provides hosted ERP-related services, including trial environments, managed hosting, operational setup, support, maintenance, and related consulting. Specific commercial scope, support windows, included services, and infrastructure details may be defined in a separate order, quote, or service agreement.
+                    </p>
+                    <h3>Customer Responsibilities</h3>
+                    <ul>
+                        <li>You are responsible for the accuracy, legality, and integrity of the data you place into the service.</li>
+                        <li>You are responsible for your internal user management, access permissions, and safeguarding credentials.</li>
+                        <li>You must not use the service for unlawful activity, abusive traffic, malicious code, spam, or unauthorized access attempts.</li>
+                        <li>You remain responsible for reviewing whether the service is suitable for your regulatory, tax, accounting, and sector-specific requirements.</li>
+                    </ul>
+                    <h3>Availability and Support</h3>
+                    <p>
+                        We aim to operate a stable and professionally maintained hosting environment, but we do not guarantee uninterrupted availability. Maintenance, upgrades, security work, third-party outages, force majeure events, and internet infrastructure issues may affect access from time to time.
+                    </p>
+                    <ul>
+                        <li>Support is provided according to the commercial package or agreement in place.</li>
+                        <li>Response times are targets unless explicitly defined as contractual service levels.</li>
+                        <li>We may suspend or restrict access where necessary to protect the platform, customers, or data.</li>
+                    </ul>
+                    <h3>Trials and Non-Paid Use</h3>
+                    <p>
+                        Free trials and evaluation environments are provided on an as-is and as-available basis. Trial environments may be limited, reset, suspended, or deleted at our discretion unless otherwise agreed in writing.
+                    </p>
+                    <h3>Fees and Payment</h3>
+                    <p>
+                        Paid services are billed according to the proposal, quote, order form, or service agreement accepted by the customer. Late or failed payments may lead to suspension of service after notice where commercially reasonable.
+                    </p>
+                    <h3>Data, Backups, and Exit</h3>
+                    <ul>
+                        <li>As between the parties, customer business data remains the customer's data.</li>
+                        <li>We may maintain operational backups for resilience and recovery purposes, but customers should keep their own copies of critical business records where appropriate.</li>
+                        <li>After termination, we may retain or delete data according to the applicable agreement, legal obligations, and operational retention periods.</li>
+                    </ul>
+                    <h3>Intellectual Property</h3>
+                    <p>
+                        We retain all rights in our website content, service design, documentation, processes, custom materials, and deliverables except to the extent otherwise agreed in writing. Third-party software, including Odoo Community Edition and related components, remains subject to the rights and licenses of its respective owners.
+                    </p>
+                    <h3>Disclaimers and Liability</h3>
+                    <ul>
+                        <li>The service is provided without warranties of uninterrupted operation, fitness for a particular purpose, or error-free performance except where such disclaimers are not legally permitted.</li>
+                        <li>To the maximum extent allowed by law, we are not liable for indirect, incidental, special, consequential, or lost-profit damages.</li>
+                        <li>To the maximum extent allowed by law, our aggregate liability arising out of the service will not exceed the fees paid by the customer for the relevant service during the twelve months before the event giving rise to the claim, unless a separate written agreement states otherwise.</li>
+                    </ul>
+                    <h3>Termination</h3>
+                    <p>
+                        Either party may terminate according to the applicable contract or, if none exists, on reasonable notice. We may terminate or suspend access immediately for serious misuse, security risk, unlawful use, or non-payment.
+                    </p>
                 </div>
                 <div class="legal-card" id="privacy">
                     <h2>Privacy and Cookies</h2>
                     <p>
-                        This section covers how contact form submissions, trial requests, analytics-related activity, and cookies are handled across the site.
+                        This notice explains how ODOO4projects LLC processes personal data when you visit my-biz.app, submit forms, interact with the chat agent, or engage with our hosted ERP services.
                     </p>
                     <ul>
-                        <li>Information collected through contact and trial forms.</li>
-                        <li>How operational and communication data is used.</li>
-                        <li>How cookies and similar technologies support the site experience.</li>
+                        <li>We collect information you submit directly, including contact details, trial requests, career applications, and support messages.</li>
+                        <li>We collect technical and attribution data such as IP-related request data, browser and device details, pages visited, referral information, and UTM parameters used for campaign tracking.</li>
+                        <li>When you use the chat agent, we process the text you submit together with contextual metadata needed to respond and route the interaction.</li>
                     </ul>
+                    <h3>How We Use Data</h3>
+                    <ul>
+                        <li>To respond to inquiries, process trial requests, and manage commercial conversations.</li>
+                        <li>To operate, secure, maintain, and improve the website and hosted ERP services.</li>
+                        <li>To understand traffic sources, campaign performance, outbound link activity, and user interactions through analytics.</li>
+                        <li>To review applications and potential partnerships or commercial opportunities.</li>
+                    </ul>
+                    <h3>Analytics, Tracking, and UTM Parameters</h3>
+                    <p>
+                        We use Plausible analytics and related event tracking on this website. We also pass campaign tracking parameters such as `utm_source`, `utm_medium`, `utm_campaign`, `utm_term`, and `utm_content` through forms, links, and webhook submissions so we can attribute leads and understand which channels are generating interest.
+                    </p>
+                    <ul>
+                        <li>We record custom interaction events such as meeting interest, trial requests, chatbot engagement, search usage, and email feedback submissions.</li>
+                        <li>Tagged outbound link tracking may record the destination URL of clicked links.</li>
+                        <li>Analytics and event data may be combined with form submissions and webhook payloads for operational and marketing attribution.</li>
+                    </ul>
+                    <h3>Cookies</h3>
+                    <p>
+                        The website may use cookies or similar browser storage mechanisms that support site operation, session continuity, analytics delivery, and campaign attribution. These technologies may be set by the site itself or by the analytics tooling used on the site.
+                    </p>
+                    <ul>
+                        <li>Essential storage may be used for core functionality and request handling.</li>
+                        <li>Analytics-related storage may be used to understand traffic and interactions.</li>
+                        <li>Marketing attribution data may persist in URLs, requests, and submitted forms even where no long-lived cookie is used.</li>
+                    </ul>
+                    <h3>Sharing and Processors</h3>
+                    <p>
+                        We may share data with infrastructure, hosting, analytics, communication, and service providers where needed to operate the website and service. We may also disclose data where required by law, regulation, or to protect legal rights, platform security, or other users.
+                    </p>
+                    <h3>Retention</h3>
+                    <p>
+                        We retain personal data for as long as reasonably necessary for the purpose for which it was collected, to manage the customer relationship, to maintain operational records, and to meet legal, accounting, or compliance obligations.
+                    </p>
+                    <h3>Your Rights</h3>
+                    <p>
+                        Depending on your location and applicable law, you may have rights to request access, correction, deletion, restriction, objection, or portability regarding your personal data. You may contact us at support@ODOO4projects.com for privacy-related requests.
+                    </p>
                 </div>
             </div>
         </section>
 
         <footer>
-            <div class="footer-row">
-                <a class="footer-logo" href="index.html"><img src="img/logo.svg" alt="my-biz.app" /></a>
-                <div class="footer-links">
+            <div
+                class="footer-top"
+                data-mf-stagger-animation="fade-up"
+                data-mf-stagger-gap="70"
+                data-mf-stagger-duration="620"
+                data-mf-stagger-distance="24"
+                data-mf-stagger-once="true"
+            >
+                <div class="footer-brand">
+                    <a class="footer-logo" href="index.html"
+                        ><img src="img/logo.svg" alt="my-biz.app"
+                    /></a>
+                    <p>
+                        A practical all-in-one back-office platform built to
+                        help businesses run with more clarity, less friction,
+                        and room to grow over time.
+                    </p>
+                </div>
+                <div class="footer-contact-shell">
+                    <form class="footer-contact-form" id="footer-contact-form">
+                        <input type="hidden" name="source" value="my-biz.app" />
+                        <div class="footer-contact-input-row">
+                            <input
+                                type="email"
+                                name="email"
+                                placeholder="Email"
+                                required
+                            />
+                        </div>
+                        <div class="footer-contact-message-wrap">
+                            <textarea
+                                name="message"
+                                placeholder="Your message"
+                                required
+                            ></textarea>
+                            <button
+                                type="submit"
+                                class="footer-contact-send"
+                                aria-label="Send"
+                            >
+                                &#10148;
+                            </button>
+                        </div>
+                        <div
+                            class="footer-contact-status"
+                            id="footer-contact-status"
+                        ></div>
+                    </form>
+                </div>
+                <div class="footer-col">
+                    <h4>Product</h4>
+                    <ul>
+                        <li><a href="index.html#verticals">Solutions</a></li>
+                        <li><a href="index.html#story">How It Works</a></li>
+                        <li><a href="index.html#pricing">Pricing</a></li>
+                        <li><a href="index.html#customization">Customization</a></li>
+                    </ul>
+                </div>
+                <div class="footer-col">
+                    <h4>About</h4>
+                    <ul>
+                        <li><a href="about.html#about-us">About Us</a></li>
+                        <li><a href="index.html#faq-chat-link">FAQ</a></li>
+                        <li><a href="about.html#careers">Careers</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <span>
+                    &copy; 2026 my-biz.app · All rights reserved. · This service is powered by
+                    <a href="https://ODOO4projects.com" target="_blank" rel="noopener"
+                        >ODOO4projects</a
+                    >
+                </span>
+                <div class="footer-legal">
                     <a href="legal.html#privacy">Privacy</a>
                     <a href="legal.html#terms">Terms</a>
                     <a href="legal.html#imprint">Imprint</a>
                 </div>
             </div>
         </footer>
+        <script>
+            (function () {
+                var params = new URLSearchParams(window.location.search);
+                var tracking = {
+                    utm_source: params.get("utm_source") || "homepage",
+                    utm_medium: params.get("utm_medium") || "direct",
+                    utm_campaign: params.get("utm_campaign") || "none",
+                    utm_term: params.get("utm_term") || "",
+                    utm_content: params.get("utm_content") || "",
+                };
+
+                function isTrackableHref(href) {
+                    return (
+                        href &&
+                        href.charAt(0) !== "#" &&
+                        href.indexOf("mailto:") !== 0 &&
+                        href.indexOf("tel:") !== 0 &&
+                        href.indexOf("javascript:") !== 0
+                    );
+                }
+
+                function applyToLink(link) {
+                    var href = link.getAttribute("href");
+                    var url;
+                    if (!isTrackableHref(href)) return;
+                    try {
+                        url = new URL(href, window.location.href);
+                    } catch (err) {
+                        return;
+                    }
+                    Object.keys(tracking).forEach(function (key) {
+                        if (tracking[key]) url.searchParams.set(key, tracking[key]);
+                    });
+                    if (url.origin === window.location.origin) {
+                        link.setAttribute("href", url.pathname + url.search + url.hash);
+                        return;
+                    }
+                    link.setAttribute("href", url.toString());
+                }
+
+                function applyToLinks(root) {
+                    var scope = root && root.querySelectorAll ? root : document;
+                    scope.querySelectorAll("a[href]").forEach(applyToLink);
+                }
+
+                function applyToFields(root) {
+                    if (!root || !root.querySelectorAll) return;
+                    Object.keys(tracking).forEach(function (key) {
+                        root.querySelectorAll('input[name="' + key + '"]').forEach(function (input) {
+                            input.value = tracking[key];
+                        });
+                    });
+                }
+
+                function appendToFormData(formData) {
+                    Object.keys(tracking).forEach(function (key) {
+                        formData.set(key, tracking[key]);
+                    });
+                    return formData;
+                }
+
+                applyToFields(document);
+                applyToLinks(document);
+
+                window._mbsTracking = {
+                    params: tracking,
+                    applyToLinks: applyToLinks,
+                    applyToFields: applyToFields,
+                    appendToFormData: appendToFormData,
+                };
+            })();
+        </script>
+        <script>
+            (function () {
+                var WEBHOOK =
+                    "https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/41f1356d-2b0b-443c-b381-37195f547198";
+                var form = document.getElementById("footer-contact-form");
+                var status = document.getElementById("footer-contact-status");
+                if (!form) return;
+
+                form.addEventListener("submit", function (e) {
+                    e.preventDefault();
+                    var button = form.querySelector("button[type='submit']");
+                    var formData = new FormData(form);
+                    if (window._mbsTracking)
+                        formData = window._mbsTracking.appendToFormData(formData);
+                    status.textContent = "Sending...";
+                    button.disabled = true;
+                    fetch(WEBHOOK, {
+                        method: "POST",
+                        body: formData,
+                    })
+                        .then(function () {
+                            status.textContent = "Message received. We will get back to you soon.";
+                            form.reset();
+                        })
+                        .catch(function () {
+                            status.textContent = "Message received. We will get back to you soon.";
+                            form.reset();
+                        })
+                        .finally(function () {
+                            button.disabled = false;
+                        });
+                });
+            })();
+        </script>
+        <script src="https://cdn.jsdelivr.net/npm/@slicemypage/motionflow@latest/dist/motionflow.min.js"></script>
     </body>
 </html>