Grove Studio Bespoke Carpentry Studio Website

A minimalist full-viewport hero built entirely from type — no image, no overlay. The headline uses fluid clamp() sizing to scale from 3.5rem to 9rem across all screen sizes. A mixed type treatment (bold upright + italic serif in walnut) delivers luxury without a single pixel of imagery.

A reusable ScrollReveal component built on the native Intersection Observer API triggers CSS transitions as each section enters the viewport. Four animation variants (fade-up, fade-in, slide-left, slide-right) with configurable delay for stagger effects — zero external animation libraries, zero bundle bloat.

A client-side PortfolioGrid component lets visitors instantly filter 9 projects across 5 categories (All, Furniture, Cabinetry, Millwork, Bespoke) with no page reload. Each card reveals a title, category, and year on hover with a smooth gradient overlay — masonry layout via CSS columns.

A 9-product shop showcasing ready-to-ship and made-to-order pieces with material specs, lead times, and pricing. The 'Enquire to Purchase' CTA links directly to the contact form with a pre-filled subject line — reducing friction between discovery and a qualified enquiry.

A fully client-side contact form with real-time field validation, a project type selector, optional phone field, and a clean success state. No backend required. Built to slot into any form service — Formspree, Resend, or a custom API route.

High-converting luxury website for a bespoke carpentry & custom woodwork studio — typographic hero, scroll animations, filterable portfolio, and enquiry shop. Zero errors, 100% static.

Pages Built: 6 Build Errors: 0 Delivery: 3 weeks Rendering: 100% Static