CORTEX POLLING...

// PROJECT

HEMMLOCK: Luxury AI Concierge & Flagship E-Commerce

● active

A flagship luxury e-commerce experience featuring a continuous AI concierge, React Portal overlays, and member authentication gates.

Live Demo GitHub Read Architecture Article

Overview

HEMMLOCK is a luxury fashion and lifestyle flagship experience built within the BuildWithPNJ ecosystem. It combines high-density photography with an interactive AI concierge.

Architecture

Next.js 15 & React 19: Server Component rendering with client-side portal overlays.
Tailwind CSS: Strict semantic z-index scale (z-50, z-100).
AI Concierge: Custom micro-interaction trigger rendering contextual brand guidance.

// TIMELINE

Sprint 1: Product photoshoot asset processing & full-bleed editor

Sprint 2: Authentication modal gate & cart persistence

Sprint 3: React Portal z-index architecture & backdrop blur locks

Sprint 4: HEMMLOCK AI Concierge widget & repeating micro-interactions

// CHALLENGES & LESSONS

Z-Index Stacking Context Collisions

Floating concierge cards disrupted hero layout stacking contexts. Solved by rendering overlays via React Portals targeting document.body.

High-DPI Photoshoot Assets

Large photoshoot photos degraded FCP loading speed. Implemented batch de-vignetting and automated WebP asset optimization.

// TECH STACK

nextjs

react

tailwind

typescript

framer-motion

// METADATA

STARTED:2026-08-01

PUBLISHED:2026-08-19

STATUS:active

// COMPILING VIEWsyncing telemetry streams...

AUDITING

//SYSTEM AUDIT: OK

//BACKEND API: VERIFIED ONLINE

//PORTRAIT TRANSITIONS: PIXELATE SYNCED

//THEME PALETTE: ACCENT HSL DYNAMIC

//CORES: 8 ACTIVE ENGINE INSTANCES

//WSL TELEMETRY: 172.23.144.1 ROUTE OK

//DB CLUSTER: POSTGRESQL SECURE 12ms POOL

//GIT REVISION: c355916 RESOLVED

//MEM LEVEL: 94.2% ALLOCATED

//WI-FI GATEWAY: 192.168.1.5 PORT 3000

//PIPELINES: OPERATIONAL ON ALL SHELLS

//CLAUDE MCP CORE: ACTIVE AND LISTENING

//GEMINI RAG SCHEMA: SYNCED

//OPENAI FUNCTION STREAM: ROUTED