// IndustryPage — template for per-sector landing pages. // Pulls data from window.INDUSTRIES (industriesData.jsx) and reuses the // Case animations (CaseAnimations.jsx) to embed the matching deployment. const SECTOR_TO_ANIM = { ARCHITECTURE: () => , LAW: () => , HOUSING: () => , ACCOUNTING: () => , HEALTHCARE: () => , INSURANCE: () => , }; function IndustryHero({ data }) { return (
{/* Drifting motif */}
INDUSTRY / {data.code} {data.sector} INTAKE OPEN

{data.sub}

● {data.practitioner}
); } function IndustryPains({ data }) { return (
{/* Faint dot pattern */}
); } function IndustryTools({ data }) { return (
Six tools Built for the way you actually work.} sub="We don't ship every tool to every client. We scope, prioritise, and ship the ones that move partner hours back to partner work. Below is the typical menu — yours is shaped during scoping." />
{data.tools.map((t, i) => (
TOOL / {String(i + 1).padStart(2, "0")} ◆

{t.name}

{t.desc}

 ))}
); } function IndustryLiveDemo({ data }) { const Anim = SECTOR_TO_ANIM[data.sector]; const cs = data.caseStudy || {}; const metricSign = (String(cs.metric || "").match(/^[+\-−]/) || [""])[0]; const metricRest = String(cs.metric || "").replace(/^[+\-−]/, ""); return (
{/* Section header */} LIVE DEPLOYMENT · CASE {data.caseRef}

Built, shipped Running in production.

{/* Case card — animation + full case study, mirrors the old Deployments card */}
{/* Animated demo column */}
{Anim && }
{data.sector} CASE / {data.caseRef}
{/* Content column */}
{(cs.client || data.name).toUpperCase()}

{cs.title}

{cs.summary}

{cs.tags && (
{cs.tags.map((t, k) => ( {t} ))}
)}
{metricSign} {metricRest} {cs.metricLabel}
Discuss a build like this
); } // Shown instead of IndustryLiveDemo for sectors with noCase: true. // Honest framing: this is in co-development, pilot cohort open, full source on // delivery. Same dark slab silhouette as IndustryLiveDemo so the page rhythm // holds whether or not we have a shipped case to point at. function IndustryCohort({ data }) { return (
// CO-DEVELOPMENT · COHORT {data.code}

Not shipped yet Co-build with us.

{data.name} is the next vertical on our roadmap. We build it the same way as every other deployment — alongside practitioners, against a real workload, with full source on delivery. The first three partner firms get the lowest seats and the most influence over the stack.

Join the pilot cohort
{data.sector} PILOT / OPEN
{/* Cohort terms — terse, mono, instrument-panel feel */}
{[ ["COHORT", "3 partner firms"], ["ENGAGEMENT", "6 months · weekly working session"], ["DELIVERY", "Full source · self-host · no lock-in"], ["PRICING", "Cohort rate — held for life"], ["OPENS", "Q3 2026"], ].map(([k, v]) => ( // {k} {v} ))}
{data.cohortNote || "Pilot cohort opens Q3 2026."}
); } function IndustryOthers({ currentSlug }) { const others = INDUSTRY_ORDER.filter((s) => s !== currentSlug); const ctx = getPageContext(); return (
); } function IndustryCTA({ data }) { const ctx = getPageContext(); return (
// NEXT STEP

Tell us how your {data.name.toLowerCase()} practice runs We'll tell you what we'd ship.

One paragraph is enough. 30-minute call, no sales deck. We reply within two business days.

Chat on WhatsApp → ● ~ 30 MIN INTRO · NO COMMITMENT
); } function IndustryPage({ slug }) { const data = INDUSTRIES[slug]; if (!data) return
Industry not found.
; // Make sure the slug is exposed for Nav active state React.useEffect(() => { window.__INDUSTRY_SLUG = slug; document.title = `Promefy Solutions — ${data.name} · ${data.headlineEmph}`; }, [slug, data]); return ( <> {data.noCase ? : } ); } // IndustryApp — wraps the page with the same chrome as the main App // (Nav, Footer, WhatsApp widget) but skips the heavy multi-section composition. function IndustryApp({ slug }) { // Default tweaks (no edit panel on industry pages — these are for clients) React.useEffect(() => { const root = document.documentElement; const defaults = window.__TWEAK_DEFAULTS || {}; root.dataset.theme = defaults.theme || "light"; root.dataset.accent = defaults.accent || "matrix"; root.dataset.crosshair = defaults.crosshair !== false ? "on" : "off"; // Seed accent in case the inline boot script isn't present. if (!root.style.getPropertyValue("--site-accent")) { root.style.setProperty("--site-accent", "#00FF66"); root.style.setProperty("--site-accent-fg", "#0A0A0A"); root.style.setProperty("--site-accent-soft", "rgba(0,255,102,0.16)"); } }, []); // No scroll-spy needed on industry pages — Nav uses href targets return (
); } Object.assign(window, { IndustryPage, IndustryApp });