oliver
711 lines
30 KiB
HTML
711 lines
30 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>About Us | 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 {
|
|
--bg: #efebe9;
|
|
--surf1: #e8e0da;
|
|
--card: #fff3e0;
|
|
--lift: #f5ece4;
|
|
--bg-deep: #3e2723;
|
|
--border: rgba(93, 64, 55, 0.25);
|
|
--grey: #a1887f;
|
|
--silver: #6d4c41;
|
|
--light: #5d4037;
|
|
--gold: #e65100;
|
|
--gold-hi: #fb8c00;
|
|
--gold-lo: #bf360c;
|
|
--gold-glow: rgba(230, 81, 0, 0.18);
|
|
--white: #3e2723;
|
|
}
|
|
body {
|
|
background: var(--bg);
|
|
color: var(--light);
|
|
font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
|
|
line-height: 1.7;
|
|
}
|
|
a { color: inherit; text-decoration: none; }
|
|
img { display: block; max-width: 100%; }
|
|
nav {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 50;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 18px;
|
|
height: 62px;
|
|
padding: 0 8vw;
|
|
background: rgba(255, 243, 224, 0.94);
|
|
border-bottom: 1px solid var(--border);
|
|
backdrop-filter: blur(20px);
|
|
-webkit-backdrop-filter: blur(20px);
|
|
}
|
|
.nav-logo img { height: 36px; width: auto; }
|
|
.nav-links { display: flex; gap: 18px; align-items: center; }
|
|
.nav-links a, .nav-cta {
|
|
font-size: 0.72rem;
|
|
letter-spacing: 0.12em;
|
|
text-transform: uppercase;
|
|
}
|
|
.nav-links a { color: var(--silver); }
|
|
.nav-cta {
|
|
padding: 10px 16px;
|
|
border-radius: 999px;
|
|
border: 1px solid var(--gold);
|
|
color: var(--gold);
|
|
}
|
|
.hero, section, footer { padding: 84px 8vw; }
|
|
.hero {
|
|
min-height: 52vh;
|
|
display: flex;
|
|
align-items: center;
|
|
background: linear-gradient(180deg, rgba(232, 224, 218, 0.72), rgba(239, 235, 233, 0));
|
|
}
|
|
.wrap { max-width: 1120px; margin: 0 auto; }
|
|
.eyebrow {
|
|
display: inline-flex;
|
|
padding: 8px 14px;
|
|
border-radius: 999px;
|
|
background: rgba(230, 81, 0, 0.08);
|
|
border: 1px solid rgba(230, 81, 0, 0.18);
|
|
color: var(--gold);
|
|
font-size: 0.68rem;
|
|
font-weight: 700;
|
|
letter-spacing: 0.14em;
|
|
text-transform: uppercase;
|
|
}
|
|
h1, h2, h3 {
|
|
font-family: Georgia, "Times New Roman", serif;
|
|
color: var(--white);
|
|
line-height: 1.1;
|
|
}
|
|
h1 { font-size: clamp(2.8rem, 7vw, 5rem); max-width: 80%; margin-top: 18px; }
|
|
.lead { max-width: 62ch; margin-top: 18px; color: var(--silver); font-size: 1rem; }
|
|
.grid-2 { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 24px; }
|
|
.grid-2-equal { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
|
|
.panel {
|
|
background: rgba(255, 243, 224, 0.84);
|
|
border: 1px solid rgba(93, 64, 55, 0.12);
|
|
border-radius: 28px;
|
|
padding: 28px;
|
|
box-shadow: 0 18px 44px rgba(62, 39, 35, 0.08);
|
|
}
|
|
.panel h2 { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 14px; }
|
|
.panel p { color: var(--silver); }
|
|
.info-list { display: grid; gap: 16px; }
|
|
.info-item { padding: 18px; border-radius: 22px; background: var(--lift); border: 1px solid rgba(93, 64, 55, 0.1); }
|
|
.info-item h3 { font-size: 1.2rem; margin-bottom: 8px; }
|
|
.story-card {
|
|
background: rgba(255, 243, 224, 0.88);
|
|
border: 1px solid rgba(93, 64, 55, 0.12);
|
|
border-radius: 28px;
|
|
padding: 28px;
|
|
box-shadow: 0 18px 44px rgba(62, 39, 35, 0.08);
|
|
}
|
|
.story-card h3 {
|
|
font-size: clamp(1.5rem, 3vw, 2.2rem);
|
|
margin-bottom: 14px;
|
|
}
|
|
.story-card p { color: var(--silver); }
|
|
.pairing-type {
|
|
margin-top: 16px;
|
|
color: var(--gold);
|
|
font-weight: 700;
|
|
font-size: 0.95rem;
|
|
}
|
|
.pairing-type [data-mf-text-type="typing"] {
|
|
display: inline-block;
|
|
min-width: 14ch;
|
|
}
|
|
.career-form {
|
|
margin-top: 24px;
|
|
display: grid;
|
|
gap: 16px;
|
|
}
|
|
.career-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
gap: 16px;
|
|
}
|
|
.career-field.full {
|
|
grid-column: 1 / -1;
|
|
}
|
|
.career-field label {
|
|
display: block;
|
|
margin-bottom: 8px;
|
|
color: var(--gold);
|
|
font-size: 0.68rem;
|
|
font-weight: 700;
|
|
letter-spacing: 0.14em;
|
|
text-transform: uppercase;
|
|
}
|
|
.career-input,
|
|
.career-textarea {
|
|
width: 100%;
|
|
padding: 14px 16px;
|
|
border: 1px solid rgba(230, 81, 0, 0.18);
|
|
border-radius: 16px;
|
|
background: rgba(93, 64, 55, 0.05);
|
|
color: var(--white);
|
|
font: inherit;
|
|
}
|
|
.career-input:focus,
|
|
.career-textarea:focus {
|
|
outline: none;
|
|
border-color: var(--gold);
|
|
box-shadow: 0 0 0 3px var(--gold-glow);
|
|
}
|
|
.career-textarea {
|
|
min-height: 140px;
|
|
resize: vertical;
|
|
}
|
|
.career-submit {
|
|
border: none;
|
|
border-radius: 999px;
|
|
padding: 14px 18px;
|
|
font: inherit;
|
|
font-weight: 700;
|
|
color: var(--card);
|
|
cursor: pointer;
|
|
background: linear-gradient(135deg, var(--gold-lo) 0%, var(--gold) 38%, var(--gold-hi) 55%, var(--gold) 75%, var(--gold-lo) 100%);
|
|
transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s;
|
|
}
|
|
.career-submit:hover {
|
|
transform: translateY(-1px);
|
|
box-shadow: 0 12px 24px var(--gold-glow);
|
|
}
|
|
.career-submit:disabled {
|
|
opacity: 0.6;
|
|
cursor: not-allowed;
|
|
}
|
|
.career-status {
|
|
color: var(--grey);
|
|
font-size: 0.84rem;
|
|
}
|
|
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 30px;
|
|
display: grid;
|
|
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 {
|
|
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 {
|
|
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-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;
|
|
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(--grey);
|
|
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 {
|
|
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) {
|
|
.grid-2, .grid-2-equal, .career-grid { grid-template-columns: 1fr; }
|
|
nav, .hero, section, footer { padding-left: 5vw; padding-right: 5vw; }
|
|
h1 { max-width: 100%; }
|
|
.footer-top { grid-template-columns: 1fr; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<a class="nav-logo" href="index.html"><img src="img/logo.svg" alt="my-biz.app" /></a>
|
|
<div class="nav-links">
|
|
<a href="index.html#verticals">Solutions</a>
|
|
<a href="about.html">About Us</a>
|
|
<a href="legal.html">Legal</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<section class="hero">
|
|
<div class="wrap">
|
|
<span class="eyebrow">About Us</span>
|
|
<h1>Built for businesses that want a calmer, more connected back-office.</h1>
|
|
<p class="lead">
|
|
my-biz.app helps teams bring finance, operations, people, and growth work into one practical system built on Odoo Community Edition. We focus on making everyday business management simpler, clearer, and easier to extend over time.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="about-us">
|
|
<div class="wrap grid-2">
|
|
<div class="panel">
|
|
<h2>What we believe</h2>
|
|
<p>
|
|
Good business software should reduce noise, not create more of it. Our approach is to start with a stable operational foundation, keep the user experience grounded in real work, and preserve flexibility so your stack can grow with your business.
|
|
</p>
|
|
</div>
|
|
<div class="panel info-list">
|
|
<div class="info-item">
|
|
<h3>Open foundation</h3>
|
|
<p>Built on Odoo Community Edition so your data and future options stay in your hands.</p>
|
|
</div>
|
|
<div class="info-item">
|
|
<h3>Practical delivery</h3>
|
|
<p>We focus on systems people can actually adopt, use, and improve over time.</p>
|
|
</div>
|
|
<div class="info-item">
|
|
<h3>Ready to grow</h3>
|
|
<p>Start with what matters now and expand later with modules, integrations, and custom work.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="wrap grid-2-equal">
|
|
<div class="story-card">
|
|
<span class="eyebrow">Coffee Theme</span>
|
|
<h3 style="margin-top: 16px;">Why the coffee theme and the coffee bean in the logo?</h3>
|
|
<p>
|
|
Out of our own experience: business and coffee belong together. The work is rarely clean, linear, or glamorous. It is early starts, sharp conversations, second drafts, and getting one more useful thing done before the day closes.
|
|
</p>
|
|
<div class="pairing-type">
|
|
Business and coffee go together like
|
|
<span
|
|
data-mf-text-type="typing"
|
|
data-mf-text-typing-speed="55"
|
|
data-mf-text-typing-delete-speed="28"
|
|
data-mf-text-typing-interval="1600"
|
|
data-mf-text-typing-cursor="true"
|
|
data-mf-text-typing-cursor-char="|"
|
|
><span>Menthos and Coca Cola.</span
|
|
><span>Tom and Jerry.</span
|
|
><span>peanut butter and jelly.</span
|
|
><span>Batman and Robin.</span
|
|
><span>thunder and lightning.</span
|
|
><span>late nights and pitch decks.</span></span
|
|
>
|
|
</div>
|
|
</div>
|
|
<div class="story-card">
|
|
<span class="eyebrow">Guild Counsel</span>
|
|
<h3 style="margin-top: 16px;">Why Guild Counsel?</h3>
|
|
<p>
|
|
Because we love startups, builders, and teams that are actually trying to make something work. We are fed up with business BS bingo, inflated consulting theater, and polished nonsense that sounds smart while saying nothing.
|
|
</p>
|
|
<p style="margin-top: 16px;">
|
|
Guild stands for craft, shared standards, and people who know their trade. Counsel stands for practical guidance, not buzzwords. Put together, it means advice for operators who need useful decisions, cleaner systems, and less corporate performance art.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="careers">
|
|
<div class="wrap panel">
|
|
<span class="eyebrow">Careers</span>
|
|
<h2 style="margin-top: 16px;">We permanently start new guilds and are looking for guild managers.</h2>
|
|
<p style="margin-top: 16px; color: var(--silver);">
|
|
We expect profound expertise in the guild itself, not generic management language. If you want to lead a guild, tell us which guild you want to build, why you fit, and what practical depth you bring.
|
|
</p>
|
|
<p style="margin-top: 16px; color: var(--silver);">
|
|
An application with the guild, language, an explanation of why you fit, what you bring to the table, and your commercial expectations is expected.
|
|
</p>
|
|
<form class="career-form" id="career-form">
|
|
<div class="career-grid">
|
|
<div class="career-field">
|
|
<label for="career-name">Name</label>
|
|
<input class="career-input" id="career-name" name="name" type="text" placeholder="Your full name" required />
|
|
</div>
|
|
<div class="career-field">
|
|
<label for="career-email">Email</label>
|
|
<input class="career-input" id="career-email" name="email" type="email" placeholder="you@example.com" required />
|
|
</div>
|
|
<div class="career-field full">
|
|
<label for="career-guild">Guild interested in</label>
|
|
<input class="career-input" id="career-guild" name="guild" type="text" placeholder="Example: Manufacturing Systems Guild" required />
|
|
</div>
|
|
<div class="career-field full">
|
|
<label for="career-explanation">Explanation: why you fit and what you bring to the table</label>
|
|
<textarea class="career-textarea" id="career-explanation" name="explanation" placeholder="Describe your expertise, language skills, operator experience, and why you should lead this guild." required></textarea>
|
|
</div>
|
|
<div class="career-field full">
|
|
<label for="career-commercial">Commercial expectations</label>
|
|
<textarea class="career-textarea" id="career-commercial" name="commercial_expectations" placeholder="Share your preferred model, compensation expectations, and anything commercial we should know." required></textarea>
|
|
</div>
|
|
</div>
|
|
<button class="career-submit" type="submit">Apply for Guild Leadership</button>
|
|
<div class="career-status" id="career-status"></div>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<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"
|
|
>
|
|
➤
|
|
</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>
|
|
© 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>
|
|
(function () {
|
|
var WEBHOOK =
|
|
"https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/b901fc80-c7d0-4204-a6ee-b01fb6c9d3c9";
|
|
var form = document.getElementById("career-form");
|
|
var status = document.getElementById("career-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 application...";
|
|
button.disabled = true;
|
|
|
|
fetch(WEBHOOK, {
|
|
method: "POST",
|
|
body: formData,
|
|
})
|
|
.then(function () {
|
|
status.textContent = "Application received. We will review it and come back to you.";
|
|
form.reset();
|
|
})
|
|
.catch(function () {
|
|
status.textContent = "Application received. We will review it and come back to you.";
|
|
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>
|