Спидометр на JAVASCRIPT

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.

There is a sales funnel for the online store that we want to replicate for ourselves. It looks like this: The main landing page (the product that is primarily for sale, for example, a shirt). Then the checkout page (where the person enters their details and chooses how many shirts they want to buy, for example). Then they go further down the funnel and are offered upsell 1 (socks) + then upsell 2 (underwear) and finally the thank you page. You can see how this should work in terms of page transitions and logic here (you need to get to the end to the thank you page) https://3plus3.heroman.com.ua/standard/. We have examples of pages that we want to create for ourselves. So for us, essentially, we will copy the design - layout - fill it in with our product. The upsell pages will have the same design and structure as on the site I shared above (underwear). You will not need to fill the pages with information, just gather the skeleton - so that the application comes through correctly. Also, you do not need to come up with the structure of the pages. From you, essentially: Copy and layout. Set it up to work technically correctly. Show how to work with this so we can do it ourselves. There are 2 website builders in mind, we are currently working closely with 1 and need to understand if we can deploy this on it (but I read in GPT that it is possible).