/* HomePage — editorial layout: full-bleed hero, centered statement, oxblood approach band with ruled columns, alternating service sections, and real material textures from the brand guide. */ function HomePage({ onNav }) { const [slide, setSlide] = React.useState(0); const [lightbox, setLightbox] = React.useState(null); /* Esc closes the enlarged image and the arrow keys step through the collage; the page behind is locked from scrolling while it is open. lightbox holds an index into `collage` so navigation stays in step with the carousel. */ React.useEffect(() => { if (lightbox === null) return; const onKey = (e) => { if (e.key === 'Escape') { setLightbox(null); return; } if (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft') return; e.preventDefault(); const step = e.key === 'ArrowRight' ? 1 : -1; setLightbox((v) => { const next = (v + step + collage.length) % collage.length; setSlide(next); return next; }); }; document.addEventListener('keydown', onKey); const prev = document.body.style.overflow; document.body.style.overflow = 'hidden'; return () => { document.removeEventListener('keydown', onKey); document.body.style.overflow = prev; }; }, [lightbox]); const hoverTimer = React.useRef(null); React.useEffect(() => () => clearTimeout(hoverTimer.current), []); const collage = [ { src: './assets/home-collage-1.jpg', alt: 'Kitchen with greige cabinetry, marble backsplash, brass pendants, and a walnut island', cap: 'Kitchen · Governor’s Mansion Historic District' }, { src: './assets/home-collage-2.jpg', alt: 'Galley kitchen with farmhouse sink, brass fittings, and marble checkerboard floor', cap: 'Galley + scullery' }, { src: './assets/home-collage-3.jpg', alt: 'Primary bath with black double vanity, marble top, brass fittings, and stone checkerboard floor', cap: 'Primary bath' }, { src: './assets/home-collage-4.jpg', alt: 'Coffee bar with glass-front cabinetry, marble backsplash, copper tap, and adjoining bar pantry', cap: 'Coffee bar + pantry' }, { src: './assets/home-collage-5.jpg', alt: 'Dining room with dark walls, antique tapestry, walnut sideboard, and olive velvet chairs', cap: 'Dining room' }, { src: './assets/home-collage-6.jpg', alt: 'Scullery with oak cabinetry, open shelving, marble counters, and a black and white checkerboard floor', cap: 'Scullery' }, ]; const work = [ { t: 'A Craftsman Reordered', p: 'Hillcrest', tone: 'oak', tag: 'Whole-home' }, { t: 'Light Through Oak', p: 'Little Rock', tone: 'linen', tag: 'Kitchen' }, { t: 'The Quiet Study', p: 'Heights', tone: 'walnut', tag: 'Addition' }, { t: 'A Kitchen Opened', p: 'Maumelle', tone: 'linen', tag: 'Kitchen' }, { t: 'The Primary Suite', p: 'Conway', tone: 'walnut', tag: 'Addition' }, { t: 'Quapaw Quarter Restored', p: 'Little Rock', tone: 'oak', tag: 'Whole-home' }, ]; const { Button, Eyebrow } = window.DomumDesignSystem_84ba75; const { Photo, InquiryBand, Rule, SectionFrame, ScriptMark } = window; const approach = [ ['Design + Build,\nA Unified Approach', 'Beautiful ideas should work beautifully in the real world. Design and construction are considered together from day one—so every layout, material, and detail is chosen with both the vision and the build in mind.'], ['One Point\nOf Contact', 'With design and construction management under one roof, you’re never left refereeing between designers, builders, and trades. One cohesive team carries the vision from start to finish, creating a smoother process and a more thoughtfully resolved home.'], ['Designed With a\nCustom Point of View', 'We believe a home can be highly functional without feeling formulaic. We design around the way you live, then layer in character, artistry, and considered details to create a home that reflects you—not a trend, a template, or everyone else.'], ['Designed\nBeyond Today', 'Good design should add character—not compromise value. We consider how each decision serves your home now and how it will hold up over time, balancing distinctive design with thoughtful choices that protect the long-term value of your investment.'], ]; return (
{/* Hero — full bleed, centered */}

Interior Design · Renovation · Build

Home should feel
anything but ordinary.

A home is more than a collection of beautiful choices. It's hundreds of decisions working together, for the way you live today and the home you'll love for years to come. At Spring Street, we curate the vision, direct the craftspeople, and serve as your Design & Renovation Team from concept through completion. Not builder basic, never generic. Just a home that feels collected, considered, and unmistakably yours.

{/* Approach — ruled columns */}

Curated. Crafted. Considered

The Spring Street Approach

{approach.map(([t, d]) => (

{t}

{d}

))}
{/* Selected work */}
Selected Work

Spaces by Spring Street

{collage.map((im, i) => { const n = collage.length; let d = i - slide; if (d > n / 2) d -= n; if (d < -n / 2) d += n; const near = Math.abs(d) <= 2; return ( ); })}
{/* Lightbox — the centred work image enlarges in place rather than navigating away. */} {lightbox !== null && (
setLightbox(null)} style={{ position: 'fixed', inset: 0, zIndex: 80, background: 'rgba(28,12,14,.88)', display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 'var(--space-7)', cursor: 'zoom-out', }}> {/* Prev / next arrows — the same steps the keyboard arrows take. */} {[-1, 1].map((step) => ( ))} {collage[lightbox].alt e.stopPropagation()} style={{ maxWidth: 'min(92vw, 1100px)', maxHeight: '86vh', width: 'auto', height: 'auto', display: 'block', cursor: 'default' }} />

{lightbox + 1} / {collage.length}

)}
); } window.HomePage = HomePage;