/* global React, LogoMark, OrbitGraphic, RingBehind, Icon */ // ===== Books In The Loop — Nav + 3 Hero directions ===== const { useEffect: useEffectH, useState: useStateH } = React; function Nav({ onNav }) { const [stuck, setStuck] = useStateH(false); useEffectH(() => { const onScroll = () => setStuck(window.scrollY > 40); onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); const go = (id) => (e) => { e.preventDefault(); onNav(id); }; return (
Books in the LoopBUSINESS BOOKKEEPING
Contact
); } const HeroMeta = () => (
QuickBooks & Xero fluent Serving Monson, MA & remote Free 30-min consult
); function HeroCtas({ onNav, ghostLabel = "See services", ghostTarget = "services" }) { return (
); } // ---------- A: Editorial split ---------- function HeroEditorial({ onNav, spin }) { return (
Bookkeeping for small business

Your numbers,
always in the loop.

Clean books, on-time reports, and a bookkeeper who actually picks up the phone. We keep the day-to-day handled so you can run the business.

); } // ---------- B: Centered statement ---------- function HeroCentered({ onNav, spin }) { return (
Business Bookkeeping · Monson, MA

Stay in the loop
on every dollar.

Accurate books, clear monthly reports, and steady financial rhythm — so you always know exactly where your business stands.

); } // ---------- C: Dashboard ---------- function HeroDashboard({ onNav, spin }) { const [bars, setBars] = useStateH([34, 52, 44, 66, 58, 80, 72]); useEffectH(() => { const t = setTimeout(() => setBars([40, 55, 48, 70, 62, 88, 100]), 250); return () => clearTimeout(t); }, []); return (
Modern bookkeeping

Books that
stay in the loop.

We handle reconciliation, payroll, invoicing and reporting on a dependable monthly cadence — and hand you a dashboard you can actually read.

Monthly Overview
Books closed · May 2026
Reconciled
{bars.map((h, i) => (
))}
Net income $24,180
Outstanding invoices $3,420
Accounts reconciled 6 / 6
On time
100%
); } function Hero({ variant, onNav, spin }) { if (variant === "centered") return ; if (variant === "dashboard") return ; return ; } Object.assign(window, { Nav, Hero });