You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
2.5 KiB
72 lines
2.5 KiB
<script lang="ts">
|
|
/**
|
|
* The faq mini-page: a single-column accordion of questions, plus a page floor
|
|
* with a support tail.
|
|
*/
|
|
import { Faq } from '$blocks/faq';
|
|
import { Section } from '$uix/eidos/components/section';
|
|
import { Container } from '$uix/eidos/components/container';
|
|
import { Stack } from '$uix/eidos/components/stack';
|
|
import { Heading } from '$uix/eidos/components/heading';
|
|
import { Text } from '$uix/eidos/components/text';
|
|
import { Link } from '$uix/eidos/components/link';
|
|
|
|
let { layout = 'accordion' as 'accordion' | 'list' }: { layout?: 'accordion' | 'list' } =
|
|
$props();
|
|
|
|
const faqs = [
|
|
{
|
|
q: '¿Cómo empiezo a medir?',
|
|
a: 'Instalas un único SDK, envías tu primer evento y ya lo ves en el panel. Sin configurar pipelines ni esperar a un procesamiento nocturno.'
|
|
},
|
|
{
|
|
q: '¿Cobráis por asiento?',
|
|
a: 'No. El plan se elige por volumen de eventos, no por número de personas, así que puedes invitar a todo el equipo sin que suba la factura.'
|
|
},
|
|
{
|
|
q: '¿Se muestrean los eventos?',
|
|
a: 'Nunca. Guardamos todos los eventos, así que los números cuadran con tu base de datos hasta el último registro.'
|
|
},
|
|
{
|
|
q: '¿Puedo consultar periodos antiguos sin reprocesar?',
|
|
a: 'Sí. El motor mantiene los agregados al día, así que cualquier ventana temporal responde al instante, sin recomputar cohortes.'
|
|
},
|
|
{
|
|
q: '¿Ofrecéis SSO y auditoría?',
|
|
a: 'En el plan Enterprise: SAML, SCIM, registro de auditoría y residencia de datos, listos para tu equipo de seguridad.'
|
|
}
|
|
];
|
|
</script>
|
|
|
|
<!-- La lista estática necesita más medida que el acordeón: dos o tres columnas de
|
|
preguntas no caben en la columna de lectura de una sola. -->
|
|
<Faq containerSize={layout === 'list' ? 'lg' : 'md'}>
|
|
<Faq.Header>
|
|
<Heading level={2} align="center">Preguntas frecuentes</Heading>
|
|
<Text size="lg" color="muted" align="center">
|
|
Lo que casi todo el mundo pregunta antes de conectar la primera fuente de eventos.
|
|
</Text>
|
|
</Faq.Header>
|
|
|
|
<Faq.List {layout}>
|
|
{#each faqs as item (item.q)}
|
|
<Faq.Item>
|
|
{#snippet question()}{item.q}{/snippet}
|
|
{item.a}
|
|
</Faq.Item>
|
|
{/each}
|
|
</Faq.List>
|
|
</Faq>
|
|
|
|
<!-- A floor so the page reads as a page — the support tail. -->
|
|
<Section size="lg">
|
|
<Container size="md">
|
|
<Stack gap={2} align="center">
|
|
<Text weight="medium" align="center">¿Te queda alguna duda?</Text>
|
|
<Text color="muted" align="center">
|
|
Escríbenos y te respondemos el mismo día. <Link href="#soporte">Hablar con soporte</Link>.
|
|
</Text>
|
|
</Stack>
|
|
</Container>
|
|
</Section>
|