Tech Stack :
Overview
HOLME Engineering builds mission-critical software for autonomous marine vessels, offshore energy systems, and industrial automation platforms. This corporate web platform communicates the company's technical capabilities, services, and engineering philosophy to decision-makers at shipyards, energy companies, and defense contractors.
Every detail — from sub-second load times to physics-based loading animations — reinforces the engineering precision that defines HOLME.
Key Capabilities
- Autonomous Navigation Systems — GPS-denied transit, DP3-class station-keeping, real-time collision avoidance with multi-sensor fusion (LiDAR + sonar + INS)
- Power Management (PMS) — Multi-generator configurations with sub-millisecond failover and AI-driven load prediction
- Energy Storage (ESS) — Battery-hybrid architectures with thermal management and cycle optimization
- Integrated Automation (IAS) — Unified vessel control spanning propulsion, HVAC, ballast, and fire safety
- Zero-Emission Propulsion — Hydrogen fuel-cell and full-electric drive systems for IMO 2030+ compliance
Technical Implementation
Architecture
Server-first architecture built on the Next.js 16 App Router with Server Components by default — client boundaries only where interactivity is required. Config-driven content enables fast iteration without touching component code.
Performance Engineering
- WebP primary with PNG fallback via elements
- next/image with quality tiers for hero and content images
- Dynamic imports for below-fold components
- All animations use andonly — zero layout thrashing, GPU-composited
Physics-Based Loader
A custom SVG ocean scene with spring-damper ship buoyancy tied to real loading progress. The spring-damper system drives ship vertical buoyancy and rotational tilt; progress maps to horizontal
with cubic easing.Scroll & Animation
- Framer Motion for declarative component animations and parallax scroll effects
- GSAP + Lenis for smooth-scroll orchestration and scroll-triggered section reveals
- All transitions respect
Security Headers
- — clickjacking protection
- — MIME-type sniffing prevention
-
- — camera, microphone, geolocation disabled
Backend API
A production-grade dynamic headless CMS (Laravel 13 + MySQL 8 + Redis) powers the platform:
- 39 section types in the schema-driven page builder with Redis caching
- News lifecycle — draft → published → archived, with email notifications via Postmark
- 1,333 tests with Pest 4 covering all modules, validation rules, and authorization
- Role-based access — Admin and Social Manager roles with full audit trail
Outcome
Delivered a complete full-stack solution combining a cinematic marketing frontend with a robust headless CMS backend — engineered for a company where failure is not an option.