Affiliated Distributors

adhq.com — comparison hub

Three rebuild options for the AD corporate site, each at a working preview URL. V1 mirrors the legacy site faithfully. V2 is visually identical at common viewports but rebuilt on a maintainable, modern architecture. V3 is the agency-led re-imagining — currently in design.

Strict pixel-perfect of the current adhq.com

V1 — Legacy Faithful

Mirrors the legacy site exactly — same DOM, same CSS, same fonts, same warts. Demonstrates the 'do nothing visual, just modernize the runtime' option.

  • Loads legacy application.css verbatim
  • jQuery 1.12 + bxSlider for the photo slider
  • Mobile nav as flat IA accordion (per legacy)
Open V1 preview

Tailwind-calibrated rebuild

V2 — Modern, Visually Identical

Visually indistinguishable from the legacy site at common viewports, but built on a maintainable architecture. Production trajectory.

  • SvelteKit 5 + Tailwind v4 with @theme tokens calibrated to legacy values
  • Slice library: Hero / StatStrip / PayoffSection / PhotoSlider / NewsStrip / HeroBanner / TextBlock
  • shadcn-svelte primitives, axe-core a11y baseline, modern responsive breakpoints
Open V2 preview

Agency-led redesign — in design

V3 — Re-Imagined

A refreshed adhq.com from the ground up: new visual language, revised information architecture, modernized editorial voice. Currently in design.

  • Built on V2 foundations (same tokens, fonts, slice library)
  • New design system + new IA — to be delivered by the agency partner
  • Placeholder hosting target so this comparison links to a real URL
Open V3 preview

Generated for the adhq.com rebuild engagement · Compare side-by-side at the same viewport · All three preview URLs are gated by Vercel deployment protection.