Bootstrap Card layout in Typescript React

Project Description: A one-page website (landing) needs to be implemented on the Shopify platform based on a ready design in Figma. The design is fully prepared — desktop and mobile versions, UI kit, pop-ups, all button states. What needs to be done: Page layout according to the Figma mockup (desktop + mobile version), pixel-perfect Implementation as a custom theme based on the new block engine of Shopify (Horizon) — NOT a ready template from the marketplace, and not a simple adjustment of an existing theme to the design All CTA buttons lead to WhatsApp (not to checkout/cart) — need to implement correct wa.me links with pre-filled text Implementation of pop-ups (video pop-up "Skip the full story" and others, as per the mockup) FAQ block with an accordion Connecting pixels: Meta Pixel, Google Analytics 4 (events ViewContent, and custom events on click of WhatsApp buttons) Optimization for loading speed on mobile traffic (this is a critical requirement — the target audience is Poland, mobile traffic predominates). I expect good Core Web Vitals / PageSpeed metrics on mobile Important: Do not use heavy ready-made themes from the marketplace and unnecessary third-party apps that weigh down the site A developer with a portfolio specifically in custom theme development on Shopify (Liquid) is needed, not just "assembly" from ready-made templates Desired experience with Core Web Vitals / performance optimization of Shopify pages Additionally: After launch, further collaboration on a permanent basis may be possible — it will be necessary to make changes to text/blocks, test new offers, connect similar pages for other markets Attached to the project: Screenshots of the design (desktop + mobile) UI Kit with colors, fonts, buttons Link to Figma (will be added after candidate selection) Timeline: to be discussed, approximately need a launch soon. Budget: not specified, waiting for proposals from performers with cost and timeline estimates.

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.