Верстка анимационного сайта (JS/Canvas анимация + JS + HTML/CSS )

https://www.figma.com/design/bSzGOmDb3scdsBgjR3hHLb/Robo?node-id=0-1&p=f https://robo.org.ua/index.php?route=product/product&path=145802278&product_id=237 Task: redesign the product and reviews page on the main page The website is already developed and fully operational. The designer has prepared a new design in Figma that needs to be implemented on the existing site. It is necessary to: code the new design according to the layout; integrate it into the current site; adapt the pages for mobile devices, tablets, and computers; check the correct operation of buttons, forms, menus, and other elements; ensure maximum accuracy in matching the layout. There is no need to develop the site from scratch — only the redesign and replacement of the current design with the new one are required.

It is necessary to use the functionality to create - 1. a discount visualization on the product card: beautifully format the placement of wholesale prices based on quantity, and after selecting the quantity at the wholesale price, display text like "You save .....” on the product card and in the cart Example of how it is now https://plusminus7.com.ua/index.php?route=product/product&product_id=7097 When we go to the cart, we also do not see how much it was and how much it has become. Regular marketing. - bulk editing of discounts through file export/import (exported → corrected → uploaded back) Currently, quantity-based discounts are set directly in the product cards under the Discount tab; to enable bulk editing, it is necessary to implement product export/import in Excel I have added screenshots of examples of how we approximately see the visualization of wholesale prices The next stage will be another technical specification for regulating pricing and rounding.

About the project: A selling landing page is required for an author's online intensive on the active corporate website of a law firm. Website platform: WordPress. Expected page URL: site/online_intensive1. Design and structure:There is a ready prototype in the form of clean HTML/CSS code (includes texts, structure, color scheme, responsiveness, and vertical video testimonials 9:16). The code will be provided to the performer.Design task: Use this code as a basis, but do not just copy it. Improvements in UX/UI are encouraged, including the addition of neat micro-animations, shadows, and modern effects (features) that will make the page more attractive and selling while maintaining a strict corporate style.2. Integration with CMS (Editability):Critically important: The landing page must not hang on the site as "bare" HTML code. The page needs to be assembled using a visual builder (Elementor) or implemented through flexible fields (ACF).The client must have the ability to easily change any texts, links, rates, and photos directly from the WordPress admin panel without interfering with the code.3. Technical requirements and responsiveness:Full responsiveness of cross-browser layout: Desktop, Tablet, Mobile. The page must display correctly on all types of devices (including the proportions of 3 vertical video testimonials).High performance: Basic loading speed optimization (Google PageSpeed) is mandatory. Images must be compressed and converted to WebP format, scripts and styles must be minified.4. Feedback form (Lead generation):The landing page has an application form (Name, Phone). It needs to be fully functional.All applications must be instantly sent to the corporate email: [email protected] is necessary to configure sending via SMTP server or use a reliable plugin (WPForms / Contact Form 7) to ensure that applications do not end up in the "Spam" folder.5. Multilingualism:The current site implies the presence of three languages (RUS, KAZ, ENG).As part of the project, the performer must set up multilingualism for the new landing page (using the built-in site plugin).During the task execution, the client will provide ready translations of the text into Kazakh and English. The performer must create and format these additional language versions of the page.6. Integration with the main site:Set up a transition to the landing page from the main site.A new button or menu item (for example, "Online Intensive") must be added to the main menu (in the header) of the active site salyk.net, which will lead to the address /online_intensive.Additionally: create a language switch function rus/eng/kaz in the style of the site.

A virus has currently infiltrated the website. The site is not functioning properly. In particular, the main page is not working correctly. We need a developer who can fix this error as soon as possible.

Є сайт який функціонує, потрібно змінити структуру головного меню та створити декілька нових сторінок (вже по тому шаблону що є з тим самим дизайном) Що є: Структура меню: Home About Services: puppy yoga, yoga+sound bath+ cacao ceremony, sound bath, llama yoga Gift Card Blog Contact Що треба зробити: 1.Змінити структуру меню на наступну: Home About Weekly experiences Seasonal experiences Private experiences Gift card Blog Contact 2.Зробити нові сторінки (каталог сервісів) Weekly experiences Seasonal experiences (на цій сторінці зробити розділення Autumn-Winter, Spring-Summer (або зробити позначки біля кожної картки продукту коли він доступний) Private experiences Ці сторінки зробити на основі сторінки яка є - тобто скопіювати існуючу сторінку і привʼязати до неї сторінки сервісів, вони мають відображатись там автоматично, якщо поставити галочку 3.Додати наступні сервіси на сторінку weekly experiences: Puppy yoga Sound Bath 4.Додати наступні сервіси на сторінку seasonal experiences: Bloom Frequency Sound Bath Llama yoga First Light - Lucky Sunrise Harvest Tea Ceremony & Sound Bath Yoga, Cacao ceremony & Sound Bath Winter Candlelight Sound Bath New Year Intention Setting Cacao Ceremony & Aromatherapy & Sound Bath 5.Додати сервіси на сторінку Private experiences: Private Puppy yoga at the Studio Private Puppy yoga at your location Private Sound Bath for one Private group sound bath Private Sound Baths & Tea ceremonies for Teams, Leaders and Corporate events 6.Прикрутити календар системи simplybookme на сторінки: First Light - Lucky Sunrise Harvest Tea Ceremony & Sound Bath Winter Candlelight Sound Bath New Year Intention Setting Cacao Ceremony & Aromatherapy & Sound Bath Ця букінг система вже налаштована на сайті, потрібно за таким самим принципом як і зараз привʼязати календар до перелічених сторінок. 6.1.Додати кнопку “waitlist” на сторінки: First Light - Lucky Sunrise Harvest Tea Ceremony & Sound Bath Winter Candlelight Sound Bath New Year Intention Setting Cacao Ceremony & Aromatherapy & Sound Bath Після того як людина натискає на кнопку - має зʼявитись форма де людина залишає свій мейл, імʼя і відправляє цю форму. З нашого боку клієнту має приходити лист що він потрапив у вейтліст, і нам має приходити сповіщення що хтось додався у вейтлист. Через simplybook не вийде, треба певно робити через форми shopify, або можете запропонувати інше рішення