Landing page for a company that manufactures EVA mats for cars

Project Description:
Developed a modern one-page website for selling custom EVA car mats. The main task is to create a fast, stylish, and user-friendly landing page with a focus on conversion and online orders.

What has been implemented:

UI/UX design: minimalist style, accent colors, smooth animations, responsiveness for all devices.

Hero block with a large background photo, headline, and CTA buttons.

Product benefits - a block with icons and descriptions of key advantages.

Gallery of works based on Swiper.js with responsive images (webp/avif).

Product configurator:

selection of brand, model, and year of the car;

selection of trim, pattern, color, and edging;

dynamic cost calculation;

phone mask (Inputmask).

Animations using GSAP + ScrollTrigger, smooth scrolling on Lenis.

Customer reviews in cards with appearance animation.

SEO optimization:

properly configured meta tags (title, description, OG, Twitter card);

structured data Schema.org (Organization + Product);

optimized images with lazy loading.

Technical part:

customized TailwindCSS via CDN;

custom styles (glass, noise, gradient borders);

responsive layout (mobile-first).

Analytics and advertising: integration of Google Tag, Meta Pixel, TikTok Pixel (commented out for the client).

Result:
A fast, responsive landing page with an interactive configurator that allows the user to assemble their set of EVA mats and submit an online request.

Technologies:
HTML5, Tailwind CSS, JavaScript (ES6), GSAP, ScrollTrigger, Swiper.js, Lenis, Inputmask, Schema.org JSON-LD.

P.S. Developed for portfolio. Possible purchase:
exclusively (with transfer of all rights),
under a licensing agreement (right to use without transferring code to third parties).