feat: badge text, 6-item bundle card, footer textarea 2×wide 30%tall, SVG send icon
This commit is contained in:
Oliver
+83
-58
@@ -422,16 +422,16 @@
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.7rem;
|
||||
margin-bottom: 1.35rem;
|
||||
gap: 0.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.bundle-list li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.65rem;
|
||||
font-size: 0.875rem;
|
||||
align-items: flex-start;
|
||||
gap: 0.55rem;
|
||||
font-size: 0.78rem;
|
||||
color: rgba(255, 255, 255, 0.88);
|
||||
line-height: 1.4;
|
||||
line-height: 1.45;
|
||||
}
|
||||
.bundle-check {
|
||||
flex-shrink: 0;
|
||||
@@ -448,11 +448,12 @@
|
||||
color: #fff;
|
||||
}
|
||||
.bundle-footnote {
|
||||
font-size: 0.7rem;
|
||||
color: rgba(255, 255, 255, 0.42);
|
||||
text-align: center;
|
||||
letter-spacing: 0.04em;
|
||||
font-size: 0.68rem;
|
||||
color: rgba(255, 255, 255, 0.38);
|
||||
text-align: left;
|
||||
letter-spacing: 0.03em;
|
||||
font-style: italic;
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
|
||||
/* ── Value Props ────────────────────────────────────────── */
|
||||
@@ -1030,7 +1031,7 @@
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto 1fr;
|
||||
align-items: center;
|
||||
gap: 2rem;
|
||||
gap: 1.5rem 2.5rem;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.footer-copy {
|
||||
@@ -1053,29 +1054,29 @@
|
||||
.footer-feedback {
|
||||
justify-self: center;
|
||||
width: 100%;
|
||||
max-width: 380px;
|
||||
max-width: 760px;
|
||||
}
|
||||
.footer-feedback__form {
|
||||
display: flex;
|
||||
gap: 0.5rem;
|
||||
align-items: flex-end;
|
||||
gap: 0.375rem;
|
||||
align-items: center;
|
||||
}
|
||||
.footer-feedback__area {
|
||||
flex: 1;
|
||||
resize: none;
|
||||
border: 1.5px solid rgba(255, 255, 255, 0.18);
|
||||
border-radius: 0.875rem;
|
||||
padding: 0.6rem 0.875rem;
|
||||
padding: 0.65rem 0.875rem;
|
||||
font-family: "Inter", sans-serif;
|
||||
font-size: 0.8rem;
|
||||
color: var(--white);
|
||||
background-color: rgba(255, 255, 255, 0.07);
|
||||
outline: none;
|
||||
line-height: 1.5;
|
||||
min-height: 4.8rem;
|
||||
transition:
|
||||
border-color 0.2s,
|
||||
background-color 0.2s;
|
||||
overflow: hidden;
|
||||
}
|
||||
.footer-feedback__area::placeholder {
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
@@ -1086,27 +1087,26 @@
|
||||
}
|
||||
.footer-feedback__btn {
|
||||
flex-shrink: 0;
|
||||
background-color: var(--terra);
|
||||
color: var(--white);
|
||||
background: none;
|
||||
border: none;
|
||||
border-radius: 0.875rem;
|
||||
padding: 0.6rem 1rem;
|
||||
font-family: "Inter", sans-serif;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 700;
|
||||
padding: 0.4rem;
|
||||
cursor: pointer;
|
||||
color: #3b82f6;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 50%;
|
||||
line-height: 0;
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
transform 0.15s;
|
||||
white-space: nowrap;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.footer-feedback__btn:hover {
|
||||
background-color: var(--terra-deep);
|
||||
transform: translateY(-1px);
|
||||
color: #2563eb;
|
||||
transform: scale(1.2) translateX(2px);
|
||||
}
|
||||
.footer-feedback__btn:disabled {
|
||||
opacity: 0.5;
|
||||
opacity: 0.4;
|
||||
cursor: not-allowed;
|
||||
transform: none;
|
||||
}
|
||||
@@ -1119,7 +1119,7 @@
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
@media (max-width: 1100px) {
|
||||
.footer-inner {
|
||||
grid-template-columns: 1fr;
|
||||
text-align: center;
|
||||
@@ -1132,6 +1132,10 @@
|
||||
justify-self: stretch;
|
||||
max-width: 100%;
|
||||
}
|
||||
.footer-feedback__form {
|
||||
max-width: 540px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Blog Modal ─────────────────────────────────────────── */
|
||||
@@ -1464,29 +1468,36 @@
|
||||
class="hero-kpi-card__body"
|
||||
data-i18n="hero-card-body"
|
||||
>
|
||||
Pre-built flows · No code · Live on day one
|
||||
Free with every trial signup
|
||||
</p>
|
||||
<ul class="bundle-list">
|
||||
<li>
|
||||
<span class="bundle-check">✓</span>Donor
|
||||
thank-you flows
|
||||
Management ODOO App — free
|
||||
</li>
|
||||
<li>
|
||||
<span class="bundle-check">✓</span>Grant
|
||||
compliance reminders
|
||||
<span class="bundle-check">✓</span>ODOO CE:
|
||||
unlimited users · Website Builder · Projects
|
||||
· Accounting
|
||||
</li>
|
||||
<li>
|
||||
<span class="bundle-check">✓</span>Volunteer
|
||||
onboarding sequence
|
||||
<span class="bundle-check">✓</span>N8N for
|
||||
customized Workflows & AI
|
||||
</li>
|
||||
<li>
|
||||
<span class="bundle-check">✓</span>Monthly
|
||||
impact digest email
|
||||
<span class="bundle-check">✓</span>Backups
|
||||
& routing for one domain*
|
||||
</li>
|
||||
<li>
|
||||
<span class="bundle-check">✓</span>One hour
|
||||
onboarding session
|
||||
</li>
|
||||
<li>
|
||||
<span class="bundle-check">✓</span>50%
|
||||
discount — first year incl.
|
||||
</li>
|
||||
</ul>
|
||||
<p class="bundle-footnote">
|
||||
Included free on signup — no extra setup
|
||||
</p>
|
||||
<p class="bundle-footnote">*Domain not included</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1889,8 +1900,23 @@
|
||||
maxlength="1000"
|
||||
placeholder="Missing something, or have feedback? Drop us a note — we read every one."
|
||||
></textarea>
|
||||
<button type="submit" class="footer-feedback__btn">
|
||||
Send →
|
||||
<button
|
||||
type="submit"
|
||||
class="footer-feedback__btn"
|
||||
aria-label="Send feedback"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="22"
|
||||
height="22"
|
||||
viewBox="0 0 24 24"
|
||||
fill="currentColor"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<path
|
||||
d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
</form>
|
||||
<p
|
||||
@@ -1967,7 +1993,7 @@
|
||||
en: {
|
||||
"nav-resources": "Resources",
|
||||
"nav-trial": "Free Trial",
|
||||
"hero-badge": "ERP FOR NGOs",
|
||||
"hero-badge": "ERP & Automation for NGOs — ODOO4projects",
|
||||
"hero-pill": "Unified NGO ERP Platform",
|
||||
"hero-headline":
|
||||
"Simplify every mission workflow with an ERP built for NGOs",
|
||||
@@ -1977,10 +2003,9 @@
|
||||
"cta-meeting": "Schedule a Meeting",
|
||||
"hero-stat1": "Faster donor & grant reporting cycles",
|
||||
"hero-stat2": "Increase in volunteer onboarding speed",
|
||||
"hero-card-title": "🎁 Free NGO Signup Bonus",
|
||||
"hero-card-headline": "Automation Bundle — 1 Year",
|
||||
"hero-card-body":
|
||||
"Pre-built flows · No code · Live on day one",
|
||||
"hero-card-title": "🎁 Signup Bundle for NGOs",
|
||||
"hero-card-headline": "Free with every trial signup",
|
||||
"hero-card-body": "Free with every trial signup",
|
||||
"value1-title": "Transparency for Donors",
|
||||
"value1-body":
|
||||
"Accounting-ready ledgers pair receipts with stories so donors see every peso without extra spreadsheets or calls.",
|
||||
@@ -2044,7 +2069,8 @@
|
||||
es: {
|
||||
"nav-resources": "Recursos",
|
||||
"nav-trial": "Prueba gratuita",
|
||||
"hero-badge": "ERP PARA ONGs",
|
||||
"hero-badge":
|
||||
"ERP y Automatización para ONGs — ODOO4projects",
|
||||
"hero-pill": "Plataforma ERP unificada para ONGs",
|
||||
"hero-headline":
|
||||
"Simplifica cada misión con un ERP diseñado para ONGs",
|
||||
@@ -2056,10 +2082,9 @@
|
||||
"Ciclos más rápidos de reportes a donantes y subvenciones",
|
||||
"hero-stat2":
|
||||
"Mayor velocidad en la incorporación de voluntarios",
|
||||
"hero-card-title": "🎁 Bono de bienvenida para ONGs",
|
||||
"hero-card-headline": "Paquete de automatización — 1 año",
|
||||
"hero-card-body":
|
||||
"Flujos listos · Sin código · Activos desde el primer día",
|
||||
"hero-card-title": "🎁 Paquete de bienvenida para ONGs",
|
||||
"hero-card-headline": "Gratis con cada registro de prueba",
|
||||
"hero-card-body": "Gratis con cada registro de prueba",
|
||||
"value1-title": "Transparencia para donantes",
|
||||
"value1-body":
|
||||
"Libros contables listos unen recibos y relatos para que cada donante vea su aporte sin hojas extra.",
|
||||
@@ -2125,7 +2150,8 @@
|
||||
de: {
|
||||
"nav-resources": "Ressourcen",
|
||||
"nav-trial": "Kostenlose Testphase",
|
||||
"hero-badge": "ERP FÜR NGOs",
|
||||
"hero-badge":
|
||||
"ERP & Automatisierung für NGOs — ODOO4projects",
|
||||
"hero-pill": "Vereintes NGO-ERP",
|
||||
"hero-headline":
|
||||
"Vereinfache jeden Einsatz mit einem ERP für NGOs",
|
||||
@@ -2136,10 +2162,9 @@
|
||||
"hero-stat1": "Schnellere Förder- & Spenderberichte",
|
||||
"hero-stat2":
|
||||
"Doppelt so schnelle Ehrenamtlichen-Onboardings",
|
||||
"hero-card-title": "🎁 Gratis-Bonus für NGOs",
|
||||
"hero-card-headline": "Automatisierungspaket — 1 Jahr",
|
||||
"hero-card-body":
|
||||
"Fertige Abläufe · Kein Code · Ab Tag eins aktiv",
|
||||
"hero-card-title": "🎁 Anmelde-Paket für NGOs",
|
||||
"hero-card-headline": "Kostenlos bei jeder Testanmeldung",
|
||||
"hero-card-body": "Kostenlos bei jeder Testanmeldung",
|
||||
"value1-title": "Transparenz für Spender",
|
||||
"value1-body":
|
||||
"Buchhaltungsbereite Ledger verbinden Belege mit Geschichten, damit Spender jeden Euro ohne Zusatz-Excel sofort klar sehen.",
|
||||
|
||||
Reference in New Issue
Block a user