FAQ

Seccion de preguntas frecuentes con accordion colapsable, animaciones de entrada con Framer Motion y link de contacto por email.

Import

import { FAQ } from "@/components/landing";

Que incluye

• Imagen decorativa animada (scale + rotate con Framer Motion)
• Titulo con texto gradiente
• Accordion colapsable con type="single" (solo una pregunta abierta a la vez)
• Estilo glass-morphism en cada item (glass rounded-xl)
• Link de contacto por email al final (usa landingConfig.contact.supportEmail)
• Animaciones de entrada viewport-triggered

Tips

• Responde objeciones, no solo dudas. "Es solo una plantilla?" es una objecion. Respondela con fuerza.
• Incluye siempre una pregunta sobre politica de devolucion o garantia.
• Incluye una pregunta sobre si funciona con IA/Cursor/Copilot. Es lo que tu audiencia quiere saber.
• Usa un tono directo y cercano. Nada de corporativismo.
• 5-8 preguntas es el punto ideal. Mas de 10 y nadie las lee.

Personalizacion

Cambiar preguntas

Edita el array faqs en components/landing/faq.tsx:

const faqs = [
  {
    question: "¿Es EmpiezaTuSaaS mejor que Lovable o Bolt?",
    answer: "Lovable y Bolt molan para montar una landing rapido...",
  },
  {
    question: "¿Funciona con IA (Cursor, Copilot)?",
    answer: "Esta hecho para eso, crack!...",
  },
  // ... mas preguntas
];

Cambiar imagen decorativa

Reemplaza /landing/faq.png o cambia la referencia en el componente:

<Image
  src="/landing/faq.png"
  alt="FAQ Sage"
  width={120}
  height={120}
/>

Cambiar email de contacto

Edita lib/config.ts:

contact: {
  supportEmail: "tu@email.com",
},