10 Commits

6 changed files with 116 additions and 1158 deletions
@@ -0,0 +1,26 @@
Rollback and Recovery Changelog
Timestamp: ${TS}
Actions performed:
- Reset main branch (working tree and HEAD) to commit 6127867d51c9f0e4e86d1d8390081208f45136ab and force-pushed to origin/main.
- Confirmed README.md content matches version at commit 6127867d51.
- Investigated deleted backups: located backups in parent commit 5189b23 and extracted available files into recovered_backups/ directory in the working tree (not yet committed).
- Created this changelog and saved recovered backup files under recovered_backups/ for review.
Recovered backup files:
- backups/index.html.20260324164129.bak -> recovered_backups/index.html.20260324164129.bak (extracted from commit 5189b23)
- backups/index.html.bak.20260324164053 -> recovered_backups/index.html.bak.20260324164053 (extracted from commit 5189b23)
Notes on recovery:
- The deleted backup files were present in previous commits and have been extracted from git history into recovered_backups/.
- Additional backup files referencing other timestamps exist in git history (e.g., backups/index.html.20260324164556.bak and backups/index.html.20260324164626.bak). These can be extracted on request.
Suspicious findings:
- Commit 6127867d51 (message: "Deleted Backups and changed readme") removed backup files. Author: Oliver. This commit may be responsible for missing backups. Please confirm whether this deletion was authorized.
Remaining tasks / recommendations:
- Decide whether to reintroduce recovered backups into main branch. Restoring them to main will create a new commit on top of 6127867d51 (this changelog can be used), or they can be provided in a separate branch or as artifacts.
- If you want me to commit the recovered_backups/ content and this changelog to the repository and push, confirm and I will proceed.
- If you prefer the repository to remain exactly at 6127867d51 (no additional commits), I will not commit recovered files; instead I will provide them separately (download/attach) and leave main at the rollback state.
+60
View File
@@ -0,0 +1,60 @@
# NGO Website — ODOO4projects
**Project:** NGO marketing homepage and blog
**URL:** [ngo.odoo4projects.com](https://ngo.odoo4projects.com)
**Stack:** Static HTML · Tailwind CSS · Vanilla JS
---
## Repository Rules
- Blog posts live in `blog.json` — do not create separate backup files.
- No backup files in the repo.
- Update this README with every commit.
---
## Page Structure
| # | Block | Purpose |
|---|-------|---------|
| 1 | **Hero** | Headline, subheadline, free-trial CTA, key stats |
| 2 | **Hot NGO Topics** | Three focused topic cards (transparency, communications, fundraising) |
| 3 | **Blog** | Latest articles loaded dynamically from `blog.json` |
| 4 | **Sign Up — Free Trial** | Email signup form, 4-week free trial, no credit card |
| 5 | **Have a Meeting** | 30-minute consultation booking via Google Calendar |
---
## CI Checks (required on every push)
- **HTML lint** — valid markup, no broken anchors
- **JS lint** — no errors, no `console.error` left in production paths
- **Tailwind build** — `npx tailwindcss -i ./src/input.css -o ./assets/site.css --minify` must exit 0
- **Corporate design compliance:**
- No CSS gradients — `gradient`, `bg-*-gradient`, `linear-gradient`, `radial-gradient` are forbidden
- No CSS animations or keyframes — `animate-*`, `@keyframes`, transform-based `hover:translate-*` are forbidden
- No blur or glassmorphism effects — `backdrop-blur`, `backdrop-filter` are forbidden
- Colors must use the approved brand palette only: `brand-ink · brand-primary · brand-accent · brand-sunrise · brand-emerald · brand-snow · brand-smoke`
- Images must be served from `odoo4projects.com`, `images.unsplash.com`, or local `assets/`
- **Accessibility** — heading hierarchy (one `<h1>` per page), `alt` on all images, sufficient contrast (WCAG AA)
- **Performance budget** — total page weight ≤ 200 KB (excluding cached fonts); critical render path ≤ 1 s on fast 3G
- **SEO** — `<title>`, `<meta name="description">`, `<h1>`, canonical `<link>`, and JSON-LD structured data must be present
---
## Languages
| Code | Language |
|------|----------|
| `en` | English (default) |
| `es` | Español |
| `de` | Deutsch |
All UI strings are managed via the inline `translations` object in `index.html`.
---
## Focus Keywords
`NGO donor management` · `transparent donations` · `Odoo for NGOs` · `donor communication` · `minimal admin for charities`
-555
View File
@@ -1,555 +0,0 @@
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>🐻 NGO ERP Landingpage | ODOO4projects</title>
<meta name="description" content="Purpose-built ERP platform for NGOs. Centralize programs, automate donor and grant reporting, and launch in weeks with ODOO4projects." />
<meta name="keywords" content="NGO ERP system, nonprofit management software, ERP for NGOs, NGO operations platform, ODOO for nonprofits" />
<link rel="icon" href="https://odoo4projects.com/web/image/website/1/favicon?unique=725c3af" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'" />
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"></noscript>
<link rel="preload" href="assets/site.css" as="style" onload="this.onload=null;this.rel='stylesheet'" />
<noscript><link rel="stylesheet" href="assets/site.css"></noscript>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "NGO ERP Landing",
"about": "ERP for NGOs",
"publisher": {
"@type": "Organization",
"name": "ODOO4projects",
"logo": "https://odoo4projects.com/web/image/website/1/logo?unique=1be96c3"
},
"mainEntity": {
"@type": "SoftwareApplication",
"name": "ODOO4projects NGO ERP",
"applicationCategory": "BusinessApplication",
"operatingSystem": "Cloud",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD",
"description": "4-week free trial of NGO ERP workspace"
}
}
}
</script>
<script defer data-domain="ngo.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.tagged-events.js"></script>
<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
<style id="emoji-style">
/* Emoji styling to match heading font and spacing */
.emoji{font-family:inherit;font-size:1em;vertical-align:middle;margin-right:0.5rem;display:inline-block}
</style>
</head>
<body class="bg-brand-snow text-brand-ink">
<header class="bg-hero-gradient text-white">
<div class="max-w-6xl mx-auto px-6 py-6 flex flex-wrap items-center justify-between gap-4">
<div class="flex items-center gap-3">
<img src="https://odoo4projects.com/web/image/website/1/logo?unique=1be96c3" alt="ODOO4projects logo" class="h-10 w-auto" />
<span class="uppercase tracking-[0.3em] text-xs text-brand-smoke" data-i18n="hero-badge"></span>
</div>
<nav class="flex flex-wrap items-center gap-6 text-sm">
<a href="#blog" class="hover:text-brand-sunrise transition" data-i18n="nav-resources"></a>
<a href="#trial" class="hover:text-brand-sunrise transition" data-i18n="nav-trial"></a>
</nav>
<div class="flex items-center gap-3">
<label for="lang-selector" class="sr-only">Language</label>
<select id="lang-selector" class="bg-white/10 border border-white/30 text-sm rounded-full px-3 py-1.5 focus:outline-none focus:ring-2 focus:ring-brand-sunrise/70">
<option value="en">English</option>
<option value="es">Español</option>
<option value="de">Deutsch</option>
</select>
<a href="https://calendar.google.com/calendar/u/0/appointments/schedules/AcZssZ3DDbaiHFlhNhWySszAQoPXE_H73QLqYT3w7H9IYWC76RA_TgNIhLESjb4N7ep_D2D_OyW9q4-c" target="_blank" rel="noopener" class="px-5 py-2 bg-brand-sunrise text-brand-ink font-semibold rounded-full text-sm shadow-brand hover:translate-y-0.5 transition plausible-event-name=meeting" data-i18n="cta-meeting"></a>
</div>
</div>
<div class="max-w-6xl mx-auto px-6 py-16 grid md:grid-cols-2 gap-12 items-center">
<div>
<p class="text-brand-sunrise font-semibold mb-4" data-i18n="hero-pill"></p>
<h1 class="text-4xl md:text-5xl font-semibold leading-tight mb-6"><span class=\"emoji\" role=\"img\" aria-label=\"bear\">🐻</span> <span data-i18n=\"hero-headline\"></span></h1>
<p class="text-lg text-white/80 mb-8" data-i18n="hero-subheadline"></p>
<div class="flex flex-wrap gap-4">
<a href="#trial" class="px-6 py-3 bg-brand-accent hover:bg-brand-sunrise text-brand-ink font-semibold rounded-full transition" data-i18n="cta-trial" data-event="cta:hero-trial"></a>
</div>
<div class="mt-10 grid grid-cols-2 gap-6 text-sm text-white/80">
<div>
<p class="text-3xl font-semibold text-white">38%</p>
<p data-i18n="hero-stat1"></p>
</div>
<div>
<p class="text-3xl font-semibold text-white">2x</p>
<p data-i18n="hero-stat2"></p>
</div>
</div>
</div>
<div class="bg-white/10 backdrop-blur-lg rounded-3xl p-8 shadow-brand">
<div class="relative">
<img src="https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=900&q=80" alt="NGO team collaborating" class="rounded-2xl" />
<div class="absolute -bottom-8 left-8 bg-white/90 text-brand-ink px-4 py-3 rounded-2xl shadow-lg">
<p class="text-xs uppercase tracking-widest text-brand-primary mb-1" data-i18n="hero-card-title"></p>
<p class="text-lg font-semibold" data-i18n="hero-card-headline"></p>
<p class="text-sm text-brand-primary" data-i18n="hero-card-body"></p>
</div>
</div>
</div>
</div>
</header>
<section class="max-w-6xl mx-auto px-6 py-16 grid md:grid-cols-3 gap-8">
<article class="bg-white rounded-2xl p-6 shadow-brand border border-brand-smoke">
<h2 class="text-xl font-semibold mb-2" data-i18n="value1-title"></h2>
<p class="text-sm text-brand-ink/80" data-i18n="value1-body"></p>
</article>
<article class="bg-white rounded-2xl p-6 shadow-brand border border-brand-smoke">
<h2 class="text-xl font-semibold mb-2" data-i18n="value2-title"></h2>
<p class="text-sm text-brand-ink/80" data-i18n="value2-body"></p>
</article>
<article class="bg-white rounded-2xl p-6 shadow-brand border border-brand-smoke">
<h2 class="text-xl font-semibold mb-2" data-i18n="value3-title"></h2>
<p class="text-sm text-brand-ink/80" data-i18n="value3-body"></p>
</article>
</section>
<section id="blog" class="bg-white py-20">
<div class="max-w-6xl mx-auto px-6">
<div class="flex flex-col md:flex-row md:items-end md:justify-between gap-6 mb-12">
<div>
<p class="text-sm uppercase tracking-[0.3em] text-brand-primary mb-3" data-i18n="blog-tagline"></p>
<h2 class="text-3xl font-semibold" data-i18n="blog-title"></h2>
<p class="text-brand-ink/80" data-i18n="blog-subtitle"></p>
</div>
<button id="blog-toggle" type="button" class="text-brand-accent font-semibold hover:underline underline-offset-4">Browse all articles →</button>
</div>
<div id="blog-grid" class="grid gap-6 md:grid-cols-3"></div>
<p id="blog-error" class="text-sm text-brand-ink/70 mt-6 hidden"></p>
</div>
</section>
<section id="trial" class="bg-brand-ink text-white py-20">
<div class="max-w-5xl mx-auto px-6 grid md:grid-cols-2 gap-12">
<div>
<p class="text-brand-sunrise text-sm uppercase tracking-[0.3em] mb-4" data-i18n="trial-tagline"></p>
<h2 class="text-3xl font-semibold mb-4" data-i18n="trial-heading"></h2>
<p class="text-white/80 mb-6" data-i18n="trial-body"></p>
<ul class="space-y-4 text-sm text-white/80">
<li class="flex gap-3"><span class="text-brand-emerald">✔</span><span data-i18n="trial-bullet1"></span></li>
<li class="flex gap-3"><span class="text-brand-emerald">✔</span><span data-i18n="trial-bullet2"></span></li>
<li class="flex gap-3"><span class="text-brand-emerald">✔</span><span data-i18n="trial-bullet3"></span></li>
</ul>
</div>
<form class="bg-white text-brand-ink rounded-3xl p-8 shadow-brand space-y-5" data-event="form:trial">
<label class="block text-sm font-medium">
<span data-i18n="trial-label-email"></span>
<input type="email" required class="mt-2 w-full rounded-2xl border border-brand-smoke px-4 py-3 focus:outline-none focus:ring-2 focus:ring-brand-accent" data-i18n-placeholder="trial-placeholder-email" />
</label>
<label class="block text-sm font-medium">
<span data-i18n="trial-label-priority"></span>
<select class="mt-2 w-full rounded-2xl border border-brand-smoke px-4 py-3 focus:outline-none focus:ring-2 focus:ring-brand-accent">
<option data-i18n-option="priority-1"></option>
<option data-i18n-option="priority-2"></option>
<option data-i18n-option="priority-3"></option>
<option data-i18n-option="priority-4"></option>
</select>
</label>
<label class="block text-sm font-medium">
<span data-i18n="trial-label-region"></span>
<input type="text" class="mt-2 w-full rounded-2xl border border-brand-smoke px-4 py-3 focus:outline-none focus:ring-2 focus:ring-brand-accent" data-i18n-placeholder="trial-placeholder-region" />
</label>
<p class="text-xs text-brand-ink/70" data-i18n="trial-microcopy"></p>
<button type="submit" class="w-full py-3 rounded-2xl bg-brand-accent text-brand-ink font-semibold" data-i18n="cta-trial"></button>
<p class="text-xs text-brand-ink/60 text-center" data-i18n="trial-help"></p>
</form>
</div>
</section>
<section id="meeting" class="py-20 bg-white">
<div class="max-w-5xl mx-auto px-6 grid md:grid-cols-2 gap-12 items-center">
<div>
<p class="uppercase text-xs tracking-[0.3em] text-brand-primary mb-3" data-i18n="meeting-tagline"></p>
<h2 class="text-3xl font-semibold mb-4" data-i18n="meeting-heading"></h2>
<p class="text-brand-ink/80 mb-6" data-i18n="meeting-body"></p>
<ul class="space-y-4 text-sm text-brand-ink/80">
<li class="flex gap-3"><span class="text-brand-primary">◎</span><span data-i18n="meeting-bullet1"></span></li>
<li class="flex gap-3"><span class="text-brand-primary">◎</span><span data-i18n="meeting-bullet2"></span></li>
<li class="flex gap-3"><span class="text-brand-primary">◎</span><span data-i18n="meeting-bullet3"></span></li>
</ul>
</div>
<div class="bg-brand-snow border border-brand-smoke rounded-3xl p-8 shadow-brand">
<p class="text-sm text-brand-primary font-semibold mb-2" data-i18n="meeting-note-title"></p>
<p class="text-brand-ink font-semibold text-xl mb-4" data-i18n="meeting-note-body"></p>
<p class="text-sm text-brand-ink/70" data-i18n="meeting-note-hint"></p>
<a href="https://calendar.google.com/calendar/u/0/appointments/schedules/AcZssZ3DDbaiHFlhNhWySszAQoPXE_H73QLqYT3w7H9IYWC76RA_TgNIhLESjb4N7ep_D2D_OyW9q4-c" target="_blank" rel="noopener" class="inline-flex items-center gap-2 mt-4 text-sm font-semibold text-brand-primary hover:text-brand-accent plausible-event-name=meeting" data-i18n="meeting-note-cta"></a>
</div>
</div>
</section>
<footer class="bg-brand-ink text-white py-10">
<div class="max-w-6xl mx-auto px-6 flex flex-col md:flex-row gap-6 items-center justify-between text-sm">
<p>© <span id="year"></span> <span data-i18n="footer-note"></span></p>
<div class="flex gap-4">
<a href="https://odoo4projects.com/support" class="hover:text-brand-sunrise" data-i18n="footer-support"></a>
<a href="https://odoo4projects.com/legal" class="hover:text-brand-sunrise" data-i18n="footer-legal"></a>
<a href="https://odoo4projects.com/contactus" class="hover:text-brand-sunrise" data-i18n="footer-contact"></a>
</div>
</div>
</footer>
<script>
const translations = {
en: {
'nav-resources': 'Resources',
'nav-trial': 'Free Trial',
'hero-badge': 'ERP FOR NGOs',
'hero-pill': 'Unified NGO ERP Platform',
'hero-headline': 'Simplify every mission workflow with an ERP built for NGOs',
'hero-subheadline': 'Consolidate programs, automate donor and grant reporting, and give every field office the same source of truth. Launch in weeks with templates tailored to humanitarian and community-impact teams.',
'cta-trial': 'Sign Up for Free Trial',
'cta-meeting': 'Schedule a Meeting',
'hero-stat1': 'Faster donor & grant reporting cycles',
'hero-stat2': 'Increase in volunteer onboarding speed',
'hero-card-title': 'Live KPI snapshot',
'hero-card-headline': 'Program Impact Dashboard',
'hero-card-body': 'Realtime budgets • Volunteer hours • Donor health',
'value1-title': 'Transparency for Donors',
'value1-body': 'Accounting-ready ledgers pair receipts with stories so donors see every peso without extra spreadsheets or calls.',
'value2-title': 'Donor Management & Communications',
'value2-body': 'Automation buddies queue thank-yous, newsletters, and SMS nudges so every supporter hears from you right on time.',
'value3-title': 'International Fund Raising',
'value3-body': 'Multilingual homepages, acquisition kanbans, and project trackers keep campaigns aligned across countries without rebuilding playbooks.',
'blog-tagline': 'Insights for NGO leaders',
'blog-title': 'Blog & resource hub',
'blog-subtitle': 'Get your impulses with our entertaining playbooks.',
'blog-link': 'Browse all articles →',
'blog-all-open': 'Show fewer articles',
'blog-read-more': 'Read more',
'blog-show-less': 'Show less',
'blog-error': 'Unable to load articles right now.',
'trial-tagline': 'Sign up free trial',
'trial-heading': 'Launch your NGO ERP sandbox in under 5 minutes',
'trial-body': 'Experience localized NGO templates, donor CRM, and automation recipes. No credit card required—just choose your focus area and invite teammates.',
'trial-bullet1': 'Pre-loaded NGO chart of accounts & grant tracking',
'trial-bullet2': 'Automated donor receipts + impact dashboards',
'trial-bullet3': 'Guided checklists for go-live within 30 days',
'trial-label-email': 'Work email',
'trial-placeholder-email': 'impact@yourngo.org',
'trial-label-priority': 'Primary priority',
'priority-1': 'Grant compliance reporting',
'priority-2': 'Volunteer management',
'priority-3': 'Donor CRM & fundraising',
'priority-4': 'Finance & procurement',
'trial-label-region': 'Country / region',
'trial-placeholder-region': 'e.g., Paraguay, LATAM',
'trial-microcopy': 'No credit card required. EU hosting & GDPR-ready.',
'trial-help': 'Need help? Use the Schedule a Meeting button in the header to book a guided call.',
'meeting-tagline': 'Have a meeting',
'meeting-heading': 'See how your NGO can streamline operations, save time, and reduce errors',
'meeting-body': 'A 30-minute live walkthrough tailored to your mission, covering localization, integrations, and governance. Walk away with a rollout roadmap.',
'meeting-bullet1': 'Baseline automation scoring',
'meeting-bullet2': 'Tech stack alignment & data migration plan',
'meeting-bullet3': 'Budget templates & total cost forecast',
'meeting-note-title': 'How scheduling works',
'meeting-note-body': 'You will meet with an NGO consultant from ODOO4projects.',
'meeting-note-hint': 'Use the Schedule a Meeting button in the header and tell us during booking which question we should prepare for.',
'meeting-note-cta': 'Open booking calendar',
'footer-note': 'ODOO4projects — Hosting for the AI generation',
'footer-support': 'Support',
'footer-legal': 'Legal',
'footer-contact': 'Contact'
},
es: {
'nav-resources': 'Recursos',
'nav-trial': 'Prueba gratuita',
'hero-badge': 'ERP PARA ONGs',
'hero-pill': 'Plataforma ERP unificada para ONGs',
'hero-headline': 'Simplifica cada misión con un ERP diseñado para ONGs',
'hero-subheadline': 'Centraliza programas, automatiza reportes de donantes y subvenciones y ofrece a cada sede la misma fuente de verdad. Implementa en semanas con plantillas creadas para equipos humanitarios.',
'cta-trial': 'Crear prueba gratuita',
'cta-meeting': 'Agendar una reunión',
'hero-stat1': 'Ciclos más rápidos de reportes a donantes y subvenciones',
'hero-stat2': 'Mayor velocidad en la incorporación de voluntarios',
'hero-card-title': 'Panel de KPIs en vivo',
'hero-card-headline': 'Tablero de impacto programático',
'hero-card-body': 'Presupuestos en tiempo real • Horas voluntarias • Salud de donantes',
'value1-title': 'Transparencia para donantes',
'value1-body': 'Libros contables listos unen recibos y relatos para que cada donante vea su aporte sin hojas extra.',
'value2-title': 'Gestión y comunicación con donantes',
'value2-body': 'Bots de automatización programan agradecimientos, boletines y SMS para que cada aliado reciba noticias a tiempo.',
'value3-title': 'Recaudación internacional',
'value3-body': 'Sitios multilingües, tableros de adquisición y proyectos coordinan campañas globales sin rehacer playbooks ni procesos.',
'blog-tagline': 'Ideas para líderes de ONG',
'blog-title': 'Blog y centro de recursos',
'blog-subtitle': 'Recibe impulsos con nuestros playbooks entretenidos.',
'blog-link': 'Ver todos los artículos →',
'blog-all-open': 'Mostrar menos artículos',
'blog-read-more': 'Leer más',
'blog-show-less': 'Mostrar menos',
'blog-error': 'No pudimos cargar los artículos en este momento.',
'trial-tagline': 'Activa tu prueba',
'trial-heading': 'Lanza tu sandbox ERP para ONG en menos de 5 minutos',
'trial-body': 'Explora plantillas localizadas, CRM de donantes y recetas de automatización. Sin tarjeta; solo elige tu prioridad e invita al equipo.',
'trial-bullet1': 'Plan contable para ONG y seguimiento de subvenciones precargado',
'trial-bullet2': 'Recibos automáticos más tableros de impacto',
'trial-bullet3': 'Checklists guiados para salir a producción en 30 días',
'trial-label-email': 'Correo laboral',
'trial-placeholder-email': 'impacto@tuong.org',
'trial-label-priority': 'Prioridad principal',
'priority-1': 'Reportes de subvenciones',
'priority-2': 'Gestión de voluntarios',
'priority-3': 'CRM y recaudación',
'priority-4': 'Finanzas y compras',
'trial-label-region': 'País / región',
'trial-placeholder-region': 'ej. Paraguay, LATAM',
'trial-microcopy': 'Sin tarjeta. Hosting en la UE y cumplimiento GDPR.',
'trial-help': '¿Dudas? Usa el botón “Agendar una reunión” en el encabezado para reservar una llamada guiada.',
'meeting-tagline': 'Agenda una reunión',
'meeting-heading': 'Descubre cómo optimizar operaciones, ahorrar tiempo y reducir errores',
'meeting-body': 'Sesión de 30 minutos adaptada a tu misión, con localización, integraciones y gobernanza. Sal con un plan de implementación.',
'meeting-bullet1': 'Diagnóstico de automatización',
'meeting-bullet2': 'Plan de migración y alineación tecnológica',
'meeting-bullet3': 'Plantillas presupuestarias y previsión de costes',
'meeting-note-title': 'Cómo reservar',
'meeting-note-body': 'Te reunirás con un consultor ONG de ODOO4projects.',
'meeting-note-hint': 'Usa el botón “Agendar una reunión” del encabezado y cuéntanos durante la reserva qué pregunta debemos preparar.',
'meeting-note-cta': 'Abrir calendario de reservas',
'footer-note': 'ODOO4projects — Hosting para la generación IA',
'footer-support': 'Soporte',
'footer-legal': 'Legal',
'footer-contact': 'Contacto'
},
de: {
'nav-resources': 'Ressourcen',
'nav-trial': 'Kostenlose Testphase',
'hero-badge': 'ERP FÜR NGOs',
'hero-pill': 'Vereintes NGO-ERP',
'hero-headline': 'Vereinfache jeden Einsatz mit einem ERP für NGOs',
'hero-subheadline': 'Bündele Programme, automatisiere Spender- und Förderberichte und gib allen Standorten dieselbe Datenbasis. Starte in wenigen Wochen mit maßgeschneiderten Templates.',
'cta-trial': 'Kostenlose Testphase starten',
'cta-meeting': 'Meeting planen',
'hero-stat1': 'Schnellere Förder- & Spenderberichte',
'hero-stat2': 'Doppelt so schnelle Ehrenamtlichen-Onboardings',
'hero-card-title': 'Live-KPI-Überblick',
'hero-card-headline': 'Impact-Dashboard für Programme',
'hero-card-body': 'Budgets in Echtzeit • Ehrenamtsstunden • Donor Health',
'value1-title': 'Transparenz für Spender',
'value1-body': 'Buchhaltungsbereite Ledger verbinden Belege mit Geschichten, damit Spender jeden Euro ohne Zusatz-Excel sofort klar sehen.',
'value2-title': 'Spenderverwaltung & Kommunikation',
'value2-body': 'Automations-Buddys planen Dankesnachrichten, Newsletter und SMS, damit jede Beziehung pünktlich gepflegt und dokumentiert bleibt.',
'value3-title': 'Internationale Fundraising',
'value3-body': 'Mehrsprachige Homepages, Akquise-Kanban und Projekttracker halten Kampagnen weltweit synchron ohne Playbooks ständig umzuschreiben.',
'blog-tagline': 'Insights für NGO-Führungskräfte',
'blog-title': 'Blog & Wissenshub',
'blog-subtitle': 'Hol dir Impulse mit unseren unterhaltsamen Playbooks.',
'blog-link': 'Alle Artikel ansehen →',
'blog-all-open': 'Weniger Artikel anzeigen',
'blog-read-more': 'Mehr lesen',
'blog-show-less': 'Weniger anzeigen',
'blog-error': 'Artikel konnten gerade nicht geladen werden.',
'trial-tagline': 'Kostenlos testen',
'trial-heading': 'Starte dein NGO-ERP-Sandbox in unter 5 Minuten',
'trial-body': 'Teste lokalisierte Templates, Donor-CRM und Automatisierungen. Keine Kreditkarte wähle den Fokus und lade dein Team ein.',
'trial-bullet1': 'Vorkonfigurierter Kontenplan & Fördertracking',
'trial-bullet2': 'Automatische Spendenbelege & Impact-Dashboards',
'trial-bullet3': 'Geführte Checklisten für Go-Live in 30 Tagen',
'trial-label-email': 'Arbeits-E-Mail',
'trial-placeholder-email': 'impact@deinengo.org',
'trial-label-priority': 'Höchste Priorität',
'priority-1': 'Förder-Reporting',
'priority-2': 'Ehrenamt-Management',
'priority-3': 'Spender-CRM & Fundraising',
'priority-4': 'Finanzen & Beschaffung',
'trial-label-region': 'Land / Region',
'trial-placeholder-region': 'z.B. Paraguay, LATAM',
'trial-microcopy': 'Keine Kreditkarte. EU-Hosting & DSGVO-konform.',
'trial-help': 'Brauchen Sie Hilfe? Nutzen Sie den Button „Meeting planen“ im Header für einen geführten Call.',
'meeting-tagline': 'Meeting vereinbaren',
'meeting-heading': 'Erleben Sie, wie Ihre NGO Zeit spart und Fehler reduziert',
'meeting-body': 'Ein 30-minütiger Walkthrough zu Lokalisierung, Integrationen und Governance inklusive Rollout-Fahrplan.',
'meeting-bullet1': 'Automation-Score als Ausgangspunkt',
'meeting-bullet2': 'Technologie- & Migrationsplan',
'meeting-bullet3': 'Budgetvorlagen & Kostenprognose',
'meeting-note-title': 'So buchen Sie',
'meeting-note-body': 'Sie sprechen mit einem NGO-Berater von ODOO4projects.',
'meeting-note-hint': 'Verwenden Sie den Button „Meeting planen“ im Header und nennen Sie bei der Buchung Ihre Frage, damit wir uns vorbereiten können.',
'meeting-note-cta': 'Buchungskalender öffnen',
'footer-note': 'ODOO4projects — Hosting für die KI-Generation',
'footer-support': 'Support',
'footer-legal': 'Rechtliches',
'footer-contact': 'Kontakt'
}
};
const BLOG_LIMIT = 3;
const blogGrid = document.getElementById('blog-grid');
const blogToggle = document.getElementById('blog-toggle');
const blogError = document.getElementById('blog-error');
let blogPosts = [];
let blogExpanded = false;
if (blogGrid) {
fetch('blog.json')
.then(response => response.json())
.then(data => {
blogPosts = Array.isArray(data) ? data : [];
renderBlogCards();
})
.catch(error => {
if (blogError) {
blogError.classList.remove('hidden');
blogError.textContent = getTranslation(document.documentElement.lang, 'blog-error', 'Unable to load articles right now.');
}
console.error('blog.json load failed', error);
});
}
if (blogToggle) {
blogToggle.addEventListener('click', () => {
if (blogPosts.length <= BLOG_LIMIT) return;
blogExpanded = !blogExpanded;
renderBlogCards();
});
}
function getTranslation(locale, key, fallback) {
return (translations[locale] && translations[locale][key]) ?? translations.en[key] ?? fallback;
}
function renderBlogCards() {
if (!blogGrid) {
return;
}
if (!blogPosts.length) {
blogGrid.innerHTML = '';
updateBlogToggleLabel();
return;
}
const limit = blogExpanded ? blogPosts.length : Math.min(BLOG_LIMIT, blogPosts.length);
blogGrid.innerHTML = '';
blogPosts.slice(0, limit).forEach(post => {
blogGrid.appendChild(createBlogCard(post));
});
updateBlogToggleLabel();
}
function createBlogCard(post) {
const card = document.createElement('article');
card.className = 'border border-brand-smoke rounded-3xl p-6 h-full flex flex-col';
const meta = document.createElement('div');
meta.className = 'flex items-center justify-between mb-3';
const area = document.createElement('p');
area.className = 'text-xs uppercase tracking-widest text-brand-primary';
area.textContent = post.area || '';
const dateEl = document.createElement('time');
dateEl.className = 'text-xs text-brand-ink/60';
if (post.date) {
dateEl.dateTime = post.date;
}
dateEl.textContent = formatBlogDate(post.date);
meta.append(area, dateEl);
card.appendChild(meta);
const title = document.createElement('h3');
title.className = 'text-xl font-semibold mb-3';
title.textContent = post.title || '';
card.appendChild(title);
const teaser = document.createElement('div');
teaser.className = 'text-sm text-brand-ink/80 space-y-3 mb-4';
teaser.innerHTML = post.teaser || '';
card.appendChild(teaser);
let contentBlock = null;
const hasMore = post.content && post.content.trim() !== (post.teaser || '').trim();
if (post.content) {
contentBlock = document.createElement('div');
contentBlock.className = 'text-sm text-brand-ink/80 space-y-3 mb-4 hidden';
contentBlock.innerHTML = post.content;
card.appendChild(contentBlock);
}
if (hasMore && contentBlock) {
const btn = document.createElement('button');
btn.type = 'button';
btn.className = 'text-sm font-semibold text-brand-accent underline-offset-4 hover:underline self-start';
btn.textContent = getTranslation(document.documentElement.lang, 'blog-read-more', 'Read more');
btn.addEventListener('click', () => {
const isHidden = contentBlock.classList.contains('hidden');
if (isHidden) {
contentBlock.classList.remove('hidden');
btn.textContent = getTranslation(document.documentElement.lang, 'blog-show-less', 'Show less');
} else {
contentBlock.classList.add('hidden');
btn.textContent = getTranslation(document.documentElement.lang, 'blog-read-more', 'Read more');
}
});
card.appendChild(btn);
}
return card;
}
function formatBlogDate(dateString) {
if (!dateString) return '';
try {
const locale = document.documentElement.lang || 'en';
return new Intl.DateTimeFormat(locale, { year: 'numeric', month: 'short', day: 'numeric' }).format(new Date(dateString));
} catch (error) {
return dateString;
}
}
function updateBlogToggleLabel() {
if (!blogToggle) return;
if (blogPosts.length <= BLOG_LIMIT) {
blogToggle.classList.add('hidden');
blogExpanded = false;
return;
}
blogToggle.classList.remove('hidden');
blogToggle.disabled = false;
const locale = document.documentElement.lang || 'en';
blogToggle.textContent = blogExpanded
? getTranslation(locale, 'blog-all-open', 'Show fewer articles')
: getTranslation(locale, 'blog-link', 'Browse all articles →');
}
function setLanguage(lang) {
const locale = translations[lang] ? lang : 'en';
document.documentElement.lang = locale;
document.querySelectorAll('[data-i18n]').forEach(el => {
const key = el.dataset.i18n;
const value = translations[locale][key] ?? translations.en[key] ?? '';
if (value !== undefined) el.innerHTML = value;
});
document.querySelectorAll('[data-i18n-placeholder]').forEach(el => {
const key = el.dataset.i18nPlaceholder;
const value = translations[locale][key] ?? translations.en[key] ?? '';
if (value !== undefined) el.setAttribute('placeholder', value);
});
document.querySelectorAll('[data-i18n-option]').forEach(el => {
const key = el.dataset.i18nOption;
const value = translations[locale][key] ?? translations.en[key] ?? '';
if (value !== undefined) el.textContent = value;
});
document.querySelectorAll('[data-i18n-aria]').forEach(el => {
const key = el.dataset.i18nAria;
const value = translations[locale][key] ?? translations.en[key] ?? '';
if (value !== undefined) el.setAttribute('aria-label', value);
});
renderBlogCards();
updateBlogToggleLabel();
}
document.getElementById('lang-selector').addEventListener('change', (event) => {
setLanguage(event.target.value);
});
setLanguage('en');
document.getElementById('year').textContent = new Date().getFullYear();
</script>
</body>
</html>
-550
View File
@@ -1,550 +0,0 @@
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>NGO ERP Landingpage | ODOO4projects</title>
<meta name="description" content="Purpose-built ERP platform for NGOs. Centralize programs, automate donor and grant reporting, and launch in weeks with ODOO4projects." />
<meta name="keywords" content="NGO ERP system, nonprofit management software, ERP for NGOs, NGO operations platform, ODOO for nonprofits" />
<link rel="icon" href="https://odoo4projects.com/web/image/website/1/favicon?unique=725c3af" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'" />
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"></noscript>
<link rel="preload" href="assets/site.css" as="style" onload="this.onload=null;this.rel='stylesheet'" />
<noscript><link rel="stylesheet" href="assets/site.css"></noscript>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "NGO ERP Landing",
"about": "ERP for NGOs",
"publisher": {
"@type": "Organization",
"name": "ODOO4projects",
"logo": "https://odoo4projects.com/web/image/website/1/logo?unique=1be96c3"
},
"mainEntity": {
"@type": "SoftwareApplication",
"name": "ODOO4projects NGO ERP",
"applicationCategory": "BusinessApplication",
"operatingSystem": "Cloud",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD",
"description": "4-week free trial of NGO ERP workspace"
}
}
}
</script>
<script defer data-domain="ngo.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.tagged-events.js"></script>
<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
</head>
<body class="bg-brand-snow text-brand-ink">
<header class="bg-hero-gradient text-white">
<div class="max-w-6xl mx-auto px-6 py-6 flex flex-wrap items-center justify-between gap-4">
<div class="flex items-center gap-3">
<img src="https://odoo4projects.com/web/image/website/1/logo?unique=1be96c3" alt="ODOO4projects logo" class="h-10 w-auto" />
<span class="uppercase tracking-[0.3em] text-xs text-brand-smoke" data-i18n="hero-badge"></span>
</div>
<nav class="flex flex-wrap items-center gap-6 text-sm">
<a href="#blog" class="hover:text-brand-sunrise transition" data-i18n="nav-resources"></a>
<a href="#trial" class="hover:text-brand-sunrise transition" data-i18n="nav-trial"></a>
</nav>
<div class="flex items-center gap-3">
<label for="lang-selector" class="sr-only">Language</label>
<select id="lang-selector" class="bg-white/10 border border-white/30 text-sm rounded-full px-3 py-1.5 focus:outline-none focus:ring-2 focus:ring-brand-sunrise/70">
<option value="en">English</option>
<option value="es">Español</option>
<option value="de">Deutsch</option>
</select>
<a href="https://calendar.google.com/calendar/u/0/appointments/schedules/AcZssZ3DDbaiHFlhNhWySszAQoPXE_H73QLqYT3w7H9IYWC76RA_TgNIhLESjb4N7ep_D2D_OyW9q4-c" target="_blank" rel="noopener" class="px-5 py-2 bg-brand-sunrise text-brand-ink font-semibold rounded-full text-sm shadow-brand hover:translate-y-0.5 transition plausible-event-name=meeting" data-i18n="cta-meeting"></a>
</div>
</div>
<div class="max-w-6xl mx-auto px-6 py-16 grid md:grid-cols-2 gap-12 items-center">
<div>
<p class="text-brand-sunrise font-semibold mb-4" data-i18n="hero-pill"></p>
<h1 class="text-4xl md:text-5xl font-semibold leading-tight mb-6" data-i18n="hero-headline"></h1>
<p class="text-lg text-white/80 mb-8" data-i18n="hero-subheadline"></p>
<div class="flex flex-wrap gap-4">
<a href="#trial" class="px-6 py-3 bg-brand-accent hover:bg-brand-sunrise text-brand-ink font-semibold rounded-full transition" data-i18n="cta-trial" data-event="cta:hero-trial"></a>
</div>
<div class="mt-10 grid grid-cols-2 gap-6 text-sm text-white/80">
<div>
<p class="text-3xl font-semibold text-white">38%</p>
<p data-i18n="hero-stat1"></p>
</div>
<div>
<p class="text-3xl font-semibold text-white">2x</p>
<p data-i18n="hero-stat2"></p>
</div>
</div>
</div>
<div class="bg-white/10 backdrop-blur-lg rounded-3xl p-8 shadow-brand">
<div class="relative">
<img src="https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=900&q=80" alt="NGO team collaborating" class="rounded-2xl" />
<div class="absolute -bottom-8 left-8 bg-white/90 text-brand-ink px-4 py-3 rounded-2xl shadow-lg">
<p class="text-xs uppercase tracking-widest text-brand-primary mb-1" data-i18n="hero-card-title"></p>
<p class="text-lg font-semibold" data-i18n="hero-card-headline"></p>
<p class="text-sm text-brand-primary" data-i18n="hero-card-body"></p>
</div>
</div>
</div>
</div>
</header>
<section class="max-w-6xl mx-auto px-6 py-16 grid md:grid-cols-3 gap-8">
<article class="bg-white rounded-2xl p-6 shadow-brand border border-brand-smoke">
<h2 class="text-xl font-semibold mb-2" data-i18n="value1-title"></h2>
<p class="text-sm text-brand-ink/80" data-i18n="value1-body"></p>
</article>
<article class="bg-white rounded-2xl p-6 shadow-brand border border-brand-smoke">
<h2 class="text-xl font-semibold mb-2" data-i18n="value2-title"></h2>
<p class="text-sm text-brand-ink/80" data-i18n="value2-body"></p>
</article>
<article class="bg-white rounded-2xl p-6 shadow-brand border border-brand-smoke">
<h2 class="text-xl font-semibold mb-2" data-i18n="value3-title"></h2>
<p class="text-sm text-brand-ink/80" data-i18n="value3-body"></p>
</article>
</section>
<section id="blog" class="bg-white py-20">
<div class="max-w-6xl mx-auto px-6">
<div class="flex flex-col md:flex-row md:items-end md:justify-between gap-6 mb-12">
<div>
<p class="text-sm uppercase tracking-[0.3em] text-brand-primary mb-3" data-i18n="blog-tagline"></p>
<h2 class="text-3xl font-semibold" data-i18n="blog-title"></h2>
<p class="text-brand-ink/80" data-i18n="blog-subtitle"></p>
</div>
<button id="blog-toggle" type="button" class="text-brand-accent font-semibold hover:underline underline-offset-4">Browse all articles →</button>
</div>
<div id="blog-grid" class="grid gap-6 md:grid-cols-3"></div>
<p id="blog-error" class="text-sm text-brand-ink/70 mt-6 hidden"></p>
</div>
</section>
<section id="trial" class="bg-brand-ink text-white py-20">
<div class="max-w-5xl mx-auto px-6 grid md:grid-cols-2 gap-12">
<div>
<p class="text-brand-sunrise text-sm uppercase tracking-[0.3em] mb-4" data-i18n="trial-tagline"></p>
<h2 class="text-3xl font-semibold mb-4" data-i18n="trial-heading"></h2>
<p class="text-white/80 mb-6" data-i18n="trial-body"></p>
<ul class="space-y-4 text-sm text-white/80">
<li class="flex gap-3"><span class="text-brand-emerald">✔</span><span data-i18n="trial-bullet1"></span></li>
<li class="flex gap-3"><span class="text-brand-emerald">✔</span><span data-i18n="trial-bullet2"></span></li>
<li class="flex gap-3"><span class="text-brand-emerald">✔</span><span data-i18n="trial-bullet3"></span></li>
</ul>
</div>
<form class="bg-white text-brand-ink rounded-3xl p-8 shadow-brand space-y-5" data-event="form:trial">
<label class="block text-sm font-medium">
<span data-i18n="trial-label-email"></span>
<input type="email" required class="mt-2 w-full rounded-2xl border border-brand-smoke px-4 py-3 focus:outline-none focus:ring-2 focus:ring-brand-accent" data-i18n-placeholder="trial-placeholder-email" />
</label>
<label class="block text-sm font-medium">
<span data-i18n="trial-label-priority"></span>
<select class="mt-2 w-full rounded-2xl border border-brand-smoke px-4 py-3 focus:outline-none focus:ring-2 focus:ring-brand-accent">
<option data-i18n-option="priority-1"></option>
<option data-i18n-option="priority-2"></option>
<option data-i18n-option="priority-3"></option>
<option data-i18n-option="priority-4"></option>
</select>
</label>
<label class="block text-sm font-medium">
<span data-i18n="trial-label-region"></span>
<input type="text" class="mt-2 w-full rounded-2xl border border-brand-smoke px-4 py-3 focus:outline-none focus:ring-2 focus:ring-brand-accent" data-i18n-placeholder="trial-placeholder-region" />
</label>
<p class="text-xs text-brand-ink/70" data-i18n="trial-microcopy"></p>
<button type="submit" class="w-full py-3 rounded-2xl bg-brand-accent text-brand-ink font-semibold" data-i18n="cta-trial"></button>
<p class="text-xs text-brand-ink/60 text-center" data-i18n="trial-help"></p>
</form>
</div>
</section>
<section id="meeting" class="py-20 bg-white">
<div class="max-w-5xl mx-auto px-6 grid md:grid-cols-2 gap-12 items-center">
<div>
<p class="uppercase text-xs tracking-[0.3em] text-brand-primary mb-3" data-i18n="meeting-tagline"></p>
<h2 class="text-3xl font-semibold mb-4" data-i18n="meeting-heading"></h2>
<p class="text-brand-ink/80 mb-6" data-i18n="meeting-body"></p>
<ul class="space-y-4 text-sm text-brand-ink/80">
<li class="flex gap-3"><span class="text-brand-primary">◎</span><span data-i18n="meeting-bullet1"></span></li>
<li class="flex gap-3"><span class="text-brand-primary">◎</span><span data-i18n="meeting-bullet2"></span></li>
<li class="flex gap-3"><span class="text-brand-primary">◎</span><span data-i18n="meeting-bullet3"></span></li>
</ul>
</div>
<div class="bg-brand-snow border border-brand-smoke rounded-3xl p-8 shadow-brand">
<p class="text-sm text-brand-primary font-semibold mb-2" data-i18n="meeting-note-title"></p>
<p class="text-brand-ink font-semibold text-xl mb-4" data-i18n="meeting-note-body"></p>
<p class="text-sm text-brand-ink/70" data-i18n="meeting-note-hint"></p>
<a href="https://calendar.google.com/calendar/u/0/appointments/schedules/AcZssZ3DDbaiHFlhNhWySszAQoPXE_H73QLqYT3w7H9IYWC76RA_TgNIhLESjb4N7ep_D2D_OyW9q4-c" target="_blank" rel="noopener" class="inline-flex items-center gap-2 mt-4 text-sm font-semibold text-brand-primary hover:text-brand-accent plausible-event-name=meeting" data-i18n="meeting-note-cta"></a>
</div>
</div>
</section>
<footer class="bg-brand-ink text-white py-10">
<div class="max-w-6xl mx-auto px-6 flex flex-col md:flex-row gap-6 items-center justify-between text-sm">
<p>© <span id="year"></span> <span data-i18n="footer-note"></span></p>
<div class="flex gap-4">
<a href="https://odoo4projects.com/support" class="hover:text-brand-sunrise" data-i18n="footer-support"></a>
<a href="https://odoo4projects.com/legal" class="hover:text-brand-sunrise" data-i18n="footer-legal"></a>
<a href="https://odoo4projects.com/contactus" class="hover:text-brand-sunrise" data-i18n="footer-contact"></a>
</div>
</div>
</footer>
<script>
const translations = {
en: {
'nav-resources': 'Resources',
'nav-trial': 'Free Trial',
'hero-badge': 'ERP FOR NGOs',
'hero-pill': 'Unified NGO ERP Platform',
'hero-headline': 'Simplify every mission workflow with an ERP built for NGOs',
'hero-subheadline': 'Consolidate programs, automate donor and grant reporting, and give every field office the same source of truth. Launch in weeks with templates tailored to humanitarian and community-impact teams.',
'cta-trial': 'Sign Up for Free Trial',
'cta-meeting': 'Schedule a Meeting',
'hero-stat1': 'Faster donor & grant reporting cycles',
'hero-stat2': 'Increase in volunteer onboarding speed',
'hero-card-title': 'Live KPI snapshot',
'hero-card-headline': 'Program Impact Dashboard',
'hero-card-body': 'Realtime budgets • Volunteer hours • Donor health',
'value1-title': 'Transparency for Donors',
'value1-body': 'Accounting-ready ledgers pair receipts with stories so donors see every peso without extra spreadsheets or calls.',
'value2-title': 'Donor Management & Communications',
'value2-body': 'Automation buddies queue thank-yous, newsletters, and SMS nudges so every supporter hears from you right on time.',
'value3-title': 'International Fund Raising',
'value3-body': 'Multilingual homepages, acquisition kanbans, and project trackers keep campaigns aligned across countries without rebuilding playbooks.',
'blog-tagline': 'Insights for NGO leaders',
'blog-title': 'Blog & resource hub',
'blog-subtitle': 'Get your impulses with our entertaining playbooks.',
'blog-link': 'Browse all articles →',
'blog-all-open': 'Show fewer articles',
'blog-read-more': 'Read more',
'blog-show-less': 'Show less',
'blog-error': 'Unable to load articles right now.',
'trial-tagline': 'Sign up free trial',
'trial-heading': 'Launch your NGO ERP sandbox in under 5 minutes',
'trial-body': 'Experience localized NGO templates, donor CRM, and automation recipes. No credit card required—just choose your focus area and invite teammates.',
'trial-bullet1': 'Pre-loaded NGO chart of accounts & grant tracking',
'trial-bullet2': 'Automated donor receipts + impact dashboards',
'trial-bullet3': 'Guided checklists for go-live within 30 days',
'trial-label-email': 'Work email',
'trial-placeholder-email': 'impact@yourngo.org',
'trial-label-priority': 'Primary priority',
'priority-1': 'Grant compliance reporting',
'priority-2': 'Volunteer management',
'priority-3': 'Donor CRM & fundraising',
'priority-4': 'Finance & procurement',
'trial-label-region': 'Country / region',
'trial-placeholder-region': 'e.g., Paraguay, LATAM',
'trial-microcopy': 'No credit card required. EU hosting & GDPR-ready.',
'trial-help': 'Need help? Use the Schedule a Meeting button in the header to book a guided call.',
'meeting-tagline': 'Have a meeting',
'meeting-heading': 'See how your NGO can streamline operations, save time, and reduce errors',
'meeting-body': 'A 30-minute live walkthrough tailored to your mission, covering localization, integrations, and governance. Walk away with a rollout roadmap.',
'meeting-bullet1': 'Baseline automation scoring',
'meeting-bullet2': 'Tech stack alignment & data migration plan',
'meeting-bullet3': 'Budget templates & total cost forecast',
'meeting-note-title': 'How scheduling works',
'meeting-note-body': 'You will meet with an NGO consultant from ODOO4projects.',
'meeting-note-hint': 'Use the Schedule a Meeting button in the header and tell us during booking which question we should prepare for.',
'meeting-note-cta': 'Open booking calendar',
'footer-note': 'ODOO4projects — Hosting for the AI generation',
'footer-support': 'Support',
'footer-legal': 'Legal',
'footer-contact': 'Contact'
},
es: {
'nav-resources': 'Recursos',
'nav-trial': 'Prueba gratuita',
'hero-badge': 'ERP PARA ONGs',
'hero-pill': 'Plataforma ERP unificada para ONGs',
'hero-headline': 'Simplifica cada misión con un ERP diseñado para ONGs',
'hero-subheadline': 'Centraliza programas, automatiza reportes de donantes y subvenciones y ofrece a cada sede la misma fuente de verdad. Implementa en semanas con plantillas creadas para equipos humanitarios.',
'cta-trial': 'Crear prueba gratuita',
'cta-meeting': 'Agendar una reunión',
'hero-stat1': 'Ciclos más rápidos de reportes a donantes y subvenciones',
'hero-stat2': 'Mayor velocidad en la incorporación de voluntarios',
'hero-card-title': 'Panel de KPIs en vivo',
'hero-card-headline': 'Tablero de impacto programático',
'hero-card-body': 'Presupuestos en tiempo real • Horas voluntarias • Salud de donantes',
'value1-title': 'Transparencia para donantes',
'value1-body': 'Libros contables listos unen recibos y relatos para que cada donante vea su aporte sin hojas extra.',
'value2-title': 'Gestión y comunicación con donantes',
'value2-body': 'Bots de automatización programan agradecimientos, boletines y SMS para que cada aliado reciba noticias a tiempo.',
'value3-title': 'Recaudación internacional',
'value3-body': 'Sitios multilingües, tableros de adquisición y proyectos coordinan campañas globales sin rehacer playbooks ni procesos.',
'blog-tagline': 'Ideas para líderes de ONG',
'blog-title': 'Blog y centro de recursos',
'blog-subtitle': 'Recibe impulsos con nuestros playbooks entretenidos.',
'blog-link': 'Ver todos los artículos →',
'blog-all-open': 'Mostrar menos artículos',
'blog-read-more': 'Leer más',
'blog-show-less': 'Mostrar menos',
'blog-error': 'No pudimos cargar los artículos en este momento.',
'trial-tagline': 'Activa tu prueba',
'trial-heading': 'Lanza tu sandbox ERP para ONG en menos de 5 minutos',
'trial-body': 'Explora plantillas localizadas, CRM de donantes y recetas de automatización. Sin tarjeta; solo elige tu prioridad e invita al equipo.',
'trial-bullet1': 'Plan contable para ONG y seguimiento de subvenciones precargado',
'trial-bullet2': 'Recibos automáticos más tableros de impacto',
'trial-bullet3': 'Checklists guiados para salir a producción en 30 días',
'trial-label-email': 'Correo laboral',
'trial-placeholder-email': 'impacto@tuong.org',
'trial-label-priority': 'Prioridad principal',
'priority-1': 'Reportes de subvenciones',
'priority-2': 'Gestión de voluntarios',
'priority-3': 'CRM y recaudación',
'priority-4': 'Finanzas y compras',
'trial-label-region': 'País / región',
'trial-placeholder-region': 'ej. Paraguay, LATAM',
'trial-microcopy': 'Sin tarjeta. Hosting en la UE y cumplimiento GDPR.',
'trial-help': '¿Dudas? Usa el botón “Agendar una reunión” en el encabezado para reservar una llamada guiada.',
'meeting-tagline': 'Agenda una reunión',
'meeting-heading': 'Descubre cómo optimizar operaciones, ahorrar tiempo y reducir errores',
'meeting-body': 'Sesión de 30 minutos adaptada a tu misión, con localización, integraciones y gobernanza. Sal con un plan de implementación.',
'meeting-bullet1': 'Diagnóstico de automatización',
'meeting-bullet2': 'Plan de migración y alineación tecnológica',
'meeting-bullet3': 'Plantillas presupuestarias y previsión de costes',
'meeting-note-title': 'Cómo reservar',
'meeting-note-body': 'Te reunirás con un consultor ONG de ODOO4projects.',
'meeting-note-hint': 'Usa el botón “Agendar una reunión” del encabezado y cuéntanos durante la reserva qué pregunta debemos preparar.',
'meeting-note-cta': 'Abrir calendario de reservas',
'footer-note': 'ODOO4projects — Hosting para la generación IA',
'footer-support': 'Soporte',
'footer-legal': 'Legal',
'footer-contact': 'Contacto'
},
de: {
'nav-resources': 'Ressourcen',
'nav-trial': 'Kostenlose Testphase',
'hero-badge': 'ERP FÜR NGOs',
'hero-pill': 'Vereintes NGO-ERP',
'hero-headline': 'Vereinfache jeden Einsatz mit einem ERP für NGOs',
'hero-subheadline': 'Bündele Programme, automatisiere Spender- und Förderberichte und gib allen Standorten dieselbe Datenbasis. Starte in wenigen Wochen mit maßgeschneiderten Templates.',
'cta-trial': 'Kostenlose Testphase starten',
'cta-meeting': 'Meeting planen',
'hero-stat1': 'Schnellere Förder- & Spenderberichte',
'hero-stat2': 'Doppelt so schnelle Ehrenamtlichen-Onboardings',
'hero-card-title': 'Live-KPI-Überblick',
'hero-card-headline': 'Impact-Dashboard für Programme',
'hero-card-body': 'Budgets in Echtzeit • Ehrenamtsstunden • Donor Health',
'value1-title': 'Transparenz für Spender',
'value1-body': 'Buchhaltungsbereite Ledger verbinden Belege mit Geschichten, damit Spender jeden Euro ohne Zusatz-Excel sofort klar sehen.',
'value2-title': 'Spenderverwaltung & Kommunikation',
'value2-body': 'Automations-Buddys planen Dankesnachrichten, Newsletter und SMS, damit jede Beziehung pünktlich gepflegt und dokumentiert bleibt.',
'value3-title': 'Internationale Fundraising',
'value3-body': 'Mehrsprachige Homepages, Akquise-Kanban und Projekttracker halten Kampagnen weltweit synchron ohne Playbooks ständig umzuschreiben.',
'blog-tagline': 'Insights für NGO-Führungskräfte',
'blog-title': 'Blog & Wissenshub',
'blog-subtitle': 'Hol dir Impulse mit unseren unterhaltsamen Playbooks.',
'blog-link': 'Alle Artikel ansehen →',
'blog-all-open': 'Weniger Artikel anzeigen',
'blog-read-more': 'Mehr lesen',
'blog-show-less': 'Weniger anzeigen',
'blog-error': 'Artikel konnten gerade nicht geladen werden.',
'trial-tagline': 'Kostenlos testen',
'trial-heading': 'Starte dein NGO-ERP-Sandbox in unter 5 Minuten',
'trial-body': 'Teste lokalisierte Templates, Donor-CRM und Automatisierungen. Keine Kreditkarte wähle den Fokus und lade dein Team ein.',
'trial-bullet1': 'Vorkonfigurierter Kontenplan & Fördertracking',
'trial-bullet2': 'Automatische Spendenbelege & Impact-Dashboards',
'trial-bullet3': 'Geführte Checklisten für Go-Live in 30 Tagen',
'trial-label-email': 'Arbeits-E-Mail',
'trial-placeholder-email': 'impact@deinengo.org',
'trial-label-priority': 'Höchste Priorität',
'priority-1': 'Förder-Reporting',
'priority-2': 'Ehrenamt-Management',
'priority-3': 'Spender-CRM & Fundraising',
'priority-4': 'Finanzen & Beschaffung',
'trial-label-region': 'Land / Region',
'trial-placeholder-region': 'z.B. Paraguay, LATAM',
'trial-microcopy': 'Keine Kreditkarte. EU-Hosting & DSGVO-konform.',
'trial-help': 'Brauchen Sie Hilfe? Nutzen Sie den Button „Meeting planen“ im Header für einen geführten Call.',
'meeting-tagline': 'Meeting vereinbaren',
'meeting-heading': 'Erleben Sie, wie Ihre NGO Zeit spart und Fehler reduziert',
'meeting-body': 'Ein 30-minütiger Walkthrough zu Lokalisierung, Integrationen und Governance inklusive Rollout-Fahrplan.',
'meeting-bullet1': 'Automation-Score als Ausgangspunkt',
'meeting-bullet2': 'Technologie- & Migrationsplan',
'meeting-bullet3': 'Budgetvorlagen & Kostenprognose',
'meeting-note-title': 'So buchen Sie',
'meeting-note-body': 'Sie sprechen mit einem NGO-Berater von ODOO4projects.',
'meeting-note-hint': 'Verwenden Sie den Button „Meeting planen“ im Header und nennen Sie bei der Buchung Ihre Frage, damit wir uns vorbereiten können.',
'meeting-note-cta': 'Buchungskalender öffnen',
'footer-note': 'ODOO4projects — Hosting für die KI-Generation',
'footer-support': 'Support',
'footer-legal': 'Rechtliches',
'footer-contact': 'Kontakt'
}
};
const BLOG_LIMIT = 3;
const blogGrid = document.getElementById('blog-grid');
const blogToggle = document.getElementById('blog-toggle');
const blogError = document.getElementById('blog-error');
let blogPosts = [];
let blogExpanded = false;
if (blogGrid) {
fetch('blog.json')
.then(response => response.json())
.then(data => {
blogPosts = Array.isArray(data) ? data : [];
renderBlogCards();
})
.catch(error => {
if (blogError) {
blogError.classList.remove('hidden');
blogError.textContent = getTranslation(document.documentElement.lang, 'blog-error', 'Unable to load articles right now.');
}
console.error('blog.json load failed', error);
});
}
if (blogToggle) {
blogToggle.addEventListener('click', () => {
if (blogPosts.length <= BLOG_LIMIT) return;
blogExpanded = !blogExpanded;
renderBlogCards();
});
}
function getTranslation(locale, key, fallback) {
return (translations[locale] && translations[locale][key]) ?? translations.en[key] ?? fallback;
}
function renderBlogCards() {
if (!blogGrid) {
return;
}
if (!blogPosts.length) {
blogGrid.innerHTML = '';
updateBlogToggleLabel();
return;
}
const limit = blogExpanded ? blogPosts.length : Math.min(BLOG_LIMIT, blogPosts.length);
blogGrid.innerHTML = '';
blogPosts.slice(0, limit).forEach(post => {
blogGrid.appendChild(createBlogCard(post));
});
updateBlogToggleLabel();
}
function createBlogCard(post) {
const card = document.createElement('article');
card.className = 'border border-brand-smoke rounded-3xl p-6 h-full flex flex-col';
const meta = document.createElement('div');
meta.className = 'flex items-center justify-between mb-3';
const area = document.createElement('p');
area.className = 'text-xs uppercase tracking-widest text-brand-primary';
area.textContent = post.area || '';
const dateEl = document.createElement('time');
dateEl.className = 'text-xs text-brand-ink/60';
if (post.date) {
dateEl.dateTime = post.date;
}
dateEl.textContent = formatBlogDate(post.date);
meta.append(area, dateEl);
card.appendChild(meta);
const title = document.createElement('h3');
title.className = 'text-xl font-semibold mb-3';
title.textContent = post.title || '';
card.appendChild(title);
const teaser = document.createElement('div');
teaser.className = 'text-sm text-brand-ink/80 space-y-3 mb-4';
teaser.innerHTML = post.teaser || '';
card.appendChild(teaser);
let contentBlock = null;
const hasMore = post.content && post.content.trim() !== (post.teaser || '').trim();
if (post.content) {
contentBlock = document.createElement('div');
contentBlock.className = 'text-sm text-brand-ink/80 space-y-3 mb-4 hidden';
contentBlock.innerHTML = post.content;
card.appendChild(contentBlock);
}
if (hasMore && contentBlock) {
const btn = document.createElement('button');
btn.type = 'button';
btn.className = 'text-sm font-semibold text-brand-accent underline-offset-4 hover:underline self-start';
btn.textContent = getTranslation(document.documentElement.lang, 'blog-read-more', 'Read more');
btn.addEventListener('click', () => {
const isHidden = contentBlock.classList.contains('hidden');
if (isHidden) {
contentBlock.classList.remove('hidden');
btn.textContent = getTranslation(document.documentElement.lang, 'blog-show-less', 'Show less');
} else {
contentBlock.classList.add('hidden');
btn.textContent = getTranslation(document.documentElement.lang, 'blog-read-more', 'Read more');
}
});
card.appendChild(btn);
}
return card;
}
function formatBlogDate(dateString) {
if (!dateString) return '';
try {
const locale = document.documentElement.lang || 'en';
return new Intl.DateTimeFormat(locale, { year: 'numeric', month: 'short', day: 'numeric' }).format(new Date(dateString));
} catch (error) {
return dateString;
}
}
function updateBlogToggleLabel() {
if (!blogToggle) return;
if (blogPosts.length <= BLOG_LIMIT) {
blogToggle.classList.add('hidden');
blogExpanded = false;
return;
}
blogToggle.classList.remove('hidden');
blogToggle.disabled = false;
const locale = document.documentElement.lang || 'en';
blogToggle.textContent = blogExpanded
? getTranslation(locale, 'blog-all-open', 'Show fewer articles')
: getTranslation(locale, 'blog-link', 'Browse all articles →');
}
function setLanguage(lang) {
const locale = translations[lang] ? lang : 'en';
document.documentElement.lang = locale;
document.querySelectorAll('[data-i18n]').forEach(el => {
const key = el.dataset.i18n;
const value = translations[locale][key] ?? translations.en[key] ?? '';
if (value !== undefined) el.innerHTML = value;
});
document.querySelectorAll('[data-i18n-placeholder]').forEach(el => {
const key = el.dataset.i18nPlaceholder;
const value = translations[locale][key] ?? translations.en[key] ?? '';
if (value !== undefined) el.setAttribute('placeholder', value);
});
document.querySelectorAll('[data-i18n-option]').forEach(el => {
const key = el.dataset.i18nOption;
const value = translations[locale][key] ?? translations.en[key] ?? '';
if (value !== undefined) el.textContent = value;
});
document.querySelectorAll('[data-i18n-aria]').forEach(el => {
const key = el.dataset.i18nAria;
const value = translations[locale][key] ?? translations.en[key] ?? '';
if (value !== undefined) el.setAttribute('aria-label', value);
});
renderBlogCards();
updateBlogToggleLabel();
}
document.getElementById('lang-selector').addEventListener('change', (event) => {
setLanguage(event.target.value);
});
setLanguage('en');
document.getElementById('year').textContent = new Date().getFullYear();
</script>
</body>
</html>
+18 -40
View File
@@ -1,44 +1,22 @@
[ [
{ {
"area": "Transparency", "area": "Donor Management",
"title": "Every Peso on the Page: Ana's Ledger Story", "title": "From Notebooks to Night Off: How One NGO Cut Reconciliation Time in Half",
"teaser": "<p>Ana replaced five notebooks with a four-stop impact ledger and now answers donor questions in seconds.</p>", "teaser": "<p>Ana replaced stacks of notebooks with a single shared ledger and reclaimed her evenings.</p>",
"content": "<h3>Every peso needs a map</h3>\n<p>Ana used to juggle five notebooks and still felt blind when a donor asked where their coin landed.</p>\n<h3>Pressure points</h3>\n<p>Receipts hid in mugs, inboxes, and backpacks, so every audit meant copying the same row five times.</p>\n<p>Boards pushed for proof faster than her laptop could export sheets, so calls ended with apologies.</p>\n<p>Vendors waited weeks because approvals depended on whoever remembered to forward a blurry photo.</p>\n<p>Community meetings turned tense when no one could connect a bus ticket to a childs name in real time.</p>\n<h3>System upgrade</h3>\n<p>Ana listed every stop money touches: donation, allocation, program spend, impact note.</p>\n<p>Each funding source now sits on a simple card showing who owns it and what is due.</p>\n<p>Odoo acts like a shared notebook; every card links to tags, receipts, and the promise behind the peso.</p>\n<p>Receipts arrive through a one-question webform, and n8n files them while pinging the right teammate.</p>\n<p>An AI scribe drafts the Friday recap so donors hear “Twelve bus rides covered” instead of raw numbers.</p>\n<p>Dashboards mix pesos, quotes, and photos so anyone can understand the path without spreadsheets.</p>\n<h3>Controls and rituals</h3>\n<p>Program leads drop 20-second voice notes beside transactions, turning expenses into mini field reports.</p>\n<p>Monthly reviews start with one shared view, so no one emails attachments named “final_v7.xlsx.”</p>\n<p>Vendors sign reimbursements inside the same screen, keeping cash flow visible for everyone.</p>\n<p>Audit packets assemble in three clicks because every receipt already lives on its card.</p>\n<p>Community assemblies now show a single screen that pairs pesos with tickets and class photos.</p>\n<ul>\n <li>Ledger lane: donation → tag → receipt → quote.</li>\n <li>Reminder loop: webform → n8n alert → approval in Odoo.</li>\n <li>Donor pack: one graph, two sentences, one photo.</li>\n</ul>\n<h3>Governance wins</h3>\n<p>Restricted funds carry color labels so staff know which pesos can move and which must stay put.</p>\n<p>Variance alerts fire when a promise slips, giving Ana 48 hours to fix it before donors notice.</p>\n<p>Impact notes sync to donor cards, so every thank-you includes the latest field quote.</p>\n<p>Training new volunteers takes twenty minutes because the process lives inside the cards, not in Ana's head.</p>\n<ul>\n <li>Color coding: blue for scholarship, green for bus fuel, gold for emergency repairs.</li>\n <li>Two-minute onboarding video embedded on every card.</li>\n <li>Alert ladder: email at 24 hours, WhatsApp ping at 48, phone call at 72.</li>\n </ul>\n<h3>Results that stick</h3>\n<p>Reimbursements clear within 48 hours, so vendors keep extending gentle credit.</p>\n<p>Audit fees dropped by 15% because firms spend less time chasing evidence.</p><p>Board calls shifted from “Where is the proof?” to “Can we share this ledger publicly?”</p>\n<p>Staff now clock out at 7 p.m. because reconciliation no longer eats the night.</p>\n<p>Students narrate the dashboard column by column, which builds trust faster than static PDFs.</p><p>Grant partners log in as viewers and pull their own numbers instead of emailing last-minute lists.</p>\n<p>The finance committee now focuses on scenario planning rather than detective work.</p>\n<p><strong>Micro-CTA:</strong> Want Anas four-stop ledger map? Reply “ledger” and Ill send the template.</p>\n<h3>Story beats returned</h3>\n<p>The organization still hustles, but the hustle now has lanes, and Ana rides the 7:15 bus home holding a calm heart instead of a stack of IOUs.</p>\n<h3>Your invitation</h3>\n<p>Book a 30-minute impact-ledger clinic. Well map two of your funding streams, load them into an Odoo sandbox, and show how a reminder bot can keep receipts in line without late nights.</p>\n", "content": "\"Ana used to sit under a single lamp with three notebooks stacked and the weight of every donor question on her shoulders. When a donor called she fumbled through pages and felt her chest tighten.\"\n\nAn ERP creates a single source of truth for every donation: each peso is recorded once and linked to allocations, program expenses, receipts, and impact notes, eliminating duplicated spreadsheets and manual cross-checks. Shared dashboards, ownership fields, and due-date tracking make reconciliation predictable and reduce the time teams spend hunting for evidence.\n\nWith Odoo and n8n, donors submit a simple webform that triggers an n8n workflow to create the donation card in Odoo, attach receipts, apply tags, and notify the approver. Approval buttons in Odoo, automated reminder sequences, and scheduled exports or AI summaries transform reconciliation into a short weekly routine and let audit packets assemble automatically.\n\n\"Now Ana closes her laptop at 7 p.m., answers donor queries in seconds from a shared dashboard, and walks home without the knot in her chest — the night no longer belongs to reconciliation but to rest.\"\n\nGet a free trial: https://ngo.odoo4projects.com",
"date": "2026-03-22" "date": "2026-03-24",
}, "slug": "from-notebooks-to-night-off",
{ "author": "Odoo4Projects NGO",
"area": "Fundraising", "categories": [
"title": "From One-Time Gifts to Farm Friends: Tomas' Relationship Journal", "Donor Management",
"teaser": "<p>Tomas' relationship journal keeps every donor promise on time and turns farm visitors into recurring supporters.</p>", "Efficiency"
"content": "<h3>From one-time gifts to farm friends</h3>\n<p>Tomas dreaded the silence after every big appeal because each unanswered thank-you felt like losing a future harvest.</p>\n<h3>Where the leaks lived</h3>\n<p>Welcome emails left days late since volunteers worked from separate inboxes.</p>\n<p>Birthdays hid in a paper planner that once soaked up a rainstorm.</p>\n<p>Corporate sponsors received the same PDF regardless of what crops they cared about.</p>\n<p>Board reviews turned into guessing games about which families might donate again.</p>\n<h3>The rebuild</h3>\n<p>Tomas moved everything into a lightweight Odoo workspace he calls the relationship journal.</p>\n<p>Each supporter card shows origin story, favorite program, and next touchpoint in one glance.</p>\n<p>He mapped three paths: new friend, seasonal donor, recurring guardian.</p>\n<p>Tasks now show one line: owner, due date, and purpose.</p>\n<p>n8n schedules nudges the moment a gift arrives, so someone always follows up within 48 hours.</p>\n<p>An AI drafting buddy writes first-pass thank-you notes using the details already on each card.</p>\n<h3>Data made friendly</h3>\n<p>Supporters are tagged by crop, channel, and volunteer interest in plain words like “loves cassava fairs.”</p>\n<p>Segment dashboards show which stories pull one-time donors into the recurring lane.</p>\n<p>Monthly reviews ask one question: Which color column needs attention?</p>\n<ul>\n <li>Blue tiles = families who gave at events.</li>\n <li>Orange tiles = businesses who sponsor seedlings.</li>\n <li>Purple tiles = diaspora donors following WhatsApp updates.</li>\n </ul>\n<h3>Human touches</h3>\n<p>Field photos upload straight from phones, and Odoo resizes them so they look great on any device.</p><p>Tomas records 60-second voice notes from the fields and attaches them to donor cards.</p>\n<p>Volunteers pull scripts straight from Odoo, so language stays warm even when teams rotate.</p>\n<p>Dashboard tiles show who has not heard from the collective in 30, 60, and 90 days.</p>\n<ul>\n <li>Green cards = steady supporters with next visit scheduled.</li>\n <li>Yellow cards = need a story update this week.</li>\n <li>Red cards = missed promise; assign a call immediately.</li>\n</ul>\n<h3>Metrics that matter</h3>\n<p>Open tasks dropped by half because every promise now has one owner and timestamp.</p><p>Recurring donors grew 38% once the journal kept promises on time.</p>\n<p>Average thank-you response time dropped to nine hours.</p>\n<p>Volunteers onboard in fifteen minutes because every step sits inside the card.</p>\n<p>Corporate partners now sponsor recurring kits because they see their updates logged in real time.</p><p>Board decks now show journey health instead of raw totals, so planning conversations stay calm.</p>\n<p><strong>Micro-CTA:</strong> Want the three-path relationship map Tomas uses? Reply “journey” and Ill send the canvas.</p>\n<h3>Implementation sprint</h3>\n<ul>\n <li>Export your top 50 donors and tag them by story interest.</li>\n <li>Draft three touchpoint paths with one welcome, one update, one invite.</li>\n <li>Connect n8n so each donation triggers the right checklist.</li>\n <li>Record one voice memo per week and attach it to the cards that need warmth.</li>\n</ul>\n<p>Teams that follow this sprint usually see dormant donors reply within two weeks.</p>\n<p>Volunteers love the clarity because they can grab the next action during a lunch break.</p><p>Quarterly reviews compare each path, so Tomas can tweak scripts without rebuilding the system.</p>\n\n<h3>Story beats returned</h3>\n<p>The farm still hustles, but now Tomas walks home at sunset knowing every donor hears a fresh story before the soil cools.</p>\n<h3>Your invitation</h3>\n<p>Spin up a free Odoo sandbox and lets load ten supporter cards together. In one 30-minute clinic well copy Tomas paths, hook up n8n reminders, and leave you with scripts volunteers can read tomorrow.</p>\n", ],
"date": "2026-03-18" "tags": [
}, "Odoo",
{ "n8n",
"area": "Digital presence", "reconciliation",
"title": "Turn Your NGO Website into a Field Walk", "donor-management"
"teaser": "<p>Elena's five-block layout makes every site visit feel like a river cleanup, even on a phone.</p>", ],
"content": "<h3>Turn your site into a field walk</h3>\n<p>Elena cringed every time someone opened their website at a street fair because the spinning loader felt like an apology.</p>\n<h3>Issues to fix</h3>\n<p>Pages mixed board minutes with volunteer invites, so nobody knew where to click.</p>\n<p>The donate form had eight required fields and crashed on older phones.</p>\n<p>Images lived on personal devices, so updates stalled whenever volunteers traveled.</p>\n<p>Analytics showed people bounced in under ten seconds.</p>\n<h3>Build blocks, not code</h3>\n<p>Elena moved the site into Odoos drag-and-drop builder so every block felt like a card.</p>\n<p>Each section fits on a phone screen: mission, todays project, proof, ways to help, calendar.</p>\n<p>Real photos upload straight from WhatsApp and resize automatically.</p>\n<p>Testimonials now sit beside the action they describe.</p>\n<p>Donate buttons follow the reader down the page with a single tap checkout.</p>\n<h3>Governance & workflow</h3>\n<p>Editorial calendar lives inside Odoo with color labels for campaigns, reports, and evergreen stories.</p>\n<p>Reviewers get one-click preview links, so approvals happen on WhatsApp instead of email chains.</p>\n<p>Accessibility checks run before publish, flagging low-contrast text in plain language.</p>\n<p>Translations sit beside each block, letting bilingual volunteers ship updates fast.</p>\n<h3>Automation assist</h3>\n<p>n8n resizes images, tags blogs by theme, and cross-posts stories to WhatsApp and email.</p>\n<p>Elena writes once and the reminder bot republishes everywhere.</p>\n<p>An AI headline buddy suggests two simple options per story, so copy stays human.</p><p>Heatmaps highlight which block loses attention so Elena can adjust the layout weekly.</p>\n<p>Error logs show if someones phone fails mid-form, helping the team fix issues before a campaign.</p>\n<p>Weekly summary emails pull site stats plus top-performing sections for the board.</p>\n<h3>Content structure</h3>\n<p>Downloadable kits live behind simple buttons, so teachers grab lesson plans without emails.</p><p>Each article follows a three-block rhythm: hook, proof, invite.</p>\n<p>Videos autoplay muted with captions so people understand the scene on crowded buses.</p>\n<p>Callout cards explain tools in plain phrases: “Map every cleanup in one shared calendar.”</p>\n<ul>\n <li>Hero row: bold photo + 12-word promise.</li>\n <li>Impact grid: three stats with icons.</li>\n <li>Action tray: volunteer form, donate, share.</li>\n</ul>\n<h3>Results</h3>\n<p>Average time on page tripled and bounce rate dropped below 30%.</p>\n<p>Volunteer signups happen on mobile because the form now has three fields.</p>\n<p>SEO basics improved because every block now has alt text and descriptive slugs.</p><p>Board members review live dashboards instead of PDFs.</p>\n<p>Funders cite the site during calls because proof is easy to show.</p>\n<p><strong>Micro-CTA:</strong> Need Elenas five-section layout? Reply “walk” and Ill send the wireframe.</p>\n<h3>Quick launch plan</h3>\n<ul>\n <li>Sketch five sections on paper and test with two volunteers.</li>\n <li>Upload one real photo per section; skip stock imagery.</li>\n <li>Wire n8n to resize and tag assets automatically.</li>\n <li>Schedule a weekly 30-minute content sweep to keep blocks fresh.</li>\n</ul>\n<p>Most teams ship a refreshed homepage in under two days using this plan.</p>\n<p>Keep a punch list of “next swap” items so volunteers can help during downtime.</p><p>Use simple analytics goals like “Time on page > 90 seconds” to measure if the story lands.</p>\n\n<h3>Story beats returned</h3>\n<p>The site finally feels like the river trail Elena loves, and neighbors stay long enough to smell the wet soil through their screens.</p>\n<h3>Your invitation</h3>\n<p>Book a website tune-up clinic. Well sketch your content blocks, load them into an Odoo sandbox, hook n8n to your photo sources, and leave you with headlines any volunteer can publish.</p>\n", "meta_description": "How one NGO replaced stacked notebooks with a shared ledger and cut reconciliation time in half using Odoo + n8n."
"date": "2026-03-12"
},
{
"area": "Operations",
"title": "Calm Ops for Five-Person Teams: Paula's Playbook",
"teaser": "<p>Paula's shared board, three kits, and reminder bots give her tiny team calm lanes again.</p>",
"content": "<h3>Small team, calmer ops</h3>\n<p>Paulas five-person crew once survived on coffee and miracles, and every missed grant email felt like letting the clinic down.</p>\n<h3>Where chaos hid</h3>\n<p>Tasks lived in WhatsApp, paper folders, and sticky notes taped to doors.</p>\n<p>Expense approvals stalled because the volunteer bookkeeper checked email at midnight.</p>\n<p>Volunteers requested time off via voice notes, so schedules overlapped without warning.</p>\n<p>Board calls devolved into status therapy instead of strategic planning.</p>\n<h3>Operating spine</h3>\n<p>Paula mapped every recurring task and moved it into Odoo boards labeled This Week, Blocked, Done.</p>\n<p>Each card lists owner, due date, and checklist in two lines.</p>\n<p>Expense records attach directly to tasks, so reimbursements sit next to receipts.</p>\n<p>Standard kits—clinic, workshop, grant—bundle supplies, links, and photos of “done.”</p><p>Each kit also lists backup owners so vacations stop being crises.</p>\n<ul>\n <li>Clinic kit: tents, coolers, intake forms, walkie-charge reminder.</li>\n <li>Workshop kit: markers, snacks, attendance sheet, follow-up template.</li>\n <li>Grant kit: metrics link, testimonial prompt, submission portal.</li>\n</ul>\n<h3>Visibility upgrades</h3>\n<p>Risk cards surface at the top whenever deadlines approach, so leadership sees trouble before it burns staff.</p>\n<p>Meeting notes live inside the task they reference, making handoffs painless.</p>\n<p>Quarterly calendars hang beside the board and mirror the same color codes.</p>\n<h3>Automation assist</h3>\n<p>n8n routes webforms, pings owners when tasks age, and batches approvals before lunch.</p><p>Escalations ladder from email to WhatsApp to phone call if a blocker lingers more than 48 hours.</p>\n<p>Volunteer hours log automatically when someone submits the attendance form.</p>\n<p>An AI summary buddy sends Paula a nightly paragraph with wins, risks, and supply levels.</p>\n<p>Color labels show which funder cares about each task, avoiding compliance missteps.</p><p>Grant attachments stay versioned inside the card, so no one emails “final_final.pdf” ever again.</p>\n<h3>Working rhythm</h3>\n<p>Monday stand-ups start with the shared board projected on the wall.</p>\n<p>Quiet Wednesdays block meetings so staff can finish deep work.</p>\n<p>Weekly “clear bins” hour means everyone empties inboxes while the board stays open.</p><p>Friday reflections capture lessons learned directly on the board so next week starts sharper.</p>\n<p>Energy check stickers track morale on a wall chart.</p><p>Red stickers trigger a five-minute retro so the team fixes friction before it festers.</p>\n<h3>Metrics</h3>\n<p>Grant packets now ship three days early.</p>\n<p>Average reimbursement time fell to 36 hours.</p><p>Procurement cycle time shrank by 40% because approvals travel with the task.</p>\n<p>Volunteer onboarding lasts 20 minutes because the process lives inside the cards.</p>\n<p>Funder check-ins shortened because dashboards answer status questions at a glance.</p><p>Burnout signals—sick days, tense meetings—dropped sharply once lanes were visible.</p>\n<p><strong>Micro-CTA:</strong> Want Paulas three-kit template? Reply “ops” and Ill send the board layout.</p>\n<h3>Four-step rollout</h3>\n<ul>\n <li>List every recurring task and tag who truly owns it.</li>\n <li>Clone Paula's three kits and rename them for your programs.</li>\n <li>Hook n8n to your intake forms so work lands in the right lane.</li>\n <li>Set two check windows per week to clear blockers in under 15 minutes.</li>\n</ul>\n<p>Teams usually reclaim 68 staff hours per week once this cadence sticks.</p>\n<p>Use those hours for prevention work: training, donor care, or rest.</p>\n\n<h3>Story beats returned</h3>\n<p>The organization still hustles, but the hustle now has lanes, and Paula walks home before sunset while the reminder bot keeps promises steady.</p>\n<h3>Your invitation</h3>\n<p>Book a free ops audit call. Well clone Paulas board in your sandbox, wire n8n to your forms, and leave you with a checklist that keeps five-person teams sane.</p>\n",
"date": "2026-03-05"
},
{
"area": "Donor data",
"title": "Build a Relationship Atlas Like Idris",
"teaser": "<p>Idris' relationship atlas turns scattershot spreadsheets into humane tags, reminders, and quick compliance wins.</p>",
"content": "<h3>Build a relationship atlas</h3>\n<p>Idris hated guessing which donors cared most because every wrong thank-you felt like letting someone down.</p>\n<h3>Pains</h3>\n<p>Six spreadsheets, three CRMs, and a shoebox of pledge cards all told different stories.</p>\n<p>Privacy requests took weeks because data sat in personal inboxes.</p>\n<p>Board members asked for regional insights he could only estimate.</p>\n<p>Volunteers kept their own contact lists, so follow-ups collided.</p>\n<h3>Single source of truth</h3>\n<p>Idris imported everything into Odoo and nicknamed it the relationship atlas.</p>\n<p>Each supporter card shows giving history, volunteer hours, favorite program, and preferred channel in one view.</p>\n<p>Tags read like stories: “cares about maternal health,” “joins WhatsApp lives,” “hosts clinics in the Chaco.”</p>\n<p>Consent fields sit at the top so compliance is a two-click job.</p><p>Notes include pronunciation tips and personal preferences so every interaction feels human.</p>\n<h3>Automation loop</h3>\n<p>n8n watches forms, webinars, and replies, then updates the right card automatically.</p>\n<p>Reminder bots create tasks when someone goes 45 days without a touch.</p>\n<p>An AI scribe scans meeting notes and suggests segments Idris might have missed.</p><p>Suggested segments come with sample language, so outreach stays consistent even when staff rotate.</p>\n<p>Alerts escalate from email to WhatsApp when a promise is about to slip.</p>\n<h3>Dashboards that talk like humans</h3>\n<p>Heat maps show supporters by region with real photos.</p>\n<p>Rhythm boards display who heard from the team this week, month, and quarter.</p>\n<p>Promise trackers highlight pending callbacks with color codes.</p><p>Leaders can filter by “next visit” to plan travel without extra spreadsheets.</p>\n<ul>\n <li>Blue = steady supporters ready for deeper invite.</li>\n <li>Yellow = needs story update within seven days.</li>\n <li>Red = missed commitment; assign personally.</li>\n</ul>\n<h3>Implementation steps</h3>\n<ul>\n <li>Export contacts from every source and label them with plain-language tags.</li>\n <li>Deduplicate inside Odoo using email + phone as anchors.</li>\n <li>Embed a simple preference form so supporters update their own data.</li>\n <li>Schedule weekly “atlas sweeps” to review alerts and close loops.</li>\n</ul>\n<p>These sweeps take 20 minutes when everyone owns their slice.</p>\n<p>Volunteers see the same view, so handoffs finally feel respectful.</p><p>Partner organizations can receive read-only links, keeping coalitions aligned without extra exports.</p>\n<h3>Operational wins</h3>\n<p>Event RSVPs sync automatically, so Idris knows who to greet by name.</p><p>Segmented campaigns now send health advocates clinic updates while corporate donors get quarterly kits.</p>\n<p>Lapsed supporters receive friendly voice memos instead of generic emails.</p><p>Data health score appears on the dashboard so the team knows when to clean duplicates.</p>\n<p>Deletion requests finish in under an hour with audit logs attached.</p><p>Data exports for funders now take minutes because filters remember the last settings.</p>\n<p>Retention jumped 12% because people hear from the team before they feel forgotten.</p><p>Board decks now include one slide per segment with photos and next steps.</p>\n<p><strong>Micro-CTA:</strong> Need the atlas tagging sheet? Reply “atlas” and Ill send the workbook.</p>\n<h3>Signals worth monitoring</h3>\n<p>Weekly: touchpoint gaps by segment.</p><p>Daily: check for bounced emails or unsubscribes so you can switch channels fast.</p>\n<p>Monthly: conversion from one-time to recurring gifts.</p>\n<p>Quarterly: data health score and consent updates.</p>\n<p>Flag anything red for 48 hours and assign a specific owner.</p>\n<h3>Story beats returned</h3>\n<p>The atlas means Idris walks into meetings knowing who needs care, and donors feel remembered instead of managed.</p>\n<h3>Your invitation</h3>\n<p>Start a free Odoo sandbox and bring three messy lists to a 30-minute map-making session. Well clean them live, wire n8n updates, and leave you with segments you can act on tomorrow.</p>\n",
"date": "2026-02-26"
},
{
"area": "Sustainability",
"title": "How Lila Turned Cash Flow into a Calm Heartbeat",
"teaser": "<p>Lila's money-weather calendar shows every cliff before it hits and keeps reserves growing.</p>",
"content": "<h3>Cash flow needs a heartbeat</h3>\n<p>Lila was tired of praying every March because each late rent payment felt like telling families their shelter might vanish.</p>\n<h3>Cliffs to smooth</h3>\n<p>Income arrived in unpredictable bursts while expenses stayed steady.</p>\n<p>Sticky-note calendars overlapped, so no one saw when grants and payroll collided.</p>\n<p>Vendors heard “soon” more than “paid,” which strained trust.</p>\n<p>Staff carried stress home because every storm meant emergency appeals.</p>\n<h3>Calendar overhaul</h3>\n<p>Lila sketched a wall-sized calendar and marked every income stream in one color.</p>\n<p>Expenses earned their own colors so cliffs jumped off the page.</p>\n<p>She moved the plan into Odoo so updates happen once and appear everywhere.</p>\n<p>Each funding source now has a simple card showing owner, due date, and health.</p>\n<p>Reserve tracker nudges her to move money into savings whenever cash exceeds a safe line.</p><p>Each nudge includes a suggested amount so she builds reserves in bite-sized transfers.</p>\n<h3>Data on one screen</h3>\n<p>Cards show amount expected, confidence level, and last touch in plain words.</p>\n<p>Color labels: green for confirmed, yellow for pending, red for risk.</p>\n<p>Scenario slider lets Lila test “what if grant X delays 30 days” without new sheets.</p>\n<h3>Automation guardrails</h3>\n<p>n8n watches deadlines, renewals, and grant reports, then pings owners before crunch time.</p>\n<p>Dashboards display twelve months of runway plus a “money weather” icon the team understands at a glance.</p>\n<p>Alerts escalate if reserves dip below target, giving leadership days to respond.</p><p>Expense approvals show impact notes so finance knows why the spend matters.</p>\n<p>Vendors submit invoices through a webform so approvals travel with documentation.</p><p>Vendors now see status labels on their invoices, so they know when funds will land.</p>\n<h3>Communication rhythm</h3>\n<p>Staff receive a monthly money weather note using sunny/cloudy/rainy icons.</p>\n<p>Quarterly “friends of Puentes” emails explain where funds went and whats next.</p>\n<p>Community budget circles vote on flexible funds and suggest low-lift fundraisers.</p><p>Notes from each circle feed back into Odoo so ideas become tasks instantly.</p>\n<p>Dashboards stream to a TV in the workspace, making cash position visible all day.</p><p>Board members log in remotely and leave comments on specific cards instead of firing off emails.</p>\n<ul>\n <li>Monday: review runway line and upcoming cliffs.</li>\n <li>Wednesday: confirm reserve transfers.</li>\n <li>Thursday: check subsidy renewals against alerts.</li>\n <li>Friday: send weather note before people log off.</li>\n</ul>\n<h3>Metrics</h3>\n<p>Reserve now covers two months of core costs.</p>\n<p>Vendors are paid within five days, improving terms.</p>\n<p>Emergency appeals dropped because runway forecasts flag issues early.</p><p>Scenario drills now happen quarterly so nothing feels like a surprise fire drill.</p>\n<p>Board meetings focus on partnerships instead of patching leaks.</p><p>Staff stress surveys show a 30% drop in “money worries” mentions.</p>\n<h3>Rollout plan</h3>\n<ul>\n <li>List every income stream with amount, timing, and confidence.</li>\n <li>Plot expenses in the same calendar, highlighting spikes.</li>\n <li>Move both into Odoo cards and tag owners.</li>\n <li>Set n8n alerts for renewals, reserve dips, and vendor payments.</li>\n</ul>\n<p>This takes one afternoon and replaces months of scrambling.</p>\n<p><strong>Micro-CTA:</strong> Want the money weather template? Reply “weather” and Ill send the kit.</p>\n\n<h3>Story beats returned</h3>\n<p>The organization still hustles, but the hustle now has lanes, and Lila rings a tiny bell every time the reserve line inches upward.</p>\n<h3>Your invitation</h3>\n<p>Subscribe to the NGO ops newsletter or book a funding calendar clinic. Well map your cliffs, load them into an Odoo sandbox, wire n8n alerts, and leave you with a calm heartbeat you can explain in five minutes.</p>\n",
"date": "2026-02-19"
} }
] ]
+12 -13
View File
@@ -1,9 +1,12 @@
</html>
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" class="scroll-smooth"> <html lang="en" class="scroll-smooth">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>🐻🐻🐻 NGO ERP Landingpage | ODOO4projects</title> <title> NGO ERP Landingpage | ODOO4projects</title>
<meta name="description" content="Purpose-built ERP platform for NGOs. Centralize programs, automate donor and grant reporting, and launch in weeks with ODOO4projects." /> <meta name="description" content="Purpose-built ERP platform for NGOs. Centralize programs, automate donor and grant reporting, and launch in weeks with ODOO4projects." />
<meta name="keywords" content="NGO ERP system, nonprofit management software, ERP for NGOs, NGO operations platform, ODOO for nonprofits" /> <meta name="keywords" content="NGO ERP system, nonprofit management software, ERP for NGOs, NGO operations platform, ODOO for nonprofits" />
<link rel="icon" href="https://odoo4projects.com/web/image/website/1/favicon?unique=725c3af" /> <link rel="icon" href="https://odoo4projects.com/web/image/website/1/favicon?unique=725c3af" />
@@ -41,11 +44,7 @@
<script defer data-domain="ngo.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.tagged-events.js"></script> <script defer data-domain="ngo.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.tagged-events.js"></script>
<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script> <script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
<style id="emoji-style"> </head>
/* Emoji styling to match heading font and spacing */
.emoji{font-family:inherit;font-size:1em;vertical-align:middle;margin-right:0.5rem;display:inline-block}
</style>
</head>
<body class="bg-brand-snow text-brand-ink"> <body class="bg-brand-snow text-brand-ink">
<header class="bg-hero-gradient text-white"> <header class="bg-hero-gradient text-white">
<div class="max-w-6xl mx-auto px-6 py-6 flex flex-wrap items-center justify-between gap-4"> <div class="max-w-6xl mx-auto px-6 py-6 flex flex-wrap items-center justify-between gap-4">
@@ -70,7 +69,7 @@
<div class="max-w-6xl mx-auto px-6 py-16 grid md:grid-cols-2 gap-12 items-center"> <div class="max-w-6xl mx-auto px-6 py-16 grid md:grid-cols-2 gap-12 items-center">
<div> <div>
<p class="text-brand-sunrise font-semibold mb-4" data-i18n="hero-pill"></p> <p class="text-brand-sunrise font-semibold mb-4" data-i18n="hero-pill"></p>
<h1 class="text-4xl md:text-5xl font-semibold leading-tight mb-6"><span class=\"emoji\" role=\"img\" aria-label=\"bear\">🐻</span> <span data-i18n=\"hero-headline\"></span></h1> <h1 class="text-4xl md:text-5xl font-semibold leading-tight mb-6"><span class=\"emoji\" aria-hidden=\"true\"></span> <span data-i18n=\"hero-headline\"></span></h1>
<p class="text-lg text-white/80 mb-8" data-i18n="hero-subheadline"></p> <p class="text-lg text-white/80 mb-8" data-i18n="hero-subheadline"></p>
<div class="flex flex-wrap gap-4"> <div class="flex flex-wrap gap-4">
<a href="#trial" class="px-6 py-3 bg-brand-accent hover:bg-brand-sunrise text-brand-ink font-semibold rounded-full transition" data-i18n="cta-trial" data-event="cta:hero-trial"></a> <a href="#trial" class="px-6 py-3 bg-brand-accent hover:bg-brand-sunrise text-brand-ink font-semibold rounded-full transition" data-i18n="cta-trial" data-event="cta:hero-trial"></a>
@@ -136,9 +135,9 @@
<h2 class="text-3xl font-semibold mb-4" data-i18n="trial-heading"></h2> <h2 class="text-3xl font-semibold mb-4" data-i18n="trial-heading"></h2>
<p class="text-white/80 mb-6" data-i18n="trial-body"></p> <p class="text-white/80 mb-6" data-i18n="trial-body"></p>
<ul class="space-y-4 text-sm text-white/80"> <ul class="space-y-4 text-sm text-white/80">
<li class="flex gap-3"><span class="text-brand-emerald"></span><span data-i18n="trial-bullet1"></span></li> <li class="flex gap-3"><span class="text-brand-emerald" aria-hidden="true"></span><span data-i18n="trial-bullet1"></span></li>
<li class="flex gap-3"><span class="text-brand-emerald"></span><span data-i18n="trial-bullet2"></span></li> <li class="flex gap-3"><span class="text-brand-emerald" aria-hidden="true"></span><span data-i18n="trial-bullet2"></span></li>
<li class="flex gap-3"><span class="text-brand-emerald"></span><span data-i18n="trial-bullet3"></span></li> <li class="flex gap-3"><span class="text-brand-emerald" aria-hidden="true"></span><span data-i18n="trial-bullet3"></span></li>
</ul> </ul>
</div> </div>
<form class="bg-white text-brand-ink rounded-3xl p-8 shadow-brand space-y-5" data-event="form:trial"> <form class="bg-white text-brand-ink rounded-3xl p-8 shadow-brand space-y-5" data-event="form:trial">
@@ -173,9 +172,9 @@
<h2 class="text-3xl font-semibold mb-4" data-i18n="meeting-heading"></h2> <h2 class="text-3xl font-semibold mb-4" data-i18n="meeting-heading"></h2>
<p class="text-brand-ink/80 mb-6" data-i18n="meeting-body"></p> <p class="text-brand-ink/80 mb-6" data-i18n="meeting-body"></p>
<ul class="space-y-4 text-sm text-brand-ink/80"> <ul class="space-y-4 text-sm text-brand-ink/80">
<li class="flex gap-3"><span class="text-brand-primary"></span><span data-i18n="meeting-bullet1"></span></li> <li class="flex gap-3"><span class="text-brand-primary" aria-hidden="true"></span><span data-i18n="meeting-bullet1"></span></li>
<li class="flex gap-3"><span class="text-brand-primary"></span><span data-i18n="meeting-bullet2"></span></li> <li class="flex gap-3"><span class="text-brand-primary" aria-hidden="true"></span><span data-i18n="meeting-bullet2"></span></li>
<li class="flex gap-3"><span class="text-brand-primary"></span><span data-i18n="meeting-bullet3"></span></li> <li class="flex gap-3"><span class="text-brand-primary" aria-hidden="true"></span><span data-i18n="meeting-bullet3"></span></li>
</ul> </ul>
</div> </div>
<div class="bg-brand-snow border border-brand-smoke rounded-3xl p-8 shadow-brand"> <div class="bg-brand-snow border border-brand-smoke rounded-3xl p-8 shadow-brand">