Сделать страницы сайта
Рассматриваем next.js + возможно supabase
Сам сайт сейчас на вордпресс.
Дизайн страниц которые нужно сделать, тут еще со старым дизайном, нужно сделать под новый:
https://www.figma.com/design/UuzQKZtJEwTexfwntetCPr/Untitled?node-id=0-1&t=jdYnSZiYis10C68h-1
Как сделать новый дизайн:
https://www.figma.com/design/8YsvE5Zpjb1oJGLw1pw7Zg/SuperTrust?node-id=2037-2&t=xp6dVIG1UAN9BEly-1">https://www.figma.com/design/8YsvE5Zpjb1oJGLw1pw7Zg/SuperTrust?node-id=2037-2&t=xp6dVIG1UAN9BEly-1
Тз: https://docs.google.com/document/d/1u4u0tqNsG7K3XA4GyBV44xdqxDt6W5tReMqhc4qC3sU/edit?usp=drivesdk
Короткое тз:
Также добавлю конкурента на которого мы ориентировались для создания данных страниц. В принципе все должно работать как у него - https://justlife.com/
Цель проекта
Разработка новых страниц для заказа услуг и личного кабинета сайта supertrust.ae с упором на:
• адаптивность под все устройства (desktop, tablet, mobile);
• улучшение UX (быстрое оформление заказа);
• поддержку многоязычности (EN/RU/AR + RTL);
• SEO и высокая производительность (PageSpeed ≥ 90).
Архитектура фронтенда
Каждая услуга имеет страницу бронирования с формой в несколько шагов (от 4 до 6):
Общие шаги бронирования:
1. Выбор параметров (часы, материалы, тип объекта и т.д.).
2. Ввод адреса (автокомплит, карта с draggable pin).
3. Выбор даты/времени.
4. Контактные данные + оплата (наличные, карта, Apple Pay, купон).
5. Частота (одноразово / регулярно).
6. Доп. шаги — для отдельных услуг (выбор клинера, расписание и т.п.).
Компоненты (React)
Общие:
• BookingStepper — контейнер шагов.
• BookingSummarySticky — блок с расчётом стоимости.
• MapComponent — Google Maps с draggable пином.
• LanguageSwitch — переключение языка.
• ToastNotification — уведомления (успех, ошибка, автосохранение).
По шагам:
• HoursCleanerSelector — часы и количество клинеров.
• MaterialSelector — выбор материалов.
• FrequencySelector — регулярность (One-time, Weekly и т.п.).
• CalendarTimePicker — выбор даты/времени.
• PhoneInput — с флагами и валидацией.
• PromoCodeInput — валидация промокода.
• PaymentMethods — кнопки и формы оплаты.
• ClientInstructionsInput — textarea с автосохранением.
API
Примеры:
• GET /api/services — список услуг.
• GET /api/combo-packages — список пакетов.
• POST /api/booking/save — промежуточное сохранение.
• POST /api/booking/calculate — расчет финальной суммы.
• POST /api/booking/confirm — подтверждение брони.
• GET /api/translations — загрузка JSON-файлов локализаций.
• GET /api/booking/start?serviceId={id} — переход к бронированию.
Поведение и UX
• Автосохранение каждого шага в localStorage.
• При возвращении на сайт — модальное окно “Продолжить незавершённый заказ?”.
• Реакции интерфейса:
• Поля: зелёная/красная обводка при успешной/ошибочной валидации.
• Спиннеры: при загрузке, валидации и оплате.
• Toast: подтверждение сохранения/ошибки.
🌍 Многоязычность
• Языки: EN / RU / AR (RTL).
• Переводы хранятся в JSON, подгружаются через CDN.
• Все текстовые элементы, кнопки, ошибки и уведомления должны поддерживать i18n.
SEO & Performance
• URL вида /services/sofa-cleaning.
• Мета-теги и ALT для всех изображений.
• Schema.org разметка (Service, Offer, Review).
• Lazy loading изображений и иконок.
• Кэширование и загрузка через CDN.
• Page load: ≤2 секунды.
• Google PageSpeed: ≥90.
Интеграция аналитики
• Google Analytics 4 (GTM)
• События: start_booking, complete_booking, apply_coupon, referral_click
• Hotjar или аналог
• Тепловые карты, сессии
Подключение оплаты через Stripe
Панель администратора (админка)
Цель
Создать удобную, безопасную и адаптивную панель администратора для управления всеми услугами, пакетами, ценами, скидками сайта, без привлечения разработчика.
Основной функционал
1. Услуги и пакеты
• Добавление новых услуг/пакетов (название, описание, изображения).
• Редактирование:
• Цены (базовая и старая/зачёркнутая);
• Скидки в процентах или в AED;
• Описание, преимущества, структура;
• Управление категориями (например: Steam Cleaning, Disinfection, AC Cleaning).
• Сортировка (популярные, новинки, по убыванию цены и т.д.).
• Активация/деактивация услуги (видимость на сайте).
2. Гибкое ценообразование
• Возможность указывать:
• Базовую цену;
• Акционную цену;
• Автоматический расчёт процента скидки (или наоборот);
• Включение временных акций (дата начала/окончания);
• Настройка специальных цен по условиям (например, для 2 BHK + steam cleaning — 499 AED).
3. Управление доп. услугами
• Добавление дополнительных опций (например, “Эко-материалы” +75 AED);
• Привязка доп.
услуг к основной;
• Включение/отключение из формы бронирования.
4. Редактирование переводов
• Прямой интерфейс для редактирования текстов на EN / RU / AR;
• Переводы хранятся в виде ключ-значение (JSON), загружаются через CDN;
• Отдельные вкладки: “Услуги”, “Кнопки”, “Сообщения”, “Подсказки”.
6. Заказы
• Просмотр всех заказов:
• По дате, клиенту, услуге, статусу;
• Детали оплаты (Stripe/наличные, сумма, промокод);
• Отметка выполнено/в процессе/отменено.
Технические требования
• Интерфейс: адаптивный (десктоп + планшет), UI-библиотека — React (например, MUI, Ant Design).
• Аутентификация: защищённый вход, роли пользователей (admin/editor).
• Бэкенд: REST API или GraphQL (совместим с текущей архитектурой сайта).
• Безопасность: CSRF, JWT, HTTPS, логирование действий (audit log).
-
30 дней51 941 UAH
1131 2 0 30 дней51 941 UAHДобрый день
Реализую проект с учетом ваших требований на Nextjs 15, TailwindCSS 3/4, API, Prisma, PostgreSQL/Supabase с деплоем на Vercel.
Более детально можем обсудить в ЛС
-
1 день1299 UAH
654 2 0 1 день1299 UAHДобрый день!
Ознакомился с ТЗ, Figma-макетами и структурой проекта — выглядит серьезно и очень системно. Имею релевантный опыт в создании адаптивных многоязычных сервисов на Next.js + Node.js, с авторизацией, подключением Stripe, реализацией кастомных форм, личных кабинетов и админ-панелей.
Что готов реализовать:
1. Многошаговую форму бронирования со всеми описанными сценариями (выбор услуг, карта, даты, купоны, оплата, регулярность)
2. Адаптивный UI с поддержкой RTL (арабский язык) через i18n и динамическую директиву
3. Интеграцию с Google Maps API (автозаполнение, перетаскиваемый маркер)
4. Оплату через Stripe (включая Apple Pay), применение купонов
… 5. Локальное сохранение шагов, toast-уведомления, автосохранение
Реализацию кабинета пользователя и админ-панели (управление услугами, ценами, переводами, статусами заказов и т.д.)
Предполагаю реализацию безопасной авторизации (JWT, CSRF, HTTPS), системы ролей (admin/editor), защищенные эндпоинты.
Технологии:
Next.js, React, TypeScript, Tailwind или MUI, Node.js/Express, MongoDB или PostgreSQL, Google Maps API, Stripe SDK, i18next / next-intl
Готов работать поэтапно:
Сначала — основные страницы бронирования, затем — личный кабинет, далее — админка.
Буду рад обсудить детали реализации, сроки и формат сотрудничества.
-
1 день1299 UAH
162 1 день1299 UAHЗдравствуйте.
С интересом ознакомилась с Вашим проектом. Уверена что смогу сделать эффективную и качественную работу соответствующее Вашим требованиям и ожиданиям. Опыт работы более 8 лет.
-
14 дней25 971 UAH
2830 19 0 14 дней25 971 UAHДобрый день. Могу сделать на Next.js без дизайна, верстаю всё адаптивно на чистом CSS. Качество и оперативность работы гарантирую.
Пишите, буду рад сотрудничеству!
-
30 дней51 941 UAH
530 4 0 30 дней51 941 UAHПривет!
Очень заинтересовал ваш проект. Готов помочь.
О себе: Имею 4+ лет опыта в Front-End React.js/Next.js только в крупных коммерческих проектах. Я работал в больших командах, но также имею опыт самостоятельной разработки.
Мой GitHub: https://github.com/virus231
Linkedin: https://www.linkedin.com/in/vladyslav-prodan-4865891a0/
Рейт за час: 20$
Обращайтесь!
-
30 дней57 135 UAH
8817 27 0 1 30 дней57 135 UAHПроект можно реализовать на Next.js + Supabase. Будут учтены:
многошаговая форма бронирования
интеграция Google Maps, Stripe
поддержка EN / RU / AR + RTL
адаптивность под все устройства
…
высокая производительность и SEO
админка для управления услугами, ценами, заказами и переводами
Готов предложить этапы разработки и оценку сроков.
-
15 дней62 330 UAH
916 3 0 15 дней62 330 UAHПривет!
Я интегрировал MERN + Sanity(CMS) с сайта WordPress, университет UMCH в Германии.
Это есть в моем портфолио, и вы можете ознакомиться с ним.
Также у меня богатый опыт использования тем React, таких как MUI и Ant Design.
Давайте попробуем.
Спасибо.
-
1 день1299 UAH
2656 40 0 1 день1299 UAHЗдравствуйте. Сделаю. Пишите, буду рада сотрудничеству
Здравствуйте. Сделаю. Пишите, буду рада сотрудничеству
-
10 дней36 359 UAH
173 10 дней36 359 UAHЗдравствуйте, спасибо за ваши детали
Я внимательно прочитал ваше описание и полностью его понял.
Как разработчик полного стека, у меня есть достаточный опыт в React/Next.js, supabase, интеграции Stripe и я могу успешно создать ваш фронтенд и бэкенд.
Давайте обсудим подробнее!
С наилучшими пожеланиями
-
3 дня17 141 UAH
183 2 0 3 дня17 141 UAHЗдравствуйте. Могу сделать на nextjs без дизайна, верстаю всё адаптивно на чистом css. Пишите.
Примеры работ:
https://alerzi.github.io/Fitness/
https://alerzi.github.io/Agency/
https://alerzi.github.io/Construct/
-
14 дней10 388 UAH
422 1 0 14 дней10 388 UAHДобрый день!
Меня очень заинтересовала ваше предложение. Я — FullStack веб-разработчик с опытом в таких стеках, как PERN, MERN, PEVN, MEVN. Работаю с современными технологиями: Node.js (NestJS), React.js (Next.js), PostgreSQL и другими инструментами из экосистемы JavaScript.
Вот что я могу вам предложить:
- Чистый и поддерживаемый код — использую ESLint и Prettier, чтобы код был структурированным, читаемым и легко поддерживаемым;
- Понятная архитектура — вся структура проекта будет логичной, без хаоса и «запутанных лесов»;
- Современные технологии — использование актуальных решений как на фронтенде, так и на бэкенде;
- Качественная и своевременная разработка — работаю ответственно, соблюдаю дедлайны;
… - Адаптивный дизайн в pixel-perfect;
- Локализация сайта;
- SEO — оптимизация для поисковых ботов;
- Четкое выполнение требований — всё будет реализовано в соответствии с поставленным ТЗ.
Если вы ищете качество, чистую архитектуру и ответственного исполнителя — я на связи!
-
20 дней36 359 UAH
512 20 дней36 359 UAHПривет! Я ознакомился с вашим подробным брифом и дизайнами в Figma — это надежный и захватывающий проект. Я могу помочь воплотить его в жизнь, используя Next.js и Supabase (или другой стек, если потребуется), обеспечивая полную адаптивность, мультиязычную поддержку (включая RTL для арабского), и плавный UX бронирования с оптимизированной производительностью. Интеграция Stripe, панель администратора, SEO и настройка аналитики — все учтено. Давайте обсудим сроки и как сделать SuperTrust выделяющимся.
С нетерпением жду совместной работы!
Freelancehunt
-
20 дней36 359 UAH
318 20 дней36 359 UAHПривет! Это звучит как надежный, хорошо структурированный проект с ясным направлением. Я буду рад помочь воплотить ваш новый поток бронирования и страницы личного кабинета с помощью Next.js и Supabase. Файлы Figma и техническая документация дают отличную основу, я позабочусь, чтобы все работало гладко, выглядело аккуратно на всех устройствах и соответствовало целям по производительности и SEO. Давайте свяжемся и обсудим следующие шаги!
Freelancehunt
-
20 дней36 359 UAH
466 20 дней36 359 UAHПривет! Этот проект выглядит очень захватывающим, особенно с переходом на Next.js + Supabase. Я ознакомился с дизайнами в Figma и технической документацией, и ясно, что это хорошо продуманная разработка. Я могу помочь реализовать все: от динамического многошагового процесса бронирования до локализации, платежей Stripe и SEO-оптимизаций — всё с чистым, адаптивным фронтендом и эффективной архитектурой. Давайте согласуем ваш график и командную структуру, чтобы всё шло гладко!
Freelancehunt
-
15 дней23 374 UAH
513 3 0 15 дней23 374 UAHПривет, могу сделать работу, имею опыт в этом направлении больше 3 лет , шоу кейсы имеются. Пишите договоримся о цене.
-
15 дней36 359 UAH
13013 67 0 15 дней36 359 UAHПривет! Выполню ваше задание быстро и качественно.
Мое портфолио: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишите, начну сегодня работать. Буду рад сотрудничеству с Вами!
-
20 дней25 971 UAH
1072 11 1 20 дней25 971 UAHЗдравствуйте!
Готов взяться за реализацию проекта — есть опыт с Next.js, Supabase, Stripe, многоязычностью (включая RTL), а также построением сложной структуры бронирования и административных панелей.
Полностью изучил ТЗ, дизайн в Figma и примеры. Уверен, что смогу выполнить задачу качественно и в срок, с учётом всех требований по UX, SEO и PageSpeed.
Также предлагаю разбить работу на логичные этапы, чтобы вам было удобно отслеживать прогресс и корректировать приоритеты.
Буду рад обсудить детали и приступить к работе!
-
30 дней103 883 UAH30 дней103 883 UAH
Привет, Мария,
Благодарю вас за вашу выдающуюся и подробную документацию. Как Full Stack разработчик, успешно реализовавший более 15 готовых к производству приложений с использованием Next.js, ваш проект идеально подходит.
Я тщательно проанализировал техническое задание. Я использую свой опыт в TypeScript, Tailwind CSS и PostgreSQL для создания производительной многошаговой формы бронирования с полной поддержкой RTL и гибкой административной панелью, которую вы требуете. Моя сильная база в алгоритмах и структурах данных будет ключом к достижению вашей цели PageSpeed 90+.
Я предлагаю разбить работу на два основных этапа: пользовательский поток бронирования и административную панель.
Мой профессиональный расчет полной стоимости составляет €2000 за 5 недель. У меня есть схема архитектуры компонентов, и я готов обсудить план реализации.
…
С наилучшими пожеланиями,
Реваз Гогуацзе
-
ТЗ Сайту на 100 ст для розробки декількох сторінок ? Щось не клеїться.
-
Актуальные фриланс-проекты в категории HTML и CSS верстка
Sandra Ice Cream - Kaleidoscop
4120 UAH
У нас есть небольшой проект, и мы хотели бы узнать, сможете ли Вы подготовить для нас видеоролик для LED-экрана. Видео будет использоваться на нашем мероприятии. Мы предоставим все необходимые материалы: дизайн, брендбук, размеры и технические требования. Пожалуйста, сообщите,… HTML и CSS верстка ∙ 52 минуты назад ∙ 3 ставки |
Верстка 8 страниц сайта
4000 UAH
О проекте корпоративный сайт консалтинговой компании. Дизайн полностью готов в Figma (темно-синяя палитра, десктоп + мобильные версии). Нужна качественная адаптивная верстка строго по макетам. Анимаций нет.Объем работ Дизайнер предоставил десктопные и мобильные макеты для каждой… HTML и CSS верстка ∙ 2 часа 27 минут назад ∙ 53 ставки |
Верстка блоков WordPressДобрый день. Надо сделать редизайн, а конкретно верстку блоков как на макете, структура не сильно отличается от того что сделано сейчас кроме хеддера и hero блока. Надо сделать редизайн как мобильной так и десктоп версии. Сайт на ворд прессе, autoperformance.pl Дизайн в фигме. HTML и CSS верстка, Сопровождение сайтов ∙ 5 часов 59 минут назад ∙ 52 ставки |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 7 часов 3 минуты назад ∙ 20 ставок |
Посадочная страница для Shopify-магазина по готовому макетуНужно разработать landing page для интернет-магазина на Shopify. Магазин уже работает на купленной теме, поэтому задача — адаптировать готовый визуальный макет и структуру под возможности текущей темы, без полной разработки с нуля. Страница нужна под рекламный трафик из Facebook… CMS, HTML и CSS верстка ∙ 21 час 42 минуты назад ∙ 27 ставок |
Германия