// bottom.jsx — Workshop, Map, Testimonials, CTA, Footer function Workshop() { const sectionRef = React.useRef(null); const itemRefs = React.useRef([]); const [progress, setProgress] = React.useState(0); React.useEffect(() => { const items = itemRefs.current.filter(Boolean); const io = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) e.target.classList.add("in-view"); }); const passed = items.filter(el => el.classList.contains("in-view")).length; setProgress((passed / items.length) * 100); }, { threshold: 0.4, rootMargin: "0px 0px -10% 0px" }); items.forEach(el => io.observe(el)); return () => io.disconnect(); }, []); return (
The process

From the workshop.

How a typical 4-month project lays out, week by week.

{WORKSHOP.map((s, i) => (
itemRefs.current[i] = el} className="tl-item" data-reveal>
{i + 1}
{s.w}

{s.t}

{s.d}

{`${s.t}
))}
); } function MapGallery() { const ref = React.useRef(null); const [active, setActive] = React.useState(false); React.useEffect(() => { const el = ref.current; if (!el) return; const io = new IntersectionObserver((entries) => { if (entries[0].isIntersecting) { setActive(true); io.disconnect(); } }, { threshold: 0.3 }); io.observe(el); return () => io.disconnect(); }, []); return (
Where we've worked

340 rooms across
New England.

Completed project KOur workshop
N {PINS.map((p, i) => ( ))}
Greater Boston
9 of 340 projects shown.
See all on the map →
); } function Testimonials() { return (

The fridge
scrapbook.

Notes and photos clients have sent us back, sometimes years after install.

{TESTIMONIALS.map((t, i) => (
{`Custom

"{t.q}"

{t.n}, {t.loc} {t.date}
))}
); } const FAQ_ITEMS = [ { q: "How much do custom kitchen cabinets cost in Massachusetts?", a: "A custom solid-hardwood kitchen from us typically runs $45,000–$120,000 depending on size, wood species, and hardware. A free in-home consultation gives you a real number against your floor plan; we send a fixed quote within two weeks, not a moving estimate." }, { q: "How long does a custom kitchen or closet project take?", a: "About four months end to end. One week of site measurement, two to three weeks of hand-drawn elevations, one week of material picks, eight to ten weeks on the bench in our Watertown shop, and two weeks of on-site install. We quote a date and hold it." }, { q: "What's the difference between custom, semi-custom, and stock cabinets?", a: "Stock cabinets are pre-built in fixed sizes with stapled MDF carcasses. Semi-custom lets you pick a finish but still uses modular boxes. Custom (our entire product) is drawn to your exact room, joined in solid hardwood, and finished by hand in our shop. Different category, different lifespan." }, { q: "What wood species and door styles do you offer?", a: "Six FSC-certified hardwoods, all sourced within 300 miles of the shop: black walnut, rift white oak, cherry, hard maple, ebonized ash, and reclaimed chestnut. Door styles include shaker, inset, beaded inset, and slab. Finishes are hand-applied; no stains or fillers." }, { q: "Do you handle the full remodel or just build the cabinetry?", a: "We build, finish, and install all the cabinetry, vanities, built-ins, and millwork. For full remodels involving electrical, plumbing, flooring, or stonework, we coordinate with a short list of licensed Greater Boston contractors we've worked with for years." } ]; function FAQ() { const [open, setOpen] = React.useState(0); return (
Common questions

What homeowners ask us first.

Pricing, lead time, materials, scope. Short answers; longer ones happen at the kitchen table.

{FAQ_ITEMS.map((item, i) => (
{ if (e.currentTarget.open) setOpen(i); }}> {String(i + 1).padStart(2, "0")} {item.q} ＋
{item.a}
))}
); } function CTA() { return (
{Array.from({ length: 18 }).map((_, i) => ( ))}

Bring us a wishlist,
we'll bring the bench.

Pick up the phone. In-home consultations are free, usually 90 minutes, and end with a yellow pad full of notes and three material samples.

Call (548) 333-1419 sales@kitchandklozets.com
Sales hours · Open 7 days a week, 9am–5pm
); } function Footer() { return ( ); } Object.assign(window, { Workshop, MapGallery, Testimonials, FAQ, CTA, Footer });