← Back to home
LiveBrand + design + build·2026

Engenitek Welding Group

An industrial marketing site that reads the part — bilingual, fast, FEMA-credentialed.

Visit live site ↗

By the numbers

9 catalogued

Services

0 KB default

Runtime JS

ES + EN

Locales

Problem

Engenitek is a FEMA-qualified welding and general contractor in Arecibo. Their existing presence didn't match the caliber of the work or capture the bilingual audience that procures it.

Approach

  • 1

    Astro 6 + TypeScript + Tailwind v4 with typed content collections per service and per credential.

  • 2

    Custom Forge design system — dark charcoal canvas, welding-arc red, Big Shoulders Display, IBM Plex Sans/Mono.

  • 3

    Heavy scroll-reveal motion: IntersectionObserver-driven reveals, rivet-cadence word stagger, arc-strike hero underline with spark burst, all respecting prefers-reduced-motion.

  • 4

    Single anchored /services page with 9 deep sections plus a 3×3 mobile subnav — faster to build, still deep enough to rank.

Outcome

  • Live at engenitek.vercel.app for client review.
  • Zero runtime JavaScript on content pages — the entire experience is static + progressive enhancement.
  • Ships in under a second on a cold network.

Tech stack

AstroTypeScriptTailwind CSSVercelBilingualMotion Design

Links