GRMH Group

The ideology

Let the land tell the story, and keep every word inside what the business can stand behind.

• Land first

  The page opens on bare land, and every chapter after it follows one journey: land, aggregation, opportunity, development, enterprise, legacy.

• Say only what is true

  No promised returns, timelines or acreage. Ventures carry their real status, such as Launching, In Development or Being Established, and associations are named as companies only.

• One line through everything

  A thin survey line, gold on dark and earth on light, draws itself through the chapters, frames headlines and traces the parcel diagrams, so the site reads as one document.

• Readable without motion

  With reduced motion turned on, the scroll film gives way to a still poster with all the hero text in place, and every chapter shows its full content without animation.

• Vanilla HTML, CSS and JavaScriptA single static page with no framework, so it loads directly from simple hosting and stays easy to maintain
• Canvas 2D frame scrubberPlays the four-act hero film frame by frame as the visitor scrolls. The first 20 frames load before the scroll pin activates and the rest stream in behind them
• GSAP 3.13 with ScrollTrigger and CustomEasePins the hero and drives the scroll-scrubbed chapter animations on one shared custom ease
• Lenis 1.3.1Smooth scrolling tied to ScrollTrigger, switched off when the visitor prefers reduced motion
• Three.js r160Desktop WebGL scenes: seven land parcels joining into one plot, and a wireframe survey terrain at the end of the hero
• content/copy.jsonHolds every visible string in one file, so copy and compliance wording can be checked and edited in one place
• Python assembler (tools/assemble.py)Builds index.html from per-chapter partials, stylesheets and scripts, and adds version stamps so browsers fetch updated files
• Hostinger (hcdn)Hosting and CDN for the static site, confirmed by the platform: hostinger and server: hcdn response headers
• Google FontsServes Instrument Serif for headlines and Plus Jakarta Sans for body text
• dataLayer analytics adapterPushes hero call-to-action events to window.dataLayer, ready for whichever analytics provider is chosen

• A four-act film you scroll

  The hero pins the screen while scrolling turns bare land into homes, a campus, a warehouse and finally a township at dusk. Between acts the film fades to white and a short line of story appears before the next act begins.

• Parcels that become one plot

  In the land aggregation chapter, seven scattered parcels draw in one by one and then merge into a single bounded plot in WebGL, while the seven services condense into a ruled list. Below 900px wide, a simpler SVG version runs instead.

• The survey line

  A thin survey line, gold on dark chapters and earth on light ones, runs through the whole site: a progress rail beside the hero film, rules that draw under headlines, and the edges of the parcel diagrams.

• Ventures with honest labels

  Six ventures (Spaces, Development, Constructions, Business Consulting, Productions and Trust) each get their own chapter, with the exact status label the client approved, so nothing still being launched reads as finished.

• Associations on an ember chapter

  Sixteen company names travel in two rows moving in opposite directions across a warm earth gradient. The drift slows to a stop on hover, and with reduced motion on they settle into a static grid.

• One form, fourteen routes

  Calls to action across the page, from investor access to the Trust, open the same enquiry form with the right enquiry type already selected. The form includes a hidden honeypot field to catch spam.