Figma to html

Task Title: WordPress / Elementor Specialist for Making Edits on Websites Description: We are looking for a specialist in WordPress and Elementor to work with an already completed website. Main tasks: making changes according to our recommendations; replacing and editing content; adding, deleting, and adjusting blocks; correcting the display of pages on computers and mobile devices; minor changes to the design and structure of pages. The website has already been developed and designed. There is no need to create them from scratch. The work involves completing specific tasks as they arise. Attention to detail, adherence to technical specifications, and experience with WordPress and Elementor are important.

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, або можете запропонувати інше рішення

Based on the existing website design template, create the layout for the Laravel framework. The design mockup is made in Figma. I will describe in more detail in private messages.