# Cinematic site — the founder's hand-off homepage (Main · Public site) **Portal:** Main · **Routes:** `GET /` (`landing` — the "choose your market" screen, or a redirect to the remembered market), `GET /{country}` (`main.site.index` — `/my` Kuala Lumpur, `/hk` Hong Kong, `/ae` Dubai), `GET /partners` (`main.site.partners`), `GET /about` (`main.site.cinematic-about`), `GET /contact` (`main.site.contact`), `GET /preview/{cinematic,partners,about,contact}` and the two form posts `POST /partners/apply`, `POST /contact` — **all only when `site.cinematic_home` is on** (wk) · **Nav:** the pages carry their own header and footer; the portal sidebar is not involved · **Gated by:** nothing, it is **PUBLIC** · **Writes:** `partner_applications`, `enquiries`; each submission is then emailed to the founder, announced by WhatsApp and listed in the CEO section (see *Website forms* below). ## What it does A scroll-driven cinematic homepage (hero + five chapters — Discover, Evidence, AI + Plan, Connect, Beyond the keys — with Next/Back stepping, then How it works, the app, Partners, About and the footer) and three inner pages: Partners (with an application form), About, and Contact (six enquiry topics, `?type=careers` pre-selects one). It arrived as a finished, approved package (`propertylab-cinematic-v10.0-laravel.zip`, 2026-10-03) and went live as wk's front door the same day. ## How it works - **Three markets, one chooser (2026-10-04, owner).** [`CinematicSiteController`](/app/Http/Controllers/Main/CinematicSiteController.php) holds the market list (`MARKETS`: `ae` Dubai, `my` Kuala Lumpur, `hk` Hong Kong — add a market there). - `GET /` → `choose()`: no `site_market` cookie → `cinematic/chooser.blade.php`, **two steps, bilingual (English + 中文 shown together — owner, 2026-10-04)**: (1) three diagonal city panels — Kuala Lumpur · **Dubai in the middle** · Hong Kong — the About hero's design and its daylight 4K pictures (light theme; on Continue the chosen city fills the screen and fades to the page), with a staggered rise-in, slow drift and a light sweep; (2) clicking a city opens its panel and asks **two questions, one after the other**: "Where are you from? 您来自哪里？" (`ORIGINS`: China, Hong Kong, Taiwan, Singapore, Malaysia, Others → the display currency; Others keeps the market's) then "Which language do you prefer? 您偏好哪种语言？" (`LANGUAGES`: English, 简体中文 → `zh_CN`, 繁體中文 → `zh_HK`). **Pre-selected from the visitor's IP country** — Cloudflare's `CF-IPCountry` header, via `preference()`; an unlisted country is "Others" — and the language follows the origin (China → 简体, HK / Taiwan → 繁體, else English) until the visitor picks one. A saved choice (`site_origin` cookie + `site_lang`) wins over the IP guess. It submits to **`GET /enter/{country}?from=&lang=`** (`enter()`, `main.site.enter`; `enter` is a reserved funnel slug), which queues `site_origin`, `site_cur`, `site_lang` and `site_country` and redirects to `/{country}`. With the market cookie → 302 to `/{code}`. `/?choose=1` always shows the screen. ⚠️ **Never put text inside the skewed panels** — skew + counter-skew rasterises it soft (owner: "blur to see those font"); labels and the two question forms live in straight overlay layers (`.labs`, `.dets`). And **no white wash over the pictures**: it hid the tower tops ("something cover klcc top"). The owner prefers the full-screen panels with the headline laid straight over them (a separate headline band above was tried and rejected), so the headline is navy text directly on the pictures. The panel under the cursor **floats in 3D** (the row has `perspective`; the panel comes forward 150px, tilts with the cursor via `--rx` / `--ry`, casts a deep shadow, neighbours blur; its label grows with it) — this needs `body.ready`, set 2.4 s after load, which switches the entrance animations off: their held `clip-path` would clip the shadow and their held transform would block the lift. The whole headline is navy (the gradient on "across borders" was removed on request, 2026-10-05). **Phones have their own layout** (last `@media (max-width:760px)` block; the slanted version was "super weird" there): headline in its own block, three rounded un-slanted picture cards, and step 2 = the city's picture on the top 38% with the questions on a plain sheet below. (The first design, "One home. Three skylines." — one living room, three window views — was replaced.) - `GET /{country}` → `show()`: renders that market's view, queues the `site_market` cookie (1 year) and **appends `cinematic/partials/market-switch.blade.php` before ``** — a pin pill in the nav (desktop) and a chip row in the menu sheet (phones) to change market. **One control (owner, 2026-10-05)**: the pill reads "{city} · {language}" and its dropdown lists the three markets, then "Your selection" (from, language) and "Select again · 重新选择" (→ `/?choose=1`); the pages' static "EN / 中文" is removed, and on phones the sheet's language row becomes that link. It is injected at render time because the pages are generated and frozen; its script moves the markup into `.nav-in` / `#sheet`. - **`hk.blade.php` and `ae.blade.php` are BUILT from `home.blade.php`** by the founder's `tools/apply_hk.py` / `tools/apply_ae.py` (118 text/asset rules each; prints OK/MISS per rule). **After any change to `home.blade.php`, re-run both** and expect `118 OK, 0 MISS`: `python3 tools/apply_hk.py resources/views/cinematic/home.blade.php resources/views/cinematic/hk.blade.php`. Their own films and photos live in `public/cinematic/{hk,ae}/assets/` (~57 MB each); everything else is shared from `/cinematic/assets/`. Packages: `/file/da90ce00-…` (HK), `/file/fd7a338e-…` (AE). - ⚠️ **The HK page is a placeholder build** (its HANDOFF): project name "Kai Tak New Project", developer, rent/yield figures, Discover cards 2–4 and all project photos are placeholders to replace before launch. - The consultant's T-shirt logo re-bake (below) was done on the KL films only. - **The pages are generated, frozen output.** `resources/views/cinematic/home.blade.php` and `resources/views/pages/*.blade.php` are produced by the package's `source/build.py` and `source/pages/pages.py`; **never hand-edit them** — change the package source and rebuild, then copy the output over. Design, copy, timing and assets are frozen by the package's own `CLAUDE.md`. The package is not in the repo; ask the founder for the current zip. - **Plain HTML, not Inertia.** No Vite build, no external JS libraries; Google Fonts (Sora, Inter, Cormorant Garamond) only. Every route runs the `full-page` middleware ([`ForceFullPageVisit`](/app/Http/Middleware/ForceFullPageVisit.php)): an Inertia visit (a ``, or a redirect an Inertia XHR follows, e.g. `redirect()->route('landing')`) gets a 409 + `X-Inertia-Location` and the browser does a full load, instead of Inertia painting the HTML in a modal. - **Behind a per-deployment flag.** `SITE_CINEMATIC_HOME=true` → `config('site.cinematic_home')` swaps `/` from `Main\SiteController@home` to the cinematic view and adds `/partners`, `/about`, `/contact`, the `/preview/*` copies and the form posts. Off by default, so merging the code changes no other site's homepage. The Inertia home stays reachable at `/home` and `/{country}/home` either way. Routes are evaluated at `route:cache` time — after flipping the flag run `config:cache` **then** `route:cache`. - **Assets** live in `public/cinematic/assets/` (~98 MB: 12 scroll-scrubbed films, Duo phone frames, partner logos), referenced by absolute `/cinematic/assets/...` paths. **`public/cinematic/` is committed** (2026-10-03, owner's call): it was gitignored and existed only on wk's disk, with the founder's zip in a `/tmp` folder, so one lost server would have lost the films. Every file is under GitHub's 100 MB limit (largest 20 MB). Git keeps every version of a binary forever, so replace a film only when it really changes, under a NEW name (see the cache rule below). The routes still sit behind the flag, so other deployments carry the files but never serve them. The set came from the v10.0 zip uploaded at `/file/ab914e36-64dc-41a8-b4f2-9115e2e269ce`. Phones and desktops load different files on purpose (iPhone Safari memory). Do not rename, re-encode or move them. - **Films need HTTP byte ranges (206)** or they freeze on frame one — Apache's static serving does it. - `public/.htaccess` sets `Cache-Control: public, max-age=31536000, immutable` on `/cinematic/assets/*` (the package renames a file when it changes). Apache's deflate gzips the `.json` bundles and leaves `.mp4` / `.webp` alone, as the package requires. - **Forms** post with `fetch()` + `X-CSRF-TOKEN` (each view prints ``) to [`EnquiryController`](/app/Http/Controllers/EnquiryController.php) — the package's starter controller, kept as shipped: inline validation, a raw `DB::table()` insert of a JSON `payload`, then `Mail::raw()` to support. ⚠️ It does not follow GUIDELINES (no Form Request / Repository) and the email is sent **after** the insert, so a mail failure returns a 500 with the row already saved (2026-10-03: Mailgun had disabled `mg.propertylab.com.my` for spam). Port it to the CRM before relying on it. - **Funnel slugs** `partners`, `about`, `contact`, `preview`, `cinematic` are reserved (`Funnels\StoreRequest::RESERVED_SLUGS`) so a funnel can never shadow these pages or be shadowed. - **Acceptance tests** live in the package (`tests/e2e/cinematic.spec.ts`, Playwright, five tests, run against `/preview/*`). Run them from a scratch folder, never by adding Playwright to `package.json`: `BASE_URL=https://wk.propertylab.com.my npx playwright test`. ### Local patches on top of v10.0 — re-apply after any rebuild from the founder's source The home page's changes are in [`template.html.patch`](/docs/modules_handbook/main/cinematic-site/template.html.patch) (a diff against `source/template.html`; `patch -p1` from the package root, rebuild with `source/build.py laravel`, then wrap the output in the Blade header + `@verbatim` as shipped). The inner pages' changes are in [`pages.py.patch`](/docs/modules_handbook/main/cinematic-site/pages.py.patch), a unified diff against the package's `source/pages/pages.py`. From the package root: `patch -p1 < pages.py.patch && cd source/pages && python3 pages.py laravel `, then copy `/*.blade.php` to `resources/views/pages/`. v10.0 + the patch reproduces the committed pages byte for byte. A new package version from the founder may not apply cleanly; re-do each change by hand. - **`source/template.html` (home): scroll-scrubbed films no longer blink back to the previous scene** (2026-10-03, *"when I scroll down using mouse, sometimes the scene is like blinking with earlier scenes"*). The scene switches were gated on the film's live `readyState >= 2`, but Chromium drops `readyState` to 1 for the length of every seek, and scrubbing seeks on almost every frame. Each scroll step therefore swapped in the scene underneath for a frame: the closed-laptop hero over the lid-opening film, and the Connect film over *Beyond the keys*. A mouse wheel (big jumps, long seeks) made it worst. The fix: a `hasFrame(v)` latch (true once the film has painted a frame, reset only if it empties); the browser keeps that frame on screen while it seeks. `lidReady()` is latched the same way, so a dip can no longer clamp the scroll back to the closed lid. Measured in headless Chrome with 185 wheel steps through the story: 20–38 scene flips per pass before the fix, 0 after. - **`source/pages/pages.py`: `.dark::before` / `.dark::after` → `section.dark::before` / `section.dark::after`** (2026-10-03). The drifting blurred glow meant for dark SECTIONS also hit every `btn dark` button; a button is `position: static`, so its 864 px blur(40px) blob escaped to the fixed nav / hero and drifted behind the frosted nav and the hero's glass card, which a GPU re-blurs every frame — the Partners hero "kept blinking" (About / Contact carry the same nav button). Rebuilt with `python3 pages.py laravel ` — the unpatched source reproduces the shipped Blade byte for byte, so the patch is the only difference. Send it upstream so the next package has it. - **`source/pages/pages.py`: added `.frow>.ff+.ff{margin-top:0}`** right after the `.frow+.frow,.ff+.ff,… {margin-top:16px}` rule (2026-10-03). That stacking margin also hit the second field of every two-column `.frow`, so on desktop the right-hand field (Contact person, Phone, Company website, Licence; Contact's form too) sat 16 px below its neighbour, and on phones the row's own 16 px gap doubled. The row's `gap` already spaces its fields in both layouts. - **How it works — `/how-it-works`** (`cinematic/how.blade.php`, hand-written, 2026-10-04; linked from every top menu's "How it works": `market-switch.blade.php` rewrites the cinematic pages' `#how` link; `pages.py` and `CinematicNav.vue` link to it directly). **It explains the member portal's SIX sidebar sections, in sidebar order** — Dashboard, Wealth Planning, Analyze Property, Learning Hub, AI Coach, Landlord Management — because the owner rejected a five-"journey-step" version as made up ("you simply do, do not really go through the code"). Each section = a pinned block with three beats on the left and a flat product window on the right whose content changes per beat; light aurora film, standard top menu, stat strip, one dark band, closing CTA. Rejected looks: black background, floating pill menu, tilting window / rainbow glow / bouncing cards, "cropped fragment" cards. - **Every claim was taken from a code review of the section** (controllers, Vue pages, services), not from the labels. Things that review corrected and the page must keep right: the AI Chatbot is an educator and never rates a specific property; AI Debate = 5 models, 0–3 rebuttal rounds, 6 / 11 / 16 / 21 credits, then a final verdict; Investment Prompt = 66 plays (34 / 10 / 8 / 6 / 5 / 3); Investment Prompt, Vibe Coding and Grant Application are gated to the "AI Active Blueprint" membership (`feature_gates`); a unit appears under My Properties only from a sales booking and its stages are set by the team; Tenancies / Rent / Property care are "Coming soon"; the Antserv standards carry the disclaimer "not a PropertyLab guarantee"; Wealth Planning's bank rules are DSR 70%, rent recognised 80%, margin 90% then 70% from the 3rd, seasoning 12 months; Learning Hub = 7 road stops, 7 courses, 8 glossary chapters / 64 terms, 中文 / English. - **Not shown, on purpose:** the portal's Analyze Property tools (New Project, Layout / Location Analysis) — admin-only while `ANALYZE_PROPERTY_LOCKED` is on; that section shows the public project page going from padlocked to unlocked instead (the owner locks tabs to drive sign-in). Also Area Guide and the AI Advisor research tab (locked), Vibe Coding's community boards (off). - **Example figures are the portal's own demo member "Ryan"** (`utils/road/cast.js`, shown live in Learning Hub → How to Use → Wealth Planning: 1 / 1 approved, market value RM 552,500, loan RM 449,865, instalment RM 1,992, cash RM 63,481, rent RM 3,200, target RM 6,000 a month by 45). Net equity / cash flow / gap on the page are derived from those. Project figures are Binastra Cochrane Type A. - **The windows show the REAL portal screens (owner, 2026-10-05: "some screenshots are not even actual screenshots from code and database").** The hand-drawn panels (`.step.gs`, `#evidence`) are gone. Each of the six sections is now a `.step.rs` block: three beats on the left; on the right a browser window (a phone frame below 900px) holding a **static copy of the real portal page** in an iframe, as the demo member Ryan (`member@propertylab.test`) sees it. Per beat, a "camera" (CSS transform) glides and zooms onto the card the beat talks about and rings it. - **Copies:** `public/cinematic/how/` — `s/{screen}_{d|m}.html` (1440px / 390px), `a/` images + fonts, `css/`, and `manifest.json` (each copy's size and the rectangle of every highlighted card). Made by [`tools/how-it-works/capture.py`](/tools/how-it-works/capture.py) (Playwright + Chrome; signs Ryan in with a one-time magic link; `snaplib.py` strips every script, token and link). Its `SCREENS` table lists each screen's URL, tabs to click and the phrases whose card is highlighted. **Re-run it after a portal screen changes** (`--only dash_d,dash_m` for some); the Blade view reads `manifest.json` at render time, so no page edit is needed. - **Section copy and beats:** [`tools/how-it-works/build_page.py`](/tools/how-it-works/build_page.py)'s `SECTIONS` table, which rewrites the six sections + their CSS/JS inside `how.blade.php`. Edit there and re-run, not in the Blade file. - **Ryan's demo data on wk** (written through the real repositories, 2026-10-05): his wealth plan, one bought unit at Maxim Risen (B-12-08) with its seven stages, a Property Concierge request (find a tenant from 7 Dec 2026), and one genuine AI Coach conversation. The captures depend on them; the uuids are in `capture.py`. Analyze Property shows the public project page (Binastra Cochrane), not the locked member tools. - A capture-side trap: `innerText` follows CSS `text-transform`, so phrase matching is lower-cased; a chat opens scrolled to its last message, so inner scroll boxes are reset to the top before measuring. - **"Analyze Property" opens the market's New Projects page under the same top menu** (owner, 2026-10-04). - Cinematic pages: `market-switch.blade.php` replaces the menu's `#evidence` links with `/{market}/new-projects` (a clean copy of each link, because the page's own script binds a scroll handler on them). - Partners / About / Contact (no market in the URL): `pages.py` links to **`GET /analyze`** (`main.site.analyze`, `CinematicSiteController@analyze`) → the remembered market's New Projects, `my` by default. `analyze` is a reserved funnel slug. - The Inertia public pages: where `site.cinematic_home` is on, `SetPublicSite` shares `site.cinematicMarkets` and [`SiteLayout`](/resources/js/Layouts/SiteLayout.vue) renders [`Components/Site/CinematicNav.vue`](/resources/js/Components/Site/CinematicNav.vue) instead of its own header (not on `overlay` pages). It mirrors the cinematic nav and keeps the language + currency picker, since those pages show prices. Its phone menu is Teleported to `body` (the header's backdrop-filter clips `fixed`). Other deployments are unchanged. Needs a client build (`scripts/live-build.sh`). - **The Cyberport CCMF and REACH Middle East credential cards are hidden** (owner, 2026-10-04, "hide … 1st" — for now). `data-cred="cyberport"` / `data-cred="reach"` carry `hidden style="display:none"` on the home page (edited in `home.blade.php`, then `apply_hk.py` / `apply_ae.py` re-run) and on About (`pages.py`); the remaining Malaysia card is centred with an inline grid style on its container. To bring them back, remove those two attributes and the container's inline style. ⚠️ The text above the cards still says "Proven in three markets … Malaysia, Hong Kong and the UAE have each … chosen to support it" — the owner has been asked whether to reword it. - **About hero: three diagonal city panels, click one to open its story** (`pages.py` `about_body`, `.hero.tri`; owner, 2026-10-04, fifth round — earlier rounds: one merged skyline picture "confusing"; a pinned scroll story with films; "weird to show aurora", "titles stay the same"; films "still blur" → 4K stills; then "show all three side by side … diagonal, click the landmark and the country details show up"). One 100vh hero: Kuala Lumpur / Hong Kong / Dubai as three skewed panels (stacked slanted bands on phones), each with its landmark, name and a "View details" pill; the headline sits centred above. Clicking (or Enter) a panel grows it to almost full width — the other two stay as dark slivers you can click — and shows that market's eyebrow, headline ("It began in Kuala Lumpur." / "Then came Hong Kong." / "And now, Dubai."), two sentences and "← All three markets" (also Esc). No scroll pinning any more. **Light theme (owner, 2026-10-04):** the night skylines did not match the white, pastel-aurora cinematic page the chooser opens, so both the chooser and this hero use DAYLIGHT stills in that palette, with navy text on white glass — COMMITTED `public/main/images/about/day-{kl,hk,ae}-4k.jpg` (native 3840×2160, GPT Image 2 at 4K, jobs `e97d0e3c` / `65703a2d` / `a6558309`) and `-2k.jpg`, via `image-set`. `--bp` plus the per-slot `.tri-bg` insets centre each landmark in its slice; the hero carries class `light` so the page script keeps the nav in its light state. ⚠️ Headlines and descriptions are drafted copy — owner to confirm. `ab-hero.webp` is no longer used by About. - **Top menu: links sit left beside the logo; only Log in / Sign up is on the right** (owner, 2026-10-04). Inner pages: `pages.py` (`.links{margin-left:8px}`, `.nav-in>.btn{margin-left:auto}`, no wrapping, language toggle hidden under 1100 px). Cinematic pages: two rules at the top of `cinematic/partials/market-switch.blade.php` (the generated pages are not edited). - **Partners → "Custom AI for partners" (`#ai`) redesigned at the owner's request** (2026-10-03: *"this section uiux is not first class"*). Was: a narrow column (headline broken over four lines, a plain dot list) beside a small floating image, and no call to action. Now: a header row (headline on two lines | lead + **Talk to us about custom AI**), then a full-height image carrying an illustrative AI-assistant chat card beside the four features as a 2×2 grid of cards with the page's gradient icon tiles (icon-beside-text rows on phones). Copy unchanged; the CTA jumps to `#apply` and the shared JS pre-ticks *Yes, tell me more* (`[data-ai-yes]`). ⚠️ **Trap, package-wide:** the reveal script adds class `in` to every `.rv` on scroll — the same name as the `.in` container (auto side margins + 56 px side padding). A `.rv` grid item therefore shrinks to fit its content once revealed (the image box collapsed to 114 px) and every revealed block gains 56 px side padding. The redesign resets it for its own elements only; the other sections were approved with the side effect baked in, so they are left alone. - **Films: the consultant's T-shirt logo re-baked** (2026-10-03, *"the propertylab logo at the shirt got error"*). The logo is painted into the film pixels by the package's per-frame `logobake3.py`, which jumped it between both sides of her chest, printed it over her hair and left the magenta chest marker showing. Re-done with tracking in [`logo-rebake/`](/docs/modules_handbook/main/cinematic-site/logo-rebake/README.md) and shipped as **`beyond-a-v3.mp4`** and **`connect-film-v5.mp4`** (2026-10-04: logo pinned to her neckline, centred, in every shot of the film; v2, 2026-10-03, smeared blurry squares over hair and skyline — see the folder's README; originals and older versions removed). The generated Blade and `public/cinematic/index.html` reference the new names; **`source/build.py` still says `beyond-a.mp4` / `connect-film.mp4`** — rename them there after any rebuild. - **About → Leadership: the founder's tile is his photo** (2026-10-03), not the "WK" initials. `lead_tile()` + `LEAD_PHOTOS` in `pages.py` — add a name → path there to give another leader a photo. The image lives in the COMMITTED [`public/main/images/about/`](/public/main/images/about/) (256×256 webp, cropped from the owner's portrait), not `public/cinematic/` (the package's own asset folder). ### Open before a real launch (from the package's HANDOFF) - Placeholder links: `#login`, `#app-store`, `#google-play`, footer `#learn` / `#help` / `#press` / `#privacy` / `#terms` / `#pdpa`, the four social icons; the EN / 中文 toggle is visual only. - Claims to confirm: the Cyberport and REACH credential cards, leadership names, the KL address, the "reply within one business day" promise; illustrative figures baked into the films. - Test 01 fails on the shipped page: it has two `

` (the laptop mock-up's "Analyze Property" title and the real headline) — fix in `source/template.html`. ## Related files **Backend** - [routes/main.php](/routes/main.php) — the flag-gated block at the top (every route above, declared before the `/{slug}` and `/{funnel}/{slot}` catch-alls). - [config/site.php](/config/site.php) — `cinematic_home` (`SITE_CINEMATIC_HOME`). - [app/Http/Middleware/ForceFullPageVisit.php](/app/Http/Middleware/ForceFullPageVisit.php) — registered as `full-page` in [app/Http/Kernel.php](/app/Http/Kernel.php). - [app/Http/Controllers/EnquiryController.php](/app/Http/Controllers/EnquiryController.php) — as shipped. - [app/Http/Requests/Manage/Events/Funnels/StoreRequest.php](/app/Http/Requests/Manage/Events/Funnels/StoreRequest.php) — reserved slugs. **Frontend (generated — do not edit)** - [resources/views/cinematic/home.blade.php](/resources/views/cinematic/home.blade.php) - [resources/views/pages/partners.blade.php](/resources/views/pages/partners.blade.php), [about.blade.php](/resources/views/pages/about.blade.php), [contact.blade.php](/resources/views/pages/contact.blade.php) - `public/cinematic/index.html` (static copy of the home, for QA) + `public/cinematic/assets/` - [public/.htaccess](/public/.htaccess) — the asset cache rule. - [pages.py.patch](/docs/modules_handbook/main/cinematic-site/pages.py.patch) and [template.html.patch](/docs/modules_handbook/main/cinematic-site/template.html.patch) — our changes to the package source (see *Local patches*). - [logo-rebake/](/docs/modules_handbook/main/cinematic-site/logo-rebake/README.md) — the T-shirt logo re-bake scripts and the exact runs. **Migrations** - [2026_10_03_000001_create_enquiry_tables.php](/database/migrations/2026_10_03_000001_create_enquiry_tables.php) — `partner_applications`, `enquiries` (as shipped). Related: the earlier candidate design [Company](/docs/modules_handbook/main/company/readMe.md) (`/{country}/company`, Inertia, still unlinked) and the Inertia home it replaced at `/` on wk ([Landing & Lead Capture](/docs/modules_handbook/main/landing-lead-capture/readMe.md)). **Company details on About / Contact (owner-supplied, 2026-10-05)** — in `pages.py`, About's "Where we are" cards and Contact's side column: Kuala Lumpur HQ = PropertyLab Technology Sdn Bhd (1547842-D), 13-16, V Office 1, Lingkaran Sunway Velocity, Sunway Velocity, 55100 Kuala Lumpur; Hong Kong = PropertyLab Global Limited, Unit 2904-05, 29/F, Universal Trade Centre, 3 Arbuthnot Road, Central. About also carries a founder contact card (Cheng Wai Kit, Founder & CEO, phone and email). The earlier "Exchange 106" address was a placeholder. **One top menu on every public page (owner, 2026-10-05)** — full width (no centred max-width), logo in the left corner, then the five links at **16px** (14.5px on narrow laptops), and the market / language control + Log in / Sign up in the right corner. It is set in four places because there are four menus: `market-switch.blade.php` (the three city pages), the end of `how.blade.php`'s `