Create website pages
We are considering next.js + possibly supabase
The current website is on WordPress.
Design of the pages that need to be created, here is the old design, it needs to be adapted to the new one:
https://www.figma.com/design/UuzQKZtJEwTexfwntetCPr/Untitled?node-id=0-1&t=jdYnSZiYis10C68h-1
How to create the new design:
https://www.figma.com/design/8YsvE5Zpjb1oJGLw1pw7Zg/SuperTrust?node-id=2037-2&t=xp6dVIG1UAN9BEly-1
Technical task: https://docs.google.com/document/d/1u4u0tqNsG7K3XA4GyBV44xdqxDt6W5tReMqhc4qC3sU/edit?usp=drivesdk
Brief technical task:
Also, I will add a competitor that we based the creation of these pages on. Basically, everything should work like his - https://justlife.com/
Project goal
Development of new pages for service booking and the personal account of the website supertrust.ae with a focus on:
• Responsiveness for all devices (desktop, tablet, mobile);
• UX improvement (quick order placement);
• Multilingual support (EN/RU/AR + RTL);
• SEO and high performance (PageSpeed ≥ 90).
Frontend architecture
Each service has a booking page with a multi-step form (from 4 to 6 steps):
Common booking steps:
1. Selecting parameters (hours, materials, object type, etc.).
2. Entering address (autocomplete, map with draggable pin).
3. Choosing date/time.
4. Contact details + payment (cash, card, Apple Pay, coupon).
5. Frequency (one-time / regular).
6. Additional steps — for specific services (selecting cleaner, schedule, etc.).
Components (React)
General:
• BookingStepper — step container.
• BookingSummarySticky — cost calculation block.
• MapComponent — Google Maps with draggable pin.
• LanguageSwitch — language toggle.
• ToastNotification — notifications (success, error, auto-save).
By steps:
• HoursCleanerSelector — hours and number of cleaners.
• MaterialSelector — material selection.
• FrequencySelector — frequency (One-time, Weekly, etc.).
• CalendarTimePicker — date/time selection.
• PhoneInput — with flags and validation.
• PromoCodeInput — promo code validation.
• PaymentMethods — payment buttons and forms.
• ClientInstructionsInput — textarea with auto-save.
API
Examples:
• GET /api/services — list of services.
• GET /api/combo-packages — list of packages.
• POST /api/booking/save — intermediate save.
• POST /api/booking/calculate — final amount calculation.
• POST /api/booking/confirm — booking confirmation.
• GET /api/translations — load localization JSON files.
• GET /api/booking/start?serviceId={id} — start booking process.
Behavior and UX
• Auto-save each step in localStorage.
• On returning to the site — modal window “Continue unfinished order?”.
• Interface reactions:
• Fields: green/red border on successful/error validation.
• Spinners: during loading, validation, and payment.
• Toast: confirmation of save/error.
🌍 Multilingual support
• Languages: EN / RU / AR (RTL).
• Translations stored in JSON, loaded via CDN.
• All text elements, buttons, errors, and notifications must support i18n.
SEO & Performance
• URL format /services/sofa-cleaning.
• Meta tags and ALT for all images.
• Schema.org markup (Service, Offer, Review).
• Lazy loading of images and icons.
• Caching and CDN delivery.
• Page load time: ≤2 seconds.
• Google PageSpeed: ≥90.
Analytics integration
• Google Analytics 4 (GTM)
• Events: start_booking, complete_booking, apply_coupon, referral_click
• Hotjar or similar
• Heatmaps, sessions
Stripe payment integration
Admin panel (admin area)
Goal
Create a user-friendly, secure, and responsive admin panel to manage all services, packages, prices, and discounts on the site without developer involvement.
Main functionality
1. Services and packages
• Adding new services/packages (name, description, images).
• Editing:
• Prices (base and old/strikethrough);
• Discounts in percentage or AED;
• Description, benefits, structure;
• Category management (e.g., Steam Cleaning, Disinfection, AC Cleaning).
• Sorting (popular, new, by descending price, etc.).
• Activate/deactivate service (visibility on the site).
2. Flexible pricing
• Ability to specify:
• Base price;
• Promotional price;
• Automatic discount percentage calculation (or vice versa);
• Enabling time-limited promotions (start/end date);
• Setting special prices based on conditions (e.g., for 2 BHK + steam cleaning — 499 AED).
3. Additional services management
• Adding extra options (e.g., “Eco-materials” +75 AED);
• Linking additional services to main services;
• Enabling/disabling from the booking form.
4. Translation editing
• Direct interface for editing texts in EN / RU / AR;
• Translations stored as key-value pairs (JSON), loaded via CDN;
• Separate tabs: “Services”, “Buttons”, “Messages”, “Hints”.
6. Orders
• Viewing all orders:
• By date, client, service, status;
• Payment details (Stripe/cash, amount, promo code);
• Mark as completed/in progress/canceled.
Technical requirements
• Interface: responsive (desktop + tablet), UI library — React (e.g., MUI, Ant Design).
• Authentication: secure login, user roles (admin/editor).
• Backend: REST API or GraphQL (compatible with current site architecture).
• Security: CSRF, JWT, HTTPS, action logging (audit log).
-
30 days1146 USD
1131 2 0 30 days1146 USDGood afternoon
I am implementing a project considering your requirements on Nextjs 15, TailwindCSS 3/4, API, Prisma, PostgreSQL/Supabase with deployment on Vercel.
We can discuss more details in private messages.
-
1 day29 USD
654 2 0 1 day29 USDGood day!
Familiarized myself with the technical specifications, Figma mockups, and project structure — it looks serious and very systematic. I have relevant experience in creating responsive multilingual services on Next.js + Node.js, with authorization, Stripe integration, custom forms, personal accounts, and admin panels.
What I am ready to implement:
1. Multi-step booking form with all described scenarios (service selection, map, dates, coupons, payment, recurrence)
2. Responsive UI supporting RTL (Arabic language) via i18n and dynamic dir
3. Integration with Google Maps API (autocomplete, draggable marker)
4. Payment via Stripe (including Apple Pay), applying coupons
… 5. Local step saving, toast notifications, autosave
Implementation of user account and admin panel (service management, prices, translations, order statuses, etc.)
I foresee implementing secure authorization (JWT, CSRF, HTTPS), role system (admin/editor), protected endpoints.
Technologies:
Next.js, React, TypeScript, Tailwind or MUI, Node.js/Express, MongoDB or PostgreSQL, Google Maps API, Stripe SDK, i18next / next-intl
I am ready to work in stages:
First — main booking pages, then — personal account, then — admin panel.
I would be glad to discuss implementation details, timelines, and cooperation format.
-
1 day29 USD
162 1 day29 USDHello.
I have read your project with interest. I am confident that I can do effective and quality work that meets your requirements and expectations. Over 8 years of experience.
-
14 days573 USD
2830 19 0 14 days573 USDGood day. I can do it on Next.js without design, I layout everything adaptively on pure CSS. I guarantee quality and promptness of work.
Write to me, I will be glad to cooperate!
-
30 days1146 USD
530 4 0 30 days1146 USDHello!
I am very interested in your project. I am ready to help.
About myself: I have 4+ years of experience in Front-End React.js/Next.js only in large commercial projects. I have worked in large teams, but I also have experience in independent development.
My GitHub: https://github.com/virus231
LinkedIn: https://www.linkedin.com/in/vladyslav-prodan-4865891a0/
Rate per hour: $20
Feel free to contact me!
-
30 days1261 USD
8817 27 0 1 30 days1261 USDThe project can be implemented on Next.js + Supabase. The following will be considered:
multi-step booking form
Google Maps, Stripe integration
support for EN / RU / AR + RTL
responsiveness for all devices
…
high performance and SEO
admin panel for managing services, prices, orders, and translations
Ready to offer development stages and time estimates.
-
15 days1375 USD
906 3 0 15 days1375 USDHi!
I have integrated the MERN + Sanity(CMS) from the wordpress website, UMCH university of the UMCH university in Germany.
It is in my portfolio and you can check it out.
And also rich experience in using the react theme such as MUI and Ant design.
Let's give it a shoot.
Thanks.
-
1 day29 USD
2656 40 0 1 day29 USDHello. I will do it. Write to me, I will be glad to cooperate
Hello. I will do it. Write to me, I will be glad to cooperate
-
10 days802 USD
173 10 days802 USDHello, Thanks for your detail
I read your description carefully and understood fully.
As a full stack developer, I have enough experience in React/Next.js , supabase, Stripe integration and can build your frontend and backend successfully.
Let's discuss in more detail!
Best Regards
-
3 days378 USD
183 2 0 3 days378 USDHello. I can do it on Next.js without design, I code everything adaptively in pure CSS. Write to me.
Examples of work:
https://alerzi.github.io/Fitness/
https://alerzi.github.io/Agency/
https://alerzi.github.io/Construct/
-
14 days229 USD
422 1 0 14 days229 USDGood day!
I am very interested in your proposal. I am a FullStack Web developer with experience in stacks such as PERN, MERN, PEVN, MEVN. I work with modern technologies: Node.js (NestJS), React.js (Next.js), PostgreSQL, and other tools from the JavaScript ecosystem.
Here is what I can offer you:
- Clean and maintainable code — I use ESLint and Prettier to ensure the code is structured, readable, and easy to support;
- Clear architecture — the entire project structure will be logical, without chaos or "confusing forests";
- Modern technologies — using up-to-date solutions on both the frontend and backend;
- Quality and timely development — I work responsibly, adhering to deadlines;
… - Pixel-perfect responsive design;
- Website localization;
- SEO — optimization for search engines;
- Precise implementation of requirements — everything will be realized according to the specified technical task.
If you are looking for quality, clean architecture, and a responsible performer — I am available!
-
20 days802 USD
512 20 days802 USDHi! I've reviewed your detailed brief and Figma designs this is a solid and exciting project. I can help you bring it to life using Next.js and Supabase (or another stack if needed), ensuring full responsiveness, multilingual support (including RTL for Arabic), and smooth booking UX with optimized performance. Stripe integration, admin panel, SEO, and analytics setup all covered. Let’s discuss the timeline and how we can make SuperTrust stand out.
Looking forward to working together!
Freelancehunt
-
20 days802 USD
318 20 days802 USDHey! This sounds like a solid, well structured project with a clear direction. I’d be excited to help bring your new booking flow and personal account pages to life using Next.js and Supabase. The Figma files and tech doc give a great foundation I’ll make sure everything runs smoothly, looks sharp across all devices, and hits performance and SEO targets. Let’s connect and go over the next steps!
Freelancehunt
-
20 days802 USD
466 20 days802 USDHey! This project looks super exciting especially with the switch to Next.js + Supabase. I’ve gone through the Figma designs and the tech doc, and it’s clear this is a well thought out build. I can help implement everything from the dynamic multi step booking flow to localization, Stripe payments, and SEO optimizations all with a clean, responsive frontend and performant architecture. Let’s sync on your timeline and team setup so we can get things moving smoothly!
Freelancehunt
-
15 days516 USD
513 3 0 15 days516 USDHello, I can do the work, I have more than 3 years of experience in this field, show cases are available. Write to me, we will agree on the price.
-
15 days802 USD
13013 67 0 15 days802 USDHello! I will complete your task quickly and efficiently.
My portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Write to me, I will start working today. I will be glad to cooperate with you!
-
20 days573 USD
1047 11 1 20 days573 USDHello!
I am ready to undertake the project — I have experience with Next.js, Supabase, Stripe, multilingualism (including RTL), as well as building complex booking structures and admin panels.
I have thoroughly studied the technical specifications, design in Figma, and examples. I am confident that I can complete the task with quality and on time, taking into account all requirements for UX, SEO, and PageSpeed.
I also suggest breaking the work into logical stages so that you can easily track progress and adjust priorities.
I would be happy to discuss the details and start working!
-
30 days2292 USD30 days2292 USD
Hello Maria,
Thank you for your outstanding and detailed documentation. As a Full Stack Developer who has successfully delivered over 15 production-ready applications using Next.js, your project is a perfect fit.
I have thoroughly analyzed the specs. I will leverage my expertise in TypeScript, Tailwind CSS, and PostgreSQL to build the performant, multi-step booking form with full RTL support and the flexible admin panel you require. My strong foundation in algorithms and data structures will be key to meeting your PageSpeed goal of 90+.
… I propose structuring this into two key milestones: the customer-facing booking flow, then the admin panel.
My professional estimate for the complete scope is €2000 over 5 weeks. I have a component architecture mapped out and am ready to discuss the implementation plan.
Best regards,
Revaz Goguadze
-
ТЗ Сайту на 100 ст для розробки декількох сторінок ? Щось не клеїться.
-
Current freelance projects in the category HTML & CSS
Webflow developer for filling portfolio pages on the websiteA website custom-built on Webflow for a construction company needs to quickly fill project pages using one template (replace images and texts) For 2 languages Quantity - 6 pieces Ready to start asap, thank you! HTML & CSS, Web Programming ∙ 1 day 14 hours back ∙ 42 proposals |
Layout and setup of a WordPress site for a construction company (Premium segment) with a focus on SEOProject Description: We are looking for an experienced WordPress developer to implement and deploy a ready design layout from Figma onto the WordPress CMS. Important Project Context: This is not a website development from scratch. The company has an existing website, and we are… HTML & CSS, Web Programming ∙ 1 day 19 hours back ∙ 69 proposals |
Moved the website from OpenCart to the Khoroshop platformHello. There is a website on OpenCart, an online store. It is necessary to transfer the structure of the site to the GoodShop platform, select a design for the new site, and make it fully functional. HTML & CSS, Web Programming ∙ 2 days 16 hours back ∙ 38 proposals |
Need a strong WordPress / WooCommerce specialist for the refinement of the MARSPRO website.We are looking for a responsible freelancer or a small team for the quality completion and technical refinement of the MARSPRO company website. The website is already operational, but there are many minor and significant technical issues left by the previous developer. We need a… Content Management Systems, HTML & CSS ∙ 3 days 16 hours back ∙ 45 proposals |
Sandra Ice Cream - Kaleidoscop
92 USD
We have a small project, and we would like to know if you can prepare a video for us for an LED screen. The video will be used at our event. We will provide all necessary materials: design, brand book, dimensions, and technical requirements. Please let us know if you are… HTML & CSS ∙ 3 days 18 hours back ∙ 7 proposals |
Germany