// HelloReader — page sections const { useState: useStateS } = React; function HeroSection({ t }) { return (
{t.hero.eyebrow}

{t.hero.title}{" "} {t.hero.titleAccent}

{t.hero.sub}

{t.hero.ctaPrimary} {t.hero.ctaSecondary}
} label={t.hero.stat1} /> } label={t.hero.stat2} /> ★} label={t.hero.stat3} /> } label={t.hero.stat4} />
{/* Ticker */}
{Array.from({ length: 6 }).map((_, i) => ( ★ {t.ticker} ))}
); } // ----- Vision / Mission / Values ----- function AboutSection({ t }) { return (
{t.about.eyebrow}

{t.about.title}{" "} {t.about.titleAccent}

{/* Mission card */}
{t.about.missionLabel}

{t.about.mission}

{t.about.body}
{/* Values list */}
{t.about.values.map((v, i) => (
0{i + 1}
{v.k}
{v.v}
))}
); } function ProductSection({ t }) { return (
{t.product.eyebrow}

{t.product.title}
{t.product.titleSub}

{t.product.body}

    {[t.product.bullet1, t.product.bullet2, t.product.bullet3, t.product.bullet4].map((b, i) => (
  • {b}
    • ))}
{t.product.appStore} {t.product.googlePlay}
); } // ----- Content Engine: dual-track supply + catalog mix + Translated→Original shift ----- function ContentSection({ t }) { const c = t.content; const years = [ { y: c.splitY1, trans: 70, orig: 30 }, { y: c.splitY2, trans: 55, orig: 45 }, { y: c.splitY3, trans: 40, orig: 60 }, ]; return (
{c.eyebrow}

{c.title}{" "} {c.titleAccent}

{c.body}

{/* Two tracks */}
{/* Year split (catalog-mix panel removed — genres intentionally de-emphasized) */}
{c.splitLabel}
Translated Original
{years.map((y, i) => (
{y.trans}%
{y.orig}%
{y.y}
))}
{/* IP strip */}
{c.ipHead}
{c.ipBody}
); } function TrackCard({ badge, badgeColor, badgeInk, title, body, points, dark }) { const bg = dark ? "#0A0A0A" : "#fff"; const ink = dark ? "#fff" : "#0A0A0A"; const sub = dark ? "#C9C3B8" : "#4A4A4A"; const border = dark ? "transparent" : "#EFEFEF"; return (
{dark && }
{badge}

{title}

{body}

    {points.map((p, i) => (
  • {p}
    • ))}
); } function MarketsSection({ t }) { const live = [ { name: t.markets.naName, flag: "🇺🇸", body: t.markets.naBody, stat1Val: 8, stat1Suf: "M", stat1Lbl: t.markets.naStat1, stat2Val: 240, stat2Suf: "+", stat2Lbl: t.markets.naStat2, accent: "#0A0A0A", code: "NA" }, { name: t.markets.vnName, flag: "🇻🇳", body: t.markets.vnBody, stat1Val: 5.2, stat1Suf: "M+", stat1Lbl: t.markets.vnStat1, stat2Val: 820, stat2Suf: "K", stat2Lbl: t.markets.vnStat2, accent: "#FF3E5F", code: "VN" }, { name: t.markets.idName, flag: "🇮🇩", body: t.markets.idBody, stat1Val: 4.8, stat1Suf: "M+", stat1Lbl: t.markets.idStat1, stat2Val: 640, stat2Suf: "K", stat2Lbl: t.markets.idStat2, accent: "#FF7A1A", code: "ID" }, { name: t.markets.thName, flag: "🇹🇭", body: t.markets.thBody, stat1Val: 2.1, stat1Suf: "M+", stat1Lbl: t.markets.thStat1, stat2Val: 410, stat2Suf: "K", stat2Lbl: t.markets.thStat2, accent: "#3B82F6", code: "TH" }, ]; const next = [ { name: t.markets.euName, flag: "🇪🇸", body: t.markets.euBody, stat1Val: 4, stat1Suf: "", stat1Lbl: t.markets.euStat1, stat2Val: 120, stat2Suf: "+", stat2Lbl: t.markets.euStat2, accent: "#0A0A0A", code: "EU·LATAM" }, ]; return (
{t.markets.eyebrow}

{t.markets.title}{" "} {t.markets.titleAccent}

{t.markets.body}

{/* Live markets */}
{live.map((m, i) => )}
{/* Upcoming */}
{next.map((m, i) => )} {/* 3 placeholder tiles */} {Array.from({ length: 3 }).map((_, i) => (
2028 →
))}
); } function MarketBand({ label, tone }) { const color = tone === "live" ? "#FED605" : "#0A0A0A"; const ink = tone === "live" ? "#0A0A0A" : "#FED605"; return (
{tone === "live" && ( )} {label}
); } function MarketCard({ m, upcoming }) { return (
{m.flag}
{m.code}
{m.name}

{m.body}

{m.stat1Lbl}
{m.stat2Lbl}
); } // ----- Featured Titles (real reader data) ----- const FEATURED_MARKETS = [ { code: "EN", name: "English", flag: "🌍", books: [ { title: "Rich Guy", author: "Tessa", readers: "307K", cover: "assets/books/en-1.png" }, { title: "Who Are You, My Husband", author: "Tessa", readers: "307K", cover: "assets/books/en-2.png" }, { title: "My Substitute Ugly Wife", author: "L.X", readers: "149K", cover: "assets/books/en-3.png" }, { title: "A Fallen Woman Expecting True Love", author: "Evening Snow", readers: "82K", cover: "assets/books/en-4.png" }, ], }, { code: "ID", name: "Indonesia", flag: "🇮🇩", books: [ { title: "Wanita Bermuka Dua", author: "Sherin", readers: "373K", cover: "assets/books/id-1.png" }, { title: "Ternyata Suamiku Seorang Sultan", author: "Alexander Tian", readers: "352K", cover: "assets/books/id-2.png" }, { title: "Istri Pengganti Tersayang Tuan Muda", author: "Jeanne", readers: "283K", cover: "assets/books/id-3.png" }, { title: "Ternyata Suamiku Seorang Sultan", author: "Febi", readers: "238K", cover: "assets/books/id-4.png" }, ], }, { code: "VN", name: "Vietnam", flag: "🇻🇳", books: [ { title: "Chàng rể xuất chúng", author: "Linh Vân", readers: "186K", cover: "assets/books/vn-1.png" }, { title: "Ông bố siêu phàm", author: "Lâu Nghị", readers: "144K", cover: "assets/books/vn-2.png" }, { title: "Cố tổng lại phát điên rồi!", author: "Mẫn Hạ", readers: "28K", cover: "assets/books/vn-3.png" }, { title: "Hoắc tổng truy thê", author: "Linh Dạ", readers: "11K", cover: "assets/books/vn-4.png" }, ], }, { code: "TH", name: "Thailand", flag: "🇹🇭", books: [ { title: "พ่อจอมผยอง", author: "พิงตึกเห็นคุณลอยน้ำ", readers: "103K", cover: "assets/books/th-1.png" }, { title: "บ่วงแค้นแสนรัก", author: "ชิวเซิง", readers: "67K", cover: "assets/books/th-2.png" }, { title: "ลูกเขยดีเลิศ", author: "อาห่าว", readers: "39K", cover: "assets/books/th-3.png" }, { title: "ข้าคือหงส์พันปี", author: "เฉียน หราน จวิน เสี้ยว", readers: "23K", cover: "assets/books/th-4.png" }, ], }, ]; function FeaturedTitlesSection({ t }) { const f = t.featured; const [activeIdx, setActiveIdx] = useStateS(0); return ( ); } function FeaturedMarketColumn({ market, readersLabel }) { return (
{market.flag}
{market.code}
{market.name}
    {market.books.map((b, i) => (
  1. {b.cover && (
    {b.title}
    )}
    {b.title}
    {b.author}
    {b.readers}
    2. ))}
{readersLabel}
); } // ----- Slogan Suite ----- function SlogansSection({ t }) { const s = t.slogans; return (
{s.eyebrow}

{s.title}

{s.body}

{s.rows.map((r, i) => { const primary = i === 0; return (
0 ? "1px solid #F0F0F0" : "none", }}>
{r.ctx}
{primary ? ( {r.slogan} ) : r.slogan}
0{i + 1}
); })}
); } function PartnersSection({ t }) { const [tab, setTab] = useStateS("author"); const [sent, setSent] = useStateS(false); const [sending, setSending] = useStateS(false); const [errMsg, setErrMsg] = useStateS(""); const tabs = [ { id: "author", label: t.partners.tabAuthor, title: t.partners.authorTitle, body: t.partners.authorBody }, { id: "agency", label: t.partners.tabAgency, title: t.partners.agencyTitle, body: t.partners.agencyBody }, { id: "distributor", label: t.partners.tabDistributor, title: t.partners.distributorTitle, body: t.partners.distributorBody }, ]; const active = tabs.find(x => x.id === tab); return (
{t.partners.eyebrow}

{t.partners.title}{" "} {t.partners.titleAccent}

{t.partners.body}

{tabs.map(x => ( ))}

{active.title}

{active.body}

¥
Daily earning reports · Transparent splits · Fast payouts
{ e.preventDefault(); if (sending) return; setErrMsg(""); setSending(true); const fd = new FormData(e.target); try { const r = await fetch("/api/partner-submit", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ type: tab, name: (fd.get("name") || "").toString(), org: (fd.get("org") || "").toString(), email: (fd.get("email") || "").toString(), message: (fd.get("message") || "").toString(), }), }); if (r.ok) { setSent(true); } else { const j = await r.json().catch(() => ({})); setErrMsg(j.error === "invalid_email" ? (t.partners.errEmail || "Please enter a valid email.") : (t.partners.errGeneric || "Submission failed. Please try again.")); } } catch { setErrMsg(t.partners.errGeneric || "Network error. Please try again."); } setSending(false); }} style={{ padding: 40 }} > {sent ? (
{t.partners.formThanks}
) : ( <>
{errMsg && (
{errMsg}
)} )}
); } function FormField({ name, label, type = "text", textarea = false, required = false }) { return (