01e31ddbbd
- Agregar JSON-LD (Organization, WebSite, SoftwareApplication y FAQPage) - Crear robots.txt y sitemap.xml con sitio de producción - Completar meta tags: robots, theme-color, og:image:type y twitter:url - Envolver preguntas del FAQ en h3 - Registrar filtro json para Nunjucks en Eleventy
71 lines
6.9 KiB
Plaintext
71 lines
6.9 KiB
Plaintext
<!-- ============================================================
|
|
FAQ SECTION
|
|
============================================================ -->
|
|
<section id="faq" class="mx-auto max-w-4xl px-4 py-16 sm:px-6 lg:px-8 lg:py-20">
|
|
<div class="mx-auto max-w-2xl text-center">
|
|
<p class="text-sm font-bold uppercase tracking-widest text-brand-600 dark:text-brand-400">Preguntas frecuentes</p>
|
|
<h2 class="mt-3 text-3xl font-extrabold tracking-tight sm:text-4xl">Resolvé tus dudas</h2>
|
|
</div>
|
|
|
|
<div class="mt-10 space-y-4">
|
|
<details class="group rounded-2xl border border-slate-200 bg-white p-6 shadow-sm open:shadow-md dark:border-slate-800 dark:bg-slate-900">
|
|
<summary class="flex cursor-pointer list-none items-center justify-between gap-4 text-base font-bold focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-950 [&::-webkit-details-marker]:hidden">
|
|
<h3 class="text-base font-bold">¿Para quién es Gruperly?</h3>
|
|
<svg class="h-5 w-5 shrink-0 text-brand-500 transition-transform group-open:rotate-45" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 5v14M5 12h14" /></svg>
|
|
</summary>
|
|
<p class="mt-3 text-sm leading-relaxed text-slate-600 dark:text-slate-400">
|
|
Para profesionales que trabajan con grupos de personas: profesores, personal trainers, instructores y perfiles similares que necesitan organizar grupos, participantes y cobros.
|
|
</p>
|
|
</details>
|
|
|
|
<details class="group rounded-2xl border border-slate-200 bg-white p-6 shadow-sm open:shadow-md dark:border-slate-800 dark:bg-slate-900">
|
|
<summary class="flex cursor-pointer list-none items-center justify-between gap-4 text-base font-bold focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-950 [&::-webkit-details-marker]:hidden">
|
|
<h3 class="text-base font-bold">¿Cómo creo mi primer grupo?</h3>
|
|
<svg class="h-5 w-5 shrink-0 text-brand-500 transition-transform group-open:rotate-45" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 5v14M5 12h14" /></svg>
|
|
</summary>
|
|
<p class="mt-3 text-sm leading-relaxed text-slate-600 dark:text-slate-400">
|
|
Creás tu cuenta y definís el nombre del grupo, los días y el horario de las clases, el cupo máximo, el precio y el tipo de cobro (mensual o por clase). Después siempre podés editarlo.
|
|
</p>
|
|
</details>
|
|
|
|
<details class="group rounded-2xl border border-slate-200 bg-white p-6 shadow-sm open:shadow-md dark:border-slate-800 dark:bg-slate-900">
|
|
<summary class="flex cursor-pointer list-none items-center justify-between gap-4 text-base font-bold focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-950 [&::-webkit-details-marker]:hidden">
|
|
<h3 class="text-base font-bold">¿Cómo incorporo participantes?</h3>
|
|
<svg class="h-5 w-5 shrink-0 text-brand-500 transition-transform group-open:rotate-45" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 5v14M5 12h14" /></svg>
|
|
</summary>
|
|
<p class="mt-3 text-sm leading-relaxed text-slate-600 dark:text-slate-400">
|
|
Registrás a cada participante en el grupo donde participa con sus datos de contacto. Gruperly guarda esa información y sus cobros por grupo.
|
|
</p>
|
|
</details>
|
|
|
|
<details class="group rounded-2xl border border-slate-200 bg-white p-6 shadow-sm open:shadow-md dark:border-slate-800 dark:bg-slate-900">
|
|
<summary class="flex cursor-pointer list-none items-center justify-between gap-4 text-base font-bold focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-950 [&::-webkit-details-marker]:hidden">
|
|
<h3 class="text-base font-bold">¿Cómo se cobra a los participantes?</h3>
|
|
<svg class="h-5 w-5 shrink-0 text-brand-500 transition-transform group-open:rotate-45" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 5v14M5 12h14" /></svg>
|
|
</summary>
|
|
<p class="mt-3 text-sm leading-relaxed text-slate-600 dark:text-slate-400">
|
|
Por grupo definís un precio, un tipo de cobro (mensual o por clase) y un día de vencimiento. Cada cobro queda con un estado claro: al día, pendiente o atrasado.
|
|
</p>
|
|
</details>
|
|
|
|
<details class="group rounded-2xl border border-slate-200 bg-white p-6 shadow-sm open:shadow-md dark:border-slate-800 dark:bg-slate-900">
|
|
<summary class="flex cursor-pointer list-none items-center justify-between gap-4 text-base font-bold focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-950 [&::-webkit-details-marker]:hidden">
|
|
<h3 class="text-base font-bold">¿Qué diferencia hay entre actividades recurrentes y eventos especiales?</h3>
|
|
<svg class="h-5 w-5 shrink-0 text-brand-500 transition-transform group-open:rotate-45" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 5v14M5 12h14" /></svg>
|
|
</summary>
|
|
<p class="mt-3 text-sm leading-relaxed text-slate-600 dark:text-slate-400">
|
|
Las actividades recurrentes son las clases habituales de un grupo, con días y horarios repetidos. Los eventos especiales son workshops, talleres o encuentros puntuales, separados de las clases recurrentes.
|
|
</p>
|
|
</details>
|
|
|
|
<details class="group rounded-2xl border border-slate-200 bg-white p-6 shadow-sm open:shadow-md dark:border-slate-800 dark:bg-slate-900">
|
|
<summary class="flex cursor-pointer list-none items-center justify-between gap-4 text-base font-bold focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-950 [&::-webkit-details-marker]:hidden">
|
|
<h3 class="text-base font-bold">¿Necesito una cuenta para usar Gruperly?</h3>
|
|
<svg class="h-5 w-5 shrink-0 text-brand-500 transition-transform group-open:rotate-45" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 5v14M5 12h14" /></svg>
|
|
</summary>
|
|
<p class="mt-3 text-sm leading-relaxed text-slate-600 dark:text-slate-400">
|
|
Sí. Creás una cuenta con tu nombre, email y contraseña, y confirmás tu email desde el enlace de verificación.
|
|
</p>
|
|
</details>
|
|
</div>
|
|
</section> |