All projects

Test project 10 Mar 2023

alnair - a CRM-integrator landing refactored and grown into a real site

alnair - a CRM-integrator landing refactored and grown into a real site
  • React 18
  • React Router
  • CRA
  • SCSS
  • Responsive
  • Accessible

A single-screen dark landing for a CRM integrator (header, hero, a four-item offer grid and a footer) built on Create React App, shipped with placeholder and dead links, a CTA that went nowhere, every nav item pointing at one non-existent route, default framework icons and no real pages. Rebuilt into a working site without changing the stack or the visual identity. The fixes first: social buttons that linked to empty SPA routes now open real WhatsApp, Viber and Telegram targets, dead navigation became real in-app routes with a catch-all 404, the fake privacy link became plain text, static useState arrays became module constants with stable keys, the page got lang=ru, a real manifest and a custom gradient W favicon (SVG, PNG sizes, apple-touch). On top went a consultation modal triggered by every CTA - client-side validation, phone and email checks, submitting and success states, enter and exit animations, focus trap, Escape and scroll-lock - plus twelve inner pages (services, widgets, integrations, cases, certificates, partnership, vacancies, pricing, clients, testimonials, a YouTube blog and an FAQ), each rendered with its own distinct layout: an editorial numbered list, a chip-card grid, a dotted two-column list, result cards, a badge grid, a vertical stepper, job rows, format blocks, segment tiles, quote cards, video cards and an accordion, all filled with believable Russian copy. Active states light the current page in the header and footer, the copyright year is dynamic, and motion was retuned to a quick fade that respects reduced-motion. Accessibility is a real floor throughout - skip link, landmarks, accessible names, focus-visible, reduced-motion guards, aria-hidden decorations - and the layout is a genuine 390-to-1440 responsive pass. React 18 + React Router 6 + Create React App + SCSS, self-hosted on a Hetzner box behind Caddy.

Live Code