{/* Afternoon light — warm radial gradient from top right corner. */}

{/* Window-shadow hint — slanted warm shapes on the floor. */} {/* Main hero row. */}

{/* Text column. */}

an AI cat who lives in your computer

你嚕貓，
牠幫你工作。

Mika 是住在你電腦裡的 AI 貓咪管家。
牠會整理檔案、記住你讀過的東西，
然後在你嚕牠的時候，安靜把事情做完。

跟 Mika 打個招呼先看看牠怎麼工作

{/* Signature line — tiny handwritten note. */}

for the folks who'd rather nap than hustle

{/* Mika column. */}

{/* Rug / warm spot under her — organic blob shape. */}

{/* Olive sprig tucked into the corner. */}

{/* Little handwritten note pinned upper-left. */}

she's napping.
(but still working.)

{/* Bottom fine print — "scroll" hint in handwriting. */}

往下捲，認識牠一點 ↓

); }; // ═══════════════════════════════════════════════════════════════ // 方向 B ｜茶與筆記 // ───────────────────────────────────────────────────────────── // Centered composition, slightly top-heavy text. Below: a "desk scene" // arranged like a flat-lay: notebook center, teacup right, Mika peeking in // from left-bottom as if she just jumped up. The most 手帳-feeling. // ═══════════════════════════════════════════════════════════════ window.HeroB = function HeroB() { return (

{/* Soft linen texture — scatter of tiny paw prints as the surface. */}

{Array.from({ length: 18 }).map((_, i) => { const top = (i * 53) % 100; const left = (i * 37) % 100; const rot = (i * 23) % 360; return (

); })}

{/* Two-column hero: text left, pointing Mika right. Her raised paw + gaze both aim up-left toward the headline — she guides the eye. */}

{/* Text column. */}

a quiet little assistant, purring

你嚕貓，
牠幫你工作。

整理昨天讀的那份報告、找那封三週前的 email、把散落的筆記串起來。泡好茶，摸摸牠就好。

跟 Mika 打個招呼輕量版・免費試試

{/* Mika column — mirrored so her raised paw points back toward text. */}

{/* Sun halo behind her — the light source that motivates the rim. */}

{/* Floor line. */}

{/* No mirror — the cat is drawn pointing up-left, which in this right-column position naturally aims toward the headline on the left. */}

{/* Tiny olive sprig behind her. */}

); }; // ═══════════════════════════════════════════════════════════════ // 方向 C ｜陽台的光 // ───────────────────────────────────────────────────────────── // Full-bleed, quieter, more editorial. Mika sits tall on the right, // backlit. Text is a left-aligned column that breathes. Tagline in // large thin-weight serif, CTA is tiny and understated. Most "Kinfolk". // ═══════════════════════════════════════════════════════════════ window.HeroC = function HeroC() { return (

{/* Large sun-through-window wash from right. */}

{/* Window mullion shadows — faint vertical bars on the right third. */}

{/* Text — spare, editorial. */}

Mika · 一隻 AI 貓咪管家

你嚕貓，
牠幫你工作。

市面上的 AI 都在催你快點學、快點用。
Mika 只想安靜坐在你旁邊，把零碎的東西收好，等你下班，等你嚕牠。

跟 Mika 打個招呼 read her full story →

{/* Mika — the whole right half is hers. */}

{/* Floor line. */}

{/* The sun-shape behind her — a big soft circle. */}

{/* Potted plant to her left — olive sprig from a clay pot. */}

{/* Caption — bottom right, tiny handwritten. */}

3:47 pm · sunbeam found
（今天也是好天氣）

); }; // Expose shared tokens + CTAButton so homepage-sections.jsx (a separate // Babel script with its own scope) can read them. window.MIKA_COLORS = MIKA_COLORS; window.heroStyles = heroStyles; window.CTAButton = CTAButton; window.TopNav = TopNav; window.PawPrint = PawPrint; window.OliveSprig = OliveSprig;

你嚕貓，牠幫你工作。

你嚕貓，牠幫你工作。

你嚕貓， 牠幫你工作。

你嚕貓，
牠幫你工作。

你嚕貓，
牠幫你工作。

你嚕貓，
牠幫你工作。