/* Home — 3 variaciones de Hero (A: portadas flotantes + parallax, B: portada protagonista, C: ilustración orgánica). La variante activa la decide un Tweak. */ (function () { const { useMemo } = React; const F = () => window.FUN_FEATURED; const byAsin = (a) => window.FUN_BOOKS.find(b => b.asin === a); const EYEBROW = "Editorial infantil independiente"; const TITLE = "Libros que dan ganas de leer."; const SUB = "Somos una editorial española pequeña. Hacemos pocos libros y los cuidamos uno a uno — para leer juntos, antes de dormir o un ratito cada día."; function Ctas({ navigate }) { return (
{ e.preventDefault(); navigate("libros"); }}> Ver catálogo { e.preventDefault(); navigate("sobre"); }}> Conócenos
); } function Trust() { return (
+1.000 familias ya leen con nosotros
); } /* ---------------------------------------------------- A: portadas flotantes */ function HeroA({ navigate }) { const [ref, p] = useMouseParallax(); const picks = [F()[0], F()[1], F()[4], byAsin("B0H2LHP9GC")]; const depth = [22, 36, 16, 30]; const layout = [ { top: "4%", left: "8%", w: "44%", r: -7, cls: "float-a" }, { top: "26%", left: "46%", w: "50%", r: 6, cls: "float-b" }, { top: "58%", left: "2%", w: "40%", r: 5, cls: "float-c" }, { top: "62%", left: "54%", w: "38%", r: -5, cls: "float-a" }, ]; return (
{EYEBROW}

{TITLE}

{SUB}

); } /* --------------------------------------------------- B: portada protagonista */ function HeroB({ navigate }) { const star = byAsin("B0FK21ZMH7"); // 1 curiosidad para cada día const [ref, p] = useMouseParallax(); return (
{EYEBROW}

{TITLE}

{SUB}

Lo más vendido
); } /* ----------------------------------------------------- C: ilustración orgánica */ function HeroC({ navigate }) { return (
{EYEBROW}

{TITLE}

{SUB}

); } window.Heroes = { A: HeroA, B: HeroB, C: HeroC }; })();