From be09564a25de4d3e0ee52113d9136b51a9f1ec45 Mon Sep 17 00:00:00 2001
From: Oliver <oliver@odoo4projects.com>
Date: Fri, 27 Mar 2026 17:59:40 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20badge=20text,=206-item=20bundle=20card,?=
 =?UTF-8?q?=20footer=20textarea=202=C3=97wide=2030%tall,=20SVG=20send=20ic?=
 =?UTF-8?q?on?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 141 +++++++++++++++++++++++++++++++----------------------
 1 file changed, 83 insertions(+), 58 deletions(-)

diff --git a/index.html b/index.html
index f2c66d6..57b9ece 100644
--- a/index.html
+++ b/index.html
@@ -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 &amp; AI
                                 </li>
                                 <li>
-                                    <span class="bundle-check">✓</span>Monthly
-                                    impact digest email
+                                    <span class="bundle-check">✓</span>Backups
+                                    &amp; 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&nbsp;→
+                        <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.",