Company Profile Modern

Company Profile Modern is a five-page corporate website for engineering, construction and professional service firms — companies that win work by looking established rather than loud. It is built on a deep navy foundation with sky-blue accents, generous white space, and a full-bleed dark hero band that opens every single page, so a visitor moving through the site never loses the thread.
Pages included

Home — split hero with headline, two calls to action and a live "12 active projects" chip over the photo; three service cards; a four-point "why us" section beside an image; an animated statistics band on dark; a client logo row; and a closing gradient CTA panel.
About Us — short hero, a five-milestone company timeline with a floating founding-year badge, vision and mission side by side, four core-value cards, and a four-person leadership grid with portraits.
Services — six detailed service cards, each carrying its own scope list; a five-stage numbered process band on dark; a guarantees checklist beside a photo; and a closing call to action.
Portfolio — hero with three animated counters, a six-project grid with category badges and per-project facts (floor area, duration), a highlighted case study with results and a client quote, plus three testimonial cards.
Contact — contact details, an opening-hours table, a working contact form (name, email, phone, message) that feeds straight into PageHub form submissions, a map placeholder block, and a four-item FAQ accordion.

Design and style. Navy #0f2a4a with sky-blue accents (#38bdf8 / #0ea5e9) on white, text in slate #1e293b. Typeface: Plus Jakarta Sans. Pill buttons, 16px rounded corners, soft wide shadows, and uppercase eyebrow labels above every section heading. The header sits transparent over the hero and turns solid navy on scroll (header mode: overlay-light) — which is why every page opens with its own dark band.
Interactions built in. Scroll-reveal animation, animated number counters, an FAQ accordion, smooth anchor scrolling and a mobile drawer menu. Every script is guarded, so any page renders correctly whether or not it uses them. Fully responsive down to 360px.
Best suited to construction and engineering firms, contractors, architecture practices, industrial suppliers, consultancies, and any B2B company that needs to establish credibility before it asks for a conversion.