// Pricing + FAQ function Pricing({ layout = "cards" }) { const [billing, setBilling] = useState("monthly"); const plans = PLANS[billing]; return (
Planes & precios

Empieza gratis.
Sube cuando el plan
empiece a funcionar.

{layout === "table" ? ( ) : ( )}

Todos los planes incluyen: método completo · Export a PDF · IA entrenada en marketing · Acceso a actualizaciones

); } function BillingToggle({ billing, setBilling }) { return (
{["monthly", "annual"].map((b) => ( ))}
); } function PricingCards({ plans }) { return (
{plans.map((plan) => ( ))}
); } function PricingCard({ plan }) { const featured = plan.featured; return (
{featured && ( Más popular )}

{plan.name}

{plan.badge && ( {plan.badge} )}

{plan.tagline}

{plan.price} {plan.cadence}
{plan.cta}
); } // Table-style pricing variant function PricingTable({ plans }) { // Build a feature matrix from semantic keys const rows = [ { k: "Planes activos", get: (p) => featureValue(p, "planes") }, { k: "Análisis IA", get: (p) => featureValue(p, "análisis ia") }, { k: "Mejoras IA", get: (p) => featureValue(p, "mejoras ia") }, { k: "Renovación", get: (p) => (p.id === "free" ? "Sin renovación" : "Mensual") }, { k: "Video clases & herramientas", get: (p) => (p.id === "free" ? "Limitado" : "✓") }, { k: "Calculadora táctica avanzada", get: (p) => (p.id === "free" ? "—" : "✓") }, { k: "Export PDF", get: () => "✓" }, { k: "Soporte", get: (p) => (p.id === "enterprise" ? "Prioritario" : "Email") }, ]; return (
{plans.map((p) => (
{p.name}
{p.price} {p.cadence}
{p.cta}
))}
{rows.map((row, i) => (
{row.k}
{plans.map((p) => (
{row.get(p)}
))}
))}
); } function featureValue(plan, contains) { const f = plan.features.find((x) => x.text.toLowerCase().includes(contains)); if (!f) return "—"; // Extract leading number-ish content const m = f.text.match(/^(?:Hasta\s)?([0-9.]+|999)/i); if (m) return m[0] + (contains === "planes" ? " planes" : ""); return f.text.split(",")[0]; } // FAQ accordion function FAQSection() { const [open, setOpen] = useState(0); return (
FAQ

Preguntas que casi todo el mundo nos hace.

{FAQ.map((f, i) => { const isOpen = open === i; return (

{f.a}

); })}
); } Object.assign(window, { Pricing, FAQSection });