working
This commit is contained in:
oliver
+172
-51
@@ -1371,21 +1371,22 @@
|
||||
}
|
||||
|
||||
footer {
|
||||
background: var(--bg-deep);
|
||||
border-top: 3px solid var(--gold);
|
||||
background: rgba(255, 243, 224, 0.94);
|
||||
border-top: 1px solid var(--border);
|
||||
padding: 84px 8vw 36px;
|
||||
}
|
||||
|
||||
.footer-top {
|
||||
grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(140px, 1fr));
|
||||
grid-template-columns: minmax(0, 1.1fr) minmax(320px, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
|
||||
margin-bottom: 30px;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.footer-brand p,
|
||||
.footer-col a,
|
||||
.footer-bottom span,
|
||||
.footer-legal a {
|
||||
color: var(--grey);
|
||||
color: var(--silver);
|
||||
}
|
||||
|
||||
.footer-logo {
|
||||
@@ -1394,6 +1395,114 @@
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.footer-logo img {
|
||||
height: 34px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.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 {
|
||||
max-width: 420px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.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 ul {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
@@ -1557,6 +1666,10 @@
|
||||
.modules-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.footer-contact-shell {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 860px) {
|
||||
@@ -1820,15 +1933,6 @@
|
||||
<section id="verticals">
|
||||
<div class="section-head">
|
||||
<div>
|
||||
<div
|
||||
class="section-label"
|
||||
data-mf-animation="fade-up"
|
||||
data-mf-animation-duration="600"
|
||||
data-mf-animation-distance="20"
|
||||
data-mf-animation-once="true"
|
||||
>
|
||||
Choose your lane
|
||||
</div>
|
||||
<h2
|
||||
class="section-title"
|
||||
data-mf-animation="fade-up"
|
||||
@@ -1970,7 +2074,6 @@
|
||||
data-mf-animation-distance="28"
|
||||
data-mf-animation-once="true"
|
||||
>
|
||||
<div class="story-label">How we reduce friction</div>
|
||||
<h2 class="story-title">We provide a hustle free backoffice plattform for you to build your business upon.</h2>
|
||||
<div class="story-copy">
|
||||
<p>
|
||||
@@ -2122,15 +2225,6 @@
|
||||
<section id="pricing">
|
||||
<div class="section-head">
|
||||
<div>
|
||||
<div
|
||||
class="section-label"
|
||||
data-mf-animation="fade-up"
|
||||
data-mf-animation-duration="600"
|
||||
data-mf-animation-distance="20"
|
||||
data-mf-animation-once="true"
|
||||
>
|
||||
Pricing that lowers hesitation
|
||||
</div>
|
||||
<h2
|
||||
class="section-title"
|
||||
data-mf-animation="fade-up"
|
||||
@@ -2220,15 +2314,6 @@
|
||||
<section id="customization">
|
||||
<div class="section-head">
|
||||
<div>
|
||||
<div
|
||||
class="section-label"
|
||||
data-mf-animation="fade-up"
|
||||
data-mf-animation-duration="600"
|
||||
data-mf-animation-distance="20"
|
||||
data-mf-animation-once="true"
|
||||
>
|
||||
Extend without fear
|
||||
</div>
|
||||
<h2
|
||||
class="section-title"
|
||||
data-mf-animation="fade-up"
|
||||
@@ -2284,12 +2369,24 @@
|
||||
data-mf-stagger-once="true"
|
||||
>
|
||||
<div class="footer-brand">
|
||||
<a class="footer-logo" href="#home">my-biz.app</a>
|
||||
<a class="footer-logo" href="#home"><img src="img/logo.svg" alt="my-biz.app" /></a>
|
||||
<p>
|
||||
A calmer, industry-aware back-office for NGOs, startups,
|
||||
manufacturers, restaurants, and teams that need real operational clarity.
|
||||
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>
|
||||
@@ -2300,29 +2397,21 @@
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h4>Contact</h4>
|
||||
<h4>About</h4>
|
||||
<ul>
|
||||
<li><a href="mailto:hello@my-biz.app">hello@my-biz.app</a></li>
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="#">Careers</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h4>Legal</h4>
|
||||
<ul>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
<li><a href="#">Terms of Service</a></li>
|
||||
<li><a href="#">Cookie Policy</a></li>
|
||||
<li><a href="#">Imprint</a></li>
|
||||
<li><a href="about.html#about-us">About Us</a></li>
|
||||
<li><a href="about.html#faq">FAQ</a></li>
|
||||
<li><a href="about.html#careers">Careers</a></li>
|
||||
<li><a href="about.html#partners">Partners</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<span>© 2026 my-biz.app · All rights reserved.</span>
|
||||
<div class="footer-legal">
|
||||
<a href="#">Privacy</a>
|
||||
<a href="#">Terms</a>
|
||||
<a href="#">Imprint</a>
|
||||
<a href="legal.html#privacy">Privacy</a>
|
||||
<a href="legal.html#terms">Terms</a>
|
||||
<a href="legal.html#imprint">Imprint</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -2451,6 +2540,38 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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']");
|
||||
status.textContent = "Sending...";
|
||||
button.disabled = true;
|
||||
fetch(WEBHOOK, {
|
||||
method: "POST",
|
||||
body: new FormData(form),
|
||||
})
|
||||
.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 POSTS_URL = "posts.json";
|
||||
|
||||
Reference in New Issue
Block a user