9:41

Minha lista

{[ { t: "Chainsaw Man", v: "Vol. 17 · JBC", d: "12 mai" }, { t: "Berserk Deluxe", v: "Vol. 9 · Panini", d: "18 mai" }, { t: "Spy x Family", v: "Vol. 14 · Panini", d: "23 mai" }, { t: "Frieren", v: "Vol. 8 · NewPOP", d: "30 mai" }, { t: "Blame!", v: "Vol. 4 · Pipoca e Nanquim", d: "5 jun" }]. map((r, i) =>

{r.t}

{r.v}

{r.d}

)}

); } // detail return (

9:41

#17

Chainsaw Man

Volume 17 · JBC · 200 págs

Pré-venda Lança 12 mai

AutorTatsuki Fujimoto

Editora BRJBC

Preço sugeridoR$ 32,90

Link de afiliado — você não paga a mais

); } function PhoneFrame({ kind, label }) { return (

{label &&

{label}

}

); } // ─── Sections ───────────────────────────────────────────────────────────── function Header() { return (

tomohunt Baixar grátis

); } // ─── Store icons + bento feature card icons ────────────────────────────── const IconApple = (p) => } stroke={0} fill="currentColor" />; const IconGooglePlay = (p) => } />; const IconStar2 = (p) => } fill="currentColor" stroke={0} />; const IconClock = (p) => } />; const IconShoppingBag = (p) => } />; const IconTrendingUp = (p) => } />; // ─── Bento sub-cards ────────────────────────────────────────────────────── // BENTO-DATA-START (auto-refreshed by scripts/refresh-bento.py — do not edit by hand) const BENTO_NOTIF = {"title": "AS VIAJANTES DO FIM Vol. 3 chegou às livrarias", "cta": "Toque pra comprar na Baú"}; const BENTO_STATS = {"count": 11, "pubs": ["Baú", "JBC", "+2"]}; const BENTO_WATCHLIST = [ {"t": "Astro Boy BIG", "v": "Vol. 04 · JBC", "d": "1/4", "ring": true, "cover": "https://tomohunt-cdn.inovatehk.com/covers/799987f23beaa9d0d5bcb34f.jpg"}, {"t": "Yomi no Tsugai - Daemons do Reino das Sombras", "v": "Vol. 03 · JBC", "d": "1/4", "ring": true, "cover": "https://tomohunt-cdn.inovatehk.com/covers/b69d26d13f84414bf1ab9d29.jpg"}, {"t": "Bencao", "v": "Vol. 2 · NewPOP", "d": "1/4", "ring": true, "cover": "https://tomohunt-cdn.inovatehk.com/covers/4c2518347ae7e455230635f3.jpg"}, {"t": "AS VIAJANTES DO FIM", "v": "Vol. 1 · Baú", "d": "1/5", "ring": true, "cover": "https://tomohunt-cdn.inovatehk.com/covers/fa23570e0c0b844dae6096a9.png"}, ]; // BENTO-DATA-END function NotificationCard() { return (

NOTIFICAÇÃO

agora

TOMOHUNT · agora

{BENTO_NOTIF.title}

{BENTO_NOTIF.cta}

); } function TodayStatsCard() { return (

CATÁLOGO

{BENTO_STATS.count}

volumes recém
publicados

{BENTO_STATS.pubs.map((p, i) => {p})}

); } function WatchlistCard() { const items = BENTO_WATCHLIST; return (

LISTA

{items.length} itens

{items.map((it, i) =>

{it.t}

{it.v}

{it.ring && } {it.d}

)}

); } function AffiliateCard() { return (

COMPRAR

Link de afiliado

Você nunca paga a mais. A gente avisa antes de você clicar e fica com uma fração — é o que mantém o app grátis.

); } // ─── Hero ───────────────────────────────────────────────────────────────── function Hero() { const stageRef = React.useRef(null); React.useEffect(() => { const stage = stageRef.current; if (!stage) return; const layers = () => stage.querySelectorAll('.iso-layer'); const state = { mx: 0, my: 0, tmx: 0, tmy: 0, scroll: 0 }; let raf = 0; function onMove(e) { const r = stage.getBoundingClientRect(); const cx = r.left + r.width / 2; const cy = r.top + r.height / 2; state.tmx = Math.max(-1.4, Math.min(1.4, (e.clientX - cx) / (r.width / 2))); state.tmy = Math.max(-1.4, Math.min(1.4, (e.clientY - cy) / (r.height / 2))); } function onLeave() {state.tmx = 0;state.tmy = 0;} function onScroll() { const r = stage.getBoundingClientRect(); const p = Math.max(0, Math.min(1, -r.top / Math.max(r.height, 1))); state.scroll = p; } function loop() { state.mx += (state.tmx - state.mx) * 0.10; state.my += (state.tmy - state.my) * 0.10; const rootStyle = getComputedStyle(document.documentElement); const strength = parseFloat(rootStyle.getPropertyValue('--parallax-strength')) || 1.0; const reduced = parseFloat(rootStyle.getPropertyValue('--reduced-motion')) === 1; const sm = reduced ? 0 : strength; for (const l of layers()) { const d = parseFloat(l.dataset.depth || '0.1'); const px = state.mx * d * 200 * sm; // mouse-driven X, bumped for visibility const py = state.my * d * 130 * sm; // mouse-driven Y const sy = state.scroll * (1 - d * 1.2) * 220; const op = 1 - state.scroll * (0.55 + d * 0.6); l.style.transform = `translate3d(${px.toFixed(2)}px, ${(py + sy).toFixed(2)}px, 0)`; l.style.opacity = Math.max(0, op).toFixed(2); } raf = requestAnimationFrame(loop); } document.addEventListener('mousemove', onMove, { passive: true }); document.addEventListener('pointermove', onMove, { passive: true }); window.addEventListener('mouseout', (e) => {if (!e.relatedTarget) onLeave();}); window.addEventListener('blur', onLeave); window.addEventListener('scroll', onScroll, { passive: true }); onScroll(); raf = requestAnimationFrame(loop); return () => { cancelAnimationFrame(raf); document.removeEventListener('mousemove', onMove); document.removeEventListener('pointermove', onMove); window.removeEventListener('blur', onLeave); window.removeEventListener('scroll', onScroll); }; }, []); const IsoScene = window.IsoScene; return (

Nunca perca um lançamento de mangá no Brasil de novo.

Tomohunt acompanha as listas de toda editora e te avisa no dia que o seu volume chega às livrarias.

Baixe na App Store Disponível no Google Play

Acompanhamos {EDITORAS.map((e, i) => {e} {i < EDITORAS.length - 1 && ·} )}

); } function ComoFunciona() { const steps = [ { icon: , t: "A gente vasculha", b: "Todo dia conferimos os lançamentos das principais editoras do Brasil." }, { icon: , t: "Você marca o que importa", b: "Toca na estrelinha do volume ou da série inteira." }, { icon: , t: "A gente avisa", b: "Push no dia provável de chegada. Link de compra com aviso de afiliado, sempre." }]; return (

Como funciona

Três passos. Sem fricção.

{steps.map((s, i) =>

{s.icon}

0{i + 1}

{s.t}

{s.b}

)}

); } function Screenshots() { const phones = [ { k: "home", label: "Checklist do mês" }, { k: "watchlist", label: "Minha lista" }, { k: "detail", label: "Detalhe do volume" }]; return (

Por dentro

Construído pra quem realmente coleciona.

Três telas, uma única ideia: você sabe exatamente o que vem por aí.

{phones.map((p, i) =>

)}

); } function DemoVideo() { return (

Demo de 30s — em breve

); } function FAQ() { const items = [ { q: "Quanto custa?", a: "Grátis pra sempre. O Premium adiciona notificações ilimitadas e cobertura estendida — o core de avisos não tem paywall." }, { q: "Funciona com quais editoras?", a: "JBC, NewPOP, Pipoca e Nanquim, Devir, Panini, Baú Editora, Universo dos Livros, Taverna do Rei e MPEG. Lista atualizada à medida que entram." }, { q: "Os links de compra dão alguma comissão?", a: "Sim, alguns têm tag de afiliado da editora ou Amazon. Quando tem, a gente avisa antes de você clicar. Você nunca paga a mais por isso." }, { q: "iOS e Android?", a: "Sim, ambos. Lançamento simultâneo no iOS e Android." }, { q: "Cadê meus dados?", a: "A gente guarda só seu e-mail + token de sessão + token de push do aparelho. Sem rastreamento de comportamento fora do app. Política completa: link no rodapé." }, { q: "Com que frequência acompanha?", a: "Diariamente — uma vez por dia, respeitando os sites das editoras." }]; const [open, setOpen] = React.useState(0); return (

Perguntas frequentes

O básico, sem rodeio.

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

{it.a}

); })}

); } function Footer() { return ( ); } // ─── Cookie consent banner ─────────────────────────────────────────────── // LGPD/GDPR-style opt-in. No cookies / analytics / external scripts must // init before the user explicitly accepts. The consent flag itself lives in // localStorage (treated as "strictly necessary" for the consent mechanism). const CONSENT_KEY = 'tomohunt-consent'; function readConsent() { try { return localStorage.getItem(CONSENT_KEY); } catch { return null; } } function writeConsent(value) { try { localStorage.setItem(CONSENT_KEY, value); } catch {} window.dispatchEvent(new CustomEvent('tomohunt-consent-change', { detail: value })); } function CookieBanner() { const [state, setState] = React.useState('hidden'); React.useEffect(() => { setState(readConsent() ? 'hidden' : 'visible'); }, []); const decide = (value) => { writeConsent(value); setState('hidden'); }; if (state !== 'visible') return null; return ( ); } // ─── App ────────────────────────────────────────────────────────────────── function App() { // Production: use TWEAK_DEFAULTS directly (tweaks-panel.jsx is design-tool only). const t = TWEAK_DEFAULTS; const systemReducedMotion = React.useMemo(() => window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches, []); const reducedMotion = t.forceReducedMotion || systemReducedMotion; // Apply tweaks to CSS custom properties so the scene + parallax pick them up. React.useEffect(() => { const r = document.documentElement; r.style.setProperty('--parallax-strength', String(t.parallaxStrength)); r.style.setProperty('--scene-intensity', String(t.sceneIntensity)); r.style.setProperty('--reduced-motion', reducedMotion ? '1' : '0'); }, [t.parallaxStrength, t.sceneIntensity, reducedMotion]); // Scroll-in reveal: add .in-view to [data-reveal] elements when they enter the viewport. React.useEffect(() => { const obs = new IntersectionObserver((entries) => { for (const e of entries) { if (e.isIntersecting) { e.target.classList.add('in-view'); obs.unobserve(e.target); } } }, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' }); document.querySelectorAll('[data-reveal]').forEach((el) => obs.observe(el)); return () => obs.disconnect(); }, []); return ( <>