/* sections.jsx — all homepage sections, RTL Hebrew. Every string, image and link below is read from window.CONTENT (content.js) so it can be edited at /admin. Layout and styling stay in code. */ const { useState, useEffect, useRef } = React; const whatsappLink = (message) => `https://wa.me/${CONTACT.whatsapp}?text=${encodeURIComponent(message || CONTACT.defaultWaMessage || "")}`; /* shop category buttons, as [key, label] pairs */ const productFilters = () => (CONTENT.filters || []).map((f) => [f.key, f.label]); /* ─────────── Announcement bar ─────────── */ function AnnouncementBar({ palette }){ const items = (COPY.announce && COPY.announce.length) ? COPY.announce.filter(Boolean) : []; if (!items.length) return null; return (
{[0,1].map(k => (
{items.map((t,i)=>( {t} ))}
))}
); } /* ─────────── Nav ─────────── */ function Nav({ palette }){ const [open, setOpen] = useState(false); const current = normalizePathname(window.location.pathname); const links = NAV.links || []; return (
{open && ( )}
); } const iconBtn = (palette) => ({ width:38, height:38, display:"grid", placeItems:"center", borderRadius:999, border:"0", background:"transparent", color: palette.ink, }); function Logo({ palette, compact = false }){ const size = compact ? 22 : 28; return (
{SITE.logoFirst} {SITE.logoSecond}
); } /* ─────────── Hero ─────────── */ function Hero({ palette, variant="editorial" }){ return ; } function HeroEditorial({ palette }){ const stats = COPY.heroStats || []; return (
{COPY.heroEyebrow}

{COPY.heroTitleTop}
{COPY.heroTitleAccent}

{COPY.heroByline}

{COPY.heroLede}

{COPY.heroPriceCta} {COPY.heroSampleCta}
{stats.map((s,i)=>(
{s.n}
{s.l}
))}
); } /* ─────────── Trust / press strip ─────────── */ function TrustStrip({ palette }){ const c = HOME.trust || {}; return (
{c.sealTitle}
{c.sealSub}
{(c.keywords || []).map((p,i)=>( {p} ))}
); } function AdlerSeal({ palette, size = 56 }){ const src = productImageSrc(C("home.trust.sealImage", "/assets/adler-seal.png")); if (!src) return null; return ( {C("home.trust.sealTitle", ); } /* ─────────── Value Props ─────────── */ function ValueProps({ palette }){ const c = HOME.valueProps || {}; const items = c.items || []; return (
{c.eyebrow}

{c.title}

{c.intro}

{items.map((it,i)=>{ const ItIcon = iconByName(it.icon); return (
{it.n}

{it.t}

{it.d}

)})}
); } /* ─────────── About the book / editorial spread ─────────── */ function AboutBook({ palette }){ const c = HOME.aboutBook || {}; const img = productImageSrc(c.image); return (
{img ? {c.imageAlt : }

{c.cardTitle}

{c.cardSub}
{c.eyebrow}

{c.title} {c.titleAccent}

{c.p1}

{c.p2}

{(c.stats || []).map((s,i)=>(
{s.n}
{s.l}
))}
{c.ctaLabel && {c.ctaLabel}} {c.ghostLabel && {c.ghostLabel}}
); } /* ─────────── Products grid ─────────── */ function formatProductPrice(n) { return `₪${Number(n).toLocaleString("he-IL", { minimumFractionDigits: n % 1 ? 2 : 0, maximumFractionDigits: 2 })}`; } function productDiscountPercent(product) { if (!product.was) return null; return Math.round((1 - product.price / product.was) * 100); } function Products({ palette }){ const [filter, setFilter] = useState("all"); const c = HOME.productsSection || {}; const filters = productFilters(); const visible = filter === "all" ? PRODUCTS : PRODUCTS.filter(p => (p.categories||[]).includes(filter)); return (
{c.eyebrow}

{c.title}

{filters.map(([k,l])=>( ))}
{visible.map(p => )}
{c.allLabel}
); } function ProductCard({ product, palette }){ const [hover, setHover] = useState(false); const bg = product.img ? palette.surface : palette.rose; const discount = productDiscountPercent(product); const orderMsg = `${C("pages.productDetail.orderWaPrefix", "שלום סיגי, אשמח להזמין את")} ${product.title}`; return (
setHover(true)} onMouseLeave={()=>setHover(false)} style={{ background: palette.bg, overflow:"hidden", border:`1px solid ${palette.line}`, display:"flex", flexDirection:"column", transition:"transform .4s ease, border-color .4s ease", transform: hover ? "translateY(-3px)" : "none", borderColor: hover ? palette.gold : palette.line }} >
{product.img === "book-cover" ? (
{product.title}
) : product.img ? (
{product.title}
) : ( )} {product.tag && (
{product.tag}
)} {discount && (
{discount}% הנחה
)}
{product.title}

{product.summary}

{C("pages.productDetail.priceLabel", "מחיר מבצע")}
{formatProductPrice(product.price)} {product.was ? {formatProductPrice(product.was)} : null}
פרטים
); } /* ─────────── Who it's for ─────────── */ function WhoItsFor({ palette }){ const c = HOME.whoItsFor || {}; const items = c.items || []; return (
{c.eyebrow}

{c.titlePre} {c.titleAccent} {c.titleEnd}

{items.map((it,i)=>{ const ItIcon = iconByName(it.icon); return (

{it.t}

{it.d}

)})}
); } /* ─────────── Reflection cards ─────────── */ function Testimonials({ palette }){ const c = HOME.reflection || {}; const cards = c.cards || []; return (
{c.eyebrow}

{c.title}

{c.text}

{cards.map((t,i)=>(
{t.q}

{t.a}

))}
); } /* ─────────── Group purchase CTA ─────────── */ function GroupPurchase({ palette }){ const c = HOME.group || {}; const rows = c.rows || []; return (
{c.eyebrow}

{c.title} {c.titleAccent}

{c.text}

{c.ctaPrefix} {CONTACT.phone} {c.ghostLabel}
{rows.map((r,i)=>(
{r.n}
{r.l}
))}
); } /* ─────────── Free chapter (lead magnet) ─────────── */ function LeadMagnet({ palette }){ const c = HOME.leadMagnet || {}; return (
); } function PdfPage({ palette, label }){ return ( {label} ); } /* ─────────── FAQ ─────────── */ function FAQ({ palette, asPage = false }){ const [open, setOpen] = useState(0); const c = HOME.faqSection || {}; const HeadingTag = asPage ? "h1" : "h2"; return (
{c.eyebrow} {c.title} {c.titleAccent}

{c.note} {c.noteLink}.

{FAQS.map((f,i)=>(

{f.a}

))}
); } /* ─────────── Footer ─────────── */ function Footer({ palette }){ const f = FOOTER || {}; return ( ); } function FooterCol({ title, children }){ return (
{title}
{children}
); } /* ─────────── Floating WhatsApp ─────────── */ function FloatingWa({ palette }){ return ( e.currentTarget.style.transform="scale(1.08)"} onMouseLeave={e=>e.currentTarget.style.transform="none"} > ); } /* ─────────── Mobile sticky-buy bar ─────────── */ function MobileBuyBar({ palette }){ const [show, setShow] = useState(false); const bar = CONTENT.mobileBar || {}; useEffect(() => { const onScroll = () => { // show after ~600px scroll, hide near footer const y = window.scrollY; const docH = document.documentElement.scrollHeight; const vh = window.innerHeight; const nearBottom = (docH - (y + vh)) < 800; setShow(y > 600 && !nearBottom); }; onScroll(); window.addEventListener("scroll", onScroll, { passive:true }); return () => window.removeEventListener("scroll", onScroll); }, []); if (bar.enabled === false) return null; const img = productImageSrc(bar.image); return (
{img && }
{bar.title}
{bar.price} {bar.note} {bar.discount && {bar.discount}}
{bar.ctaLabel}
); } Object.assign(window, { whatsappLink, productFilters, formatProductPrice, productDiscountPercent, AnnouncementBar, Nav, Hero, TrustStrip, ValueProps, AboutBook, Products, ProductCard, WhoItsFor, Testimonials, GroupPurchase, LeadMagnet, FAQ, Footer, FloatingWa, MobileBuyBar, Logo, AdlerSeal, });