Dev only · noindex

Mockups

Static HTML mockups are served from public/mockups/. With npm run dev running, open any link below on localhost.

Full listing — Phase 5B fields

★ Full listing — Phase 5B field placement (start here)Annotated freehold + condo detail templates · where new MLS fields gohttp://localhost:3000/full-listing-mockups
Full listing mockup — Freehold142 Maple Ridge Dr · lot features, structure, fireplaces, viewshttp://localhost:3000/full-listing-mockups/freehold
Full listing mockup — CondoThe Metropole · condo building block, amenities, pets, lockerhttp://localhost:3000/full-listing-mockups/condo

MSV intake · confidence · equity (plan)

★ MSV Intake · Confidence · Equity — plan indexAudit checklist + links to Val boost & portal equity mockupshttp://localhost:3000/mockups/msv-intake-equity-plan-index.html
Val — Boost pills + dual confidence metersTax/AG sqft pills · re-estimate refresh · intake vs AVM confidencehttp://localhost:3000/mockups/msv-val-boost-confidence-flow.html
Portal — Equity + purchase anchor$560K @ 2022 · growth cross-check · walk-away waterfallhttp://localhost:3000/mockups/msv-portal-equity-purchase-anchor.html

BPI Guide Master Portal

★ LIVE DEMO · Ottawa 9001 BeaverbrookChosen master template · real Supabase data · desktophttp://localhost:3000/mockups/bpi-guide-demo-ottawa-9001.html
★ LIVE DEMO · Ottawa city portal289 neighbourhoods · 15,288 active · links to 9001http://localhost:3000/mockups/bpi-guide-demo-ottawa-city.html
★ LIVE DEMO · Ottawa 9001 mobileStripped mobile shell · insider + sold high/lowhttp://localhost:3000/mockups/bpi-guide-demo-ottawa-9001-mobile.html
BPI Guide Master Portal — start hereLocked template · bot slots · city + hood · mobile · SEO · VOW auth gateshttp://localhost:3000/mockups/bpi-guide-master-index.html
Master · Neighbourhood Guide (desktop)Why Buy · dual segment · insider filter chips → Scout · sold high/low · auth sold maphttp://localhost:3000/mockups/bpi-guide-master-neighbourhood.html
Master · Neighbourhood Guide (mobile)Stripped feed · bottom nav Market | Insider | Sold | Sign inhttp://localhost:3000/mockups/bpi-guide-master-neighbourhood-mobile.html
Master · City Portal · TorontoTop-level city guide · neighbourhood map preview · insider citywide CTAhttp://localhost:3000/mockups/bpi-guide-master-city.html
Master · City sub-page · Neighbourhood directoryFull map + sortable table · /ontario/toronto/neighbourhoodshttp://localhost:3000/mockups/bpi-guide-master-city-neighbourhoods.html
Bot directives JSONSection keys · Haiku prompts · SQL sources · validators · mobile strip ruleshttp://localhost:3000/mockups/bpi-guide-bot-directives.json

BPI portal concepts (archive)

Ultimate Neighbourhood Guide — bot template (superseded)Early template — use Master Portal abovehttp://localhost:3000/mockups/bpi-neighbourhood-guide-template.html
BPI Portal — CTA component libraryReusable Scout / MSV / CHW blocks · matches production componentshttp://localhost:3000/mockups/bpi-portal-cta-blocks.html
BPI Portal — All 5 concepts (start here)Neighbourhood + city portal redesign — index with audit summaryhttp://localhost:3000/mockups/bpi-portal-concepts-index.html
BPI Portal v1 — USA Today GridThree-column newspaper layout · Neighbourhood + City tabshttp://localhost:3000/mockups/bpi-portal-v1-usatoday-grid.html
BPI Portal v2 — Magazine HeroDramatic headline + dual CTAs + the foldhttp://localhost:3000/mockups/bpi-portal-v2-magazine-hero.html
BPI Portal v3 — Community AI HubAI ask bar + FAQ accordion + lifestyle insightshttp://localhost:3000/mockups/bpi-portal-v3-community-ai.html
BPI Portal v4 — Market Command CenterInsider ticker + KPI dashboard + comparison tablehttp://localhost:3000/mockups/bpi-portal-v4-market-command.html
BPI Portal v5 — Mobile Pulse FeedPhone-frame story cards + sticky product tabshttp://localhost:3000/mockups/bpi-portal-v5-mobile-pulse.html

Scout price picker — 5 concepts

★ Scout Price Picker — 5 concepts (start here)Min + max price filter · no slider · scale $0–$15M+ · replaces Under $X dropdownhttp://localhost:3000/mockups/scout-price-picker-index.html
Price picker V1 — Input + range chipsCustom min/max + one-click popular ranges (recommended)http://localhost:3000/mockups/scout-price-picker-v1-chips.html
Price picker V2 — Dual column tiersFrom / Up To scrollable tier columns · large 52px editable min/max pillshttp://localhost:3000/mockups/scout-price-picker-v2-dual-column.html
Price picker V3 — List select + customNamed preset radio list + custom tabhttp://localhost:3000/mockups/scout-price-picker-v3-list-select.html
Price picker V4 — Market tier segmentsStarter → Estate bands + custom min/maxhttp://localhost:3000/mockups/scout-price-picker-v4-market-tiers.html
Price picker V5 — Steppers + shortcutsFormatted inputs + ± step buttons · no draghttp://localhost:3000/mockups/scout-price-picker-v5-stepper-inputs.html

Scout price picker — slider series (Redfin / Zillow)

★ Price picker slider series — Redfin/Zillow (start here)Dual-handle range slider + large min/max · histogram · R1–R5http://localhost:3000/mockups/scout-price-picker-slider-index.html
Price picker R1 — Redfin classicList/monthly tabs · BuyAbility · blue histogram · full Applyhttp://localhost:3000/mockups/scout-price-picker-r1-redfin.html
Price picker R2 — Zillow list priceUnderline tabs · Enter min/max · buying power linkhttp://localhost:3000/mockups/scout-price-picker-r2-zillow.html
Price picker R3 — Inputs hero68px min/max boxes · slim slider belowhttp://localhost:3000/mockups/scout-price-picker-r3-inputs-hero.html
Price picker R4 — Scout brandedGold/red histogram · For Sale/Lease · MPS palettehttp://localhost:3000/mockups/scout-price-picker-r4-scout-branded.html
Price picker R5 — Minimal XL cardsGray histogram · bordered card inputs · ink sliderhttp://localhost:3000/mockups/scout-price-picker-r5-minimal.html

Scout price picker — MPS original (dual slider)

★ MPS original dual-slider series (start here)5 unique MyPropertyScout layouts · dual thumbs · red + gold · M1–M5http://localhost:3000/mockups/scout-price-picker-mps-index.html
Price picker M1 — Crown StandardCrown header · live listing count · desktop + mobile bottom-sheet · production candidatehttp://localhost:3000/mockups/scout-price-picker-m1-crown.html
Price picker M2 — Vertical stackMin → slider → max top-to-bottom flowhttp://localhost:3000/mockups/scout-price-picker-m2-vertical.html
Price picker M3 — Flanking cardsMin card | slider | max card · 3-columnhttp://localhost:3000/mockups/scout-price-picker-m3-flank.html
Price picker M4 — Preset bandsGold chips snap both thumbs · dual slider fine-tunehttp://localhost:3000/mockups/scout-price-picker-m4-presets.html
Price picker M5 — Split panelSlider left · large inputs right · desktop-widehttp://localhost:3000/mockups/scout-price-picker-m5-split.html

Static HTML — Scout & listing

Scout — Lot, Acreage & DOMMap popup lot line + DOM on grid cards (before/after)http://localhost:3000/mockups/scout-lot-dom-mockup.html
Scout listing rebuild v1Mobile-first listing pagehttp://localhost:3000/mockups/scout-listing-rebuild-v1.html
Scout listing rebuild — desktopFull-width desktop layouthttp://localhost:3000/mockups/scout-listing-rebuild-desktop-v1.html
Scout listing redesign v2Listing detail iterationhttp://localhost:3000/mockups/scout-listing-redesign-v2.html
Scout listing redesign v3Listing detail iterationhttp://localhost:3000/mockups/scout-listing-redesign-v3.html
About this home — mobile blank space fixBefore/after — MLS pre-wrap gap removed on full listing mobilehttp://localhost:3000/mockups/scout-listing-about-mobile-fix.html
Scout polygon draw (Redfin parity)Freehand map draw UXhttp://localhost:3000/mockups/scout-draw-redfin-v1.html

App routes

Scout mobile chrome mockupsHeader logo + bottom nav shrink options — /mobile-mockupshttp://localhost:3000/mobile-mockups
Listing footer — agent card (14 options)Replace SharedFooter + sticky bar on full listing mobilehttp://localhost:3000/mobile-mockups/listing-footer
Insider Deals filter row (5 options)Enlarge Insider Deals, shrink Filters on Scout map mobilehttp://localhost:3000/mobile-mockups/insider-deals-bar
Insider Deals landers (10 SEO slugs)Phase 0 · /insider-deals/below-market etc. · fixture teasers + auth stubhttp://localhost:3000/mockups/insider-deals-landers
Listing page mockups showcaseReact showcase — hero / CTA optionshttp://localhost:3000/listingpage-mockups
Condo map mockupsTower stack / building deck conceptshttp://localhost:3000/condo-mockups
Unified auth (email + mobile OTP)Click-through sign-in flowhttp://localhost:3000/signin-mockps