// PepLab Co — Articles + FAQ sections const ArticlesFull = () => { const [filter, setFilter] = React.useState("Todos"); const tags = ["Todos", ...new Set(PEPLAB_GUIDE.map(g => g.tag))]; const filtered = filter === "Todos" ? PEPLAB_GUIDE : PEPLAB_GUIDE.filter(g => g.tag === filter); const featured = filtered[0]; const rest = filtered.slice(1); return (

{/* Header */}

Hub editorial · 05 artículos

Guía de péptidos.
Sin fluff.

Aprende antes de comprar. Cero spam, cero promesas vacías — solo la información técnica y aplicada que necesitas para decidir bien.

{/* Filter chips */}

{tags.map((t) => ( ))}

{/* Featured + grid */} {featured && (

{featured.image ? (

) : (

EDITORIAL · {featured.tag.toUpperCase()} · DESTACADO

)}

Destacado

{featured.tag} · Lectura {featured.read}

{featured.title}

{featured.excerpt}

Leer artículo completo

)} {/* Grid of remaining */} {rest.length > 0 && (

{rest.map((g, i) => ( { e.currentTarget.style.transform = "translateY(-4px)"; e.currentTarget.style.boxShadow = "0 18px 40px rgba(11,37,69,0.10)"; }} onMouseLeave={(e) => { e.currentTarget.style.transform = "none"; e.currentTarget.style.boxShadow = "none"; }} >

{g.image ? ( {g.title}

) : (

EDITORIAL · {g.tag.toUpperCase()}

)}

{g.tag} · {g.read}

{g.title}

Leer

))}

)}

); }; // Usos de los péptidos — SEO accordion section // Real h2/h3 headings and text always present in the DOM (collapsed via max-height, // never unmounted) so search engines index the full content. const UsesSection = () => { const uses = window.PEPLAB_USES || []; const [open, setOpen] = React.useState(0); // index of expanded item (-1 = all closed) const toggle = (i) => setOpen((cur) => (cur === i ? -1 : i)); return (

{/* Side */}

Usos de los péptidos

Para qué sirve cada péptido.

Una guía rápida de las aplicaciones más conocidas de cada molécula. Información de referencia — no constituye consejo médico.

Pedir asesoría

{/* Accordion list */}

{uses.map((use, i) => { const isOpen = open === i; return (

{use.text}

); })}

); }; // FAQ section const FaqSection = () => { const [open, setOpen] = React.useState({ 0: 0 }); // {catIndex: itemIndex} - one per category open const toggle = (cat, i) => { setOpen((s) => ({ ...s, [cat]: s[cat] === i ? -1 : i })); }; return (

{/* Side */}

Preguntas frecuentes

Las dudas que todos tienen antes de pedir.

Si tu pregunta no aparece acá, escríbenos por WhatsApp. Respondemos en menos de 30 minutos en horario hábil.

Escribir por WhatsApp

Horario

Lunes a sábado
09:00 — 22:00

{/* FAQ list */}

{PEPLAB_FAQ.map((cat, ci) => (

0{ci + 1}

{cat.cat}

{cat.items.map((it, i) => { const isOpen = open[ci] === i; return (

{it.a}