Interactive repair work calculator for lead generation

Developed an interactive repair work calculator that helps potential clients independently go through a step-by-step selection of parameters, obtain a preliminary estimate, generate a PDF file, and leave contact details for further consultation with the company. The project is created as a lead-generation tool: after completing the calculator, the user leaves their name and phone number, and the data is automatically sent to Telegram for quick processing of the request by the manager.

What has been implemented:
— step-by-step interactive repair work calculator;
— selection of room characteristics, materials, number of rooms, and other parameters;
— dynamic image change according to the options selected by the user;
— working with a large number of visual states and photographs;
— generation of a PDF file with the calculation results;
— form for collecting user contact details;
— sending requests to Telegram via API;
— integration of Google Ads / advertising traffic;
— responsive layout for mobile devices, tablets, and desktops;
— pixel-perfect implementation of the design according to the Figma layout;
— user-friendly logic for navigating the steps of the calculator.

Technologies:
Next.js, React, TypeScript, SCSS, Telegram API, PDF generation, Google Ads, Figma

#NextJS #React #TypeScript #SCSS #LeadGeneration #Calculator #TelegramAPI #GoogleAds #PDF #Frontend #WebDevelopment #ResponsiveDesign #PixelPerfect