Oliver/NGO
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: wire calendar link and simplify meeting flow

Browse Source
This commit is contained in:
NGOs WebDev
2026-03-22 08:03:30 -03:00
parent f114cce510
commit 6e4e3e7754
1 changed files with 16 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+16 -52
View File
@@ -76,7 +76,6 @@
<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>
<a href="#meeting" class="hover:text-brand-sunrise transition" data-i18n="nav-meeting"></a>
</nav>
<div class="flex items-center gap-3">
<label for="lang-selector" class="sr-only">Language</label>
@@ -85,8 +84,7 @@
<option value="es">Español</option>
<option value="de">Deutsch</option>
</select>
<a href="#meeting" class="px-4 py-2 border border-white/40 rounded-full text-sm hover:bg-white/10 transition" data-i18n="cta-meeting"></a>
<a href="#trial" 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" data-i18n="cta-trial" data-event="cta:trial"></a>
<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" 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">
@@ -96,7 +94,6 @@
<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>
<a href="#meeting" class="px-6 py-3 border border-white/40 rounded-full" data-i18n="cta-meeting" data-event="cta:hero-meeting"></a>
</div>
<div class="mt-10 grid grid-cols-2 gap-6 text-sm text-white/80">
<div>
@@ -220,24 +217,9 @@
</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-form-title"></p>
<p class="text-brand-ink font-semibold text-xl mb-6" data-i18n="meeting-form-heading"></p>
<div class="space-y-4 text-sm">
<label class="block">
<span data-i18n="meeting-label-week"></span>
<input type="week" 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" />
</label>
<label class="block">
<span data-i18n="meeting-label-format"></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="meeting-option1"></option>
<option data-i18n-option="meeting-option2"></option>
<option data-i18n-option="meeting-option3"></option>
</select>
</label>
<button class="w-full py-3 bg-brand-primary text-white font-semibold rounded-2xl" data-i18n="cta-meeting" data-event="cta:meeting"></button>
<p class="text-xs text-brand-ink/60 text-center" data-i18n="meeting-microcopy"></p>
</div>
<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>
</div>
</div>
</section>
@@ -258,7 +240,6 @@
en: {
'nav-resources': 'Resources',
'nav-trial': 'Free Trial',
'nav-meeting': 'Book a Meeting',
'hero-badge': 'ERP FOR NGOs',
'hero-pill': 'Unified NGO ERP Platform',
'hero-headline': 'Simplify every mission workflow with an ERP built for NGOs',
@@ -311,21 +292,16 @@
'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? <a href="#meeting" class="underline">Book a guided setup call</a>.',
'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-form-title': 'Book a meeting',
'meeting-form-heading': 'Choose a slot with an NGO ERP specialist',
'meeting-label-week': 'Preferred week',
'meeting-label-format': 'Meeting format',
'meeting-option1': 'Strategy deep-dive (45 min)',
'meeting-option2': 'Live product tour (30 min)',
'meeting-option3': 'Technical architecture review (60 min)',
'meeting-microcopy': 'We send an agenda, video link, and checklist immediately.',
'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.',
'footer-note': 'ODOO4projects — Hosting for the AI generation',
'footer-support': 'Support',
'footer-legal': 'Legal',
@@ -334,7 +310,6 @@
es: {
'nav-resources': 'Recursos',
'nav-trial': 'Prueba gratuita',
'nav-meeting': 'Agendar reunión',
'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',
@@ -387,21 +362,16 @@
'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? <a href="#meeting" class="underline">Agenda una llamada guiada</a>.',
'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-form-title': 'Agenda una reunión',
'meeting-form-heading': 'Elige un horario con un especialista ERP para ONG',
'meeting-label-week': 'Semana preferida',
'meeting-label-format': 'Formato de reunión',
'meeting-option1': 'Sesión estratégica (45 min)',
'meeting-option2': 'Tour del producto (30 min)',
'meeting-option3': 'Revisión técnica (60 min)',
'meeting-microcopy': 'Recibirás agenda, enlace de video y checklist al instante.',
'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.',
'footer-note': 'ODOO4projects — Hosting para la generación IA',
'footer-support': 'Soporte',
'footer-legal': 'Legal',
@@ -410,7 +380,6 @@
de: {
'nav-resources': 'Ressourcen',
'nav-trial': 'Kostenlose Testphase',
'nav-meeting': 'Termin buchen',
'hero-badge': 'ERP FÜR NGOs',
'hero-pill': 'Vereintes NGO-ERP',
'hero-headline': 'Vereinfache jeden Einsatz mit einem ERP für NGOs',
@@ -463,21 +432,16 @@
'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? <a href="#meeting" class="underline">Geführten Call buchen</a>.',
'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-form-title': 'Meeting buchen',
'meeting-form-heading': 'Slot mit einem NGO-ERP-Expert:innen wählen',
'meeting-label-week': 'Bevorzugte Woche',
'meeting-label-format': 'Meeting-Format',
'meeting-option1': 'Strategie-Deep-Dive (45 Min.)',
'meeting-option2': 'Live-Produktführung (30 Min.)',
'meeting-option3': 'Technisches Architektur-Review (60 Min.)',
'meeting-microcopy': 'Agenda, Videolink und Checklist folgen sofort.',
'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.',
'footer-note': 'ODOO4projects — Hosting für die KI-Generation',
'footer-support': 'Support',
'footer-legal': 'Rechtliches',