Landing Page implementation on React js, Tailwind (the code already exists, it needs to be adjusted to the layout in Figma)
20 USD Successful result = successfully passed Speed Test of the site and full compliance with the layout.
Access to the layout in Figma, Google Drive with all photos and icons (it is preferable to create them through icon code, but as it turns out), zip file with existing code (which needs to be either refined or redone - whichever is easier for you) - I will provide everything in personal messages.
Don't be scared, there is quite a lot described here, but overall the main goal is to make it as in the layout, the physics is already implemented, just a lot of CORRECTIONS need to be made in the code. If there are any issues with the text - I can fix it in the code myself, because I am studying to be a programmer, I just don't like it and I don't know React js. The main thing is that the layout should be responsive. Pay attention to the margins, 3 fonts are used (Lexend Exa, Lexend Mega, Lexend Zetta). So, please just click in the layout, look at the margins, there are 80 pixels on the sides from the screens (each block is divided into screens), everything is centralized according to these screens. All neon elements are just a duplicate of one element with different Layer Blur (50, 25, 15, 10, 5 (almost everywhere), in some cases the gradient differs in colors. I will leave you a very cool review and you will be able to use my work in your portfolio.
Additional description:
1. Animation of the Tools section: I would like the icons in the Tools section to be animated like "glass balls". They should realistically fall down under the influence of gravity, accumulate there, and slightly roll from side to side upon interaction or collision. Remove the border that exists in the current code. Ideally, it would be great to make them more glassy, but it can also be left as in the layout. (the physics is already implemented)
2. Viewing Case Studies (PDF Modal): When clicking on the “Full Project” button, a modal window should open with a view of my PDF presentation. (!!!!!but this is already implemented)
Functionality: the ability to scroll pages inside the window.
Design: a concise animated close button in the upper right corner to close (this is also already there)
3. Additional certificates: In the certificates section, when clicking on the button, a modal window should appear.
Styling: frosted glass effect (glassmorphism) with a gradient.
Content: there should be 2 more certificates that did not fit into the main grid, with the ability to easily add new ones through code in the future. (when you click on the certificate it opens (like presentations))
4. “View Explanation” function in Tools: When clicking on “View Explanation”, the round tool icons should transform (or be replaced) with cards containing the name and a short description. The description should be under each icon, so in this popup window, you can scroll down.
Examples of texts: * Speed Test: “High website speed can reduce cost per click (CPC).”
GTM: “Helps set up analytics without involving programmers.”
GA4: “Helps analyze data and not waste advertising budget.”
5. Validation and logic of the lead form:
Error: If mandatory fields are not filled, the form should not be submitted. A visual effect (glow) should be added around the unfilled fields. (this is already implemented!!!)
Success: After successful submission, a PopUp should appear with the text: “Request sent. Let’s see how we can scale your results soon!”. (I can do this either right away or when you get to this point, the logic is simple - the form in the back becomes empty and darkens - and the PopUp pops up in the middle of the form and looks the same as the window with certificates)
Phone field: Next to the number input (where +00) add a small square with rounded corners for selecting the country code in ALPHABETICAL order (Dropdown).
Applications 1
Work results
Client's review of cooperation with Paikar Avetisian
Landing Page implementation on React js, Tailwind (the code already exists, it needs to be adjusted to the layout in Figma)I am very satisfied with the work of Paikar. He professionally refined the existing code and made the layout truly pixel perfect. All margins, fonts, and responsiveness for mobile devices are executed flawlessly. He also properly set up form validation and modal windows. The code is clean and easy to maintain. I recommend him as a responsible specialist!
Freelancer's review of cooperation with Marina Shkliarska
Landing Page implementation on React js, Tailwind (the code already exists, it needs to be adjusted to the layout in Figma)Pleasant client, responds quickly and clearly sets tasks. Collaboration went smoothly, I recommend.
-
4 days111 USD
4 days111 USD
Hello, I can layout according to the design,
there are projects in the portfolio on React, feel free to contact me.
-
3 days123 USD
3 days123 USD
Hello!
I looked at the description - yes, I can help you with this.
I have been working with websites for over 3 years, so I understand well how to carefully refine existing code without breaking what already works. If it's better to just make edits in some places, and in others it's faster and cleaner to redo a specific block - no problem, I assess the situation.
From what you described, the main thing for me is to bring the website to exact compliance with the layout, properly finalize the responsiveness, margins, fonts, element behavior, and overall integrity of the interface. React is fine for me, so I can easily understand the code and make all the necessary edits.
I also pay attention not only to the appearance but also to the structure of the code and the speed of the website, so that after the edits nothing breaks and the site passes the speed test normally.
… Here are a few of my works:
https://www.alytic.sa/
https://www.tornix.ai/
https://www.leagueit.org/
-
1 day223 USD
1 day223 USD
I am ready. I am prepared to finish your website and start right now. I have experience in website development in code.
-
Winning proposal3 days20 USD
1066 7 0 Winning proposal3 days20 USD
Good day!
I have reviewed the task description. I understand that the main work involves refining the existing code, adapting it to the layout, and carefully working through all the details (margins, fonts, responsiveness, UI).
I am ready to implement:
— layout adjustments with full adaptation for all devices
— refinement of modal windows (PDF, certificates)
— correct functioning of the form (validation, success popup)
— implementation of block logic (including View Explanation)
… — careful integration of animations and interactive elements
I am also currently actively studying React, so if necessary, I can understand the current code and refine the logic without any problems.
I work attentively to details, focusing on pixel perfect and the convenience of further code maintenance.
I am ready to discuss the details, review the layout, and propose the optimal implementation option.
-
4 days111 USD
328 0 1 4 days111 USD
Good day!
I am ready to finalize your website according to the Figma layout with an emphasis on responsiveness, precise margins, fonts, modal windows, the Tools block, the form, and passing the Speed Test.
I can carefully refine the existing React code or redo specific parts if that would be cleaner and more reliable. For me, the priority here is clear: maximum compliance with the layout + correct operation on all screens.
-
4 days201 USD
1014 6 0 4 days201 USD
Hello, check out my latest project, it is written in React, there is a link.
Speed Test 98%
I can implement the project in pixel perfect.
-
5 days134 USD
662 2 0 5 days134 USD
Hello! The project looks simply incredible — very stylish and modern design. I am very pleased to help bring it to perfection. I like your attention to detail (neon effects, Lexend fonts, glass morphism).
My action plan based on your specifications:
Tools Animation (Glass Balls): I will adjust the physics so that the balls feel "weighty," and add visual depth (gradients, blur, reflections) to make them look like real glass.
View Explanation: I will implement a smooth transformation of icons into cards with descriptions. This will look like a natural part of the interface.
Certificates and Case Studies: I will polish the modal windows, set up the glass effect (glassmorphism), and structure the code so that you can easily add new certificates through a single array in the code.
Form and Validation: I will add a dropdown list of countries in alphabetical order and set up the logic for successful submission with your PopUp message.
Responsiveness and Speed Test: I will check every margin (80px on the sides) and optimize loading so that the site runs smoothly.
… I have deep knowledge of React.js and experience with animations, so the result will closely match the layout.
On your side, you will only need to provide the code and a link to Figma. I am ready to start the "magic" on your website right now!
-
3 days89 USD
9927 117 0 3 days89 USD
Hello.
I am a NodeJS developer. I am ready to take on the task. Write to me, we will discuss.
-
1 day25 USD
8965 69 0 1 day25 USD
Good day, I have experience with React + Tailwind CSS. Is this not all the edits? Can you provide more information about the edits and what your budget for the project is? Is 880 the final amount?
-
4 days62 USD
764 5 1 4 days62 USD
Good day, Marina! I carefully read the entire description — the task is extensive but clear. I have experience with React + Tailwind, and I also work with Figma.
For each point:
1. Animation Tools (glass balls) — I will implement realistic falling with gravity + collision using CSS/Framer Motion, removing the unnecessary border from the current code.
2. PDF Modal (Case Studies) — a modal window with page scrolling inside, animated close button, matching the Figma layout.
3. Certificates (glassmorphism) — 2 cards with a frosted glass effect + gradient, clicking opens like a presentation, easily scalable through code.
4. View Explanation in Tools — transformation of the icon → card with a title and description, a pop-up window with scrolling down.
5. Lead form — validation with a glow effect on empty fields, PopUp "Request sent" after success, Dropdown for selecting country code (+00) in alphabetical order.
Responsiveness, 80px margins from the edges, 3 fonts (Lexend Mega, Lexend Exa, Lexend) — I will verify everything against the Figma layout. I will deliver clean code that can be immediately showcased in the portfolio.
-
1 day22 USD
12912 67 0 1 day22 USD
Hello! 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 happy to collaborate with you!
Current freelance projects in the category Javascript and Typescript
I am looking for an experienced Full Stack developer to create a SaaS service for online stores.Service idea: The client uploads a link to their product feed (XML or CSV). The service automatically retrieves the products, takes their photos, and creates new advertising images based on ready-made templates: price, discount, logo, promotional tags, etc. There should also be… Javascript and Typescript, Web Programming ∙ 3 days 3 hours back ∙ 86 proposals |
Development of a WebGL/Three.js scene with generation and export of 3D (snapshot) from an animated shaderObject Description:The project is a designer table shaped like a realistic, deep whirlpool (a central vortex that smoothly transitions from a wide horizontal tabletop to a thin elegant leg). Task Essence:A WebGL / Creative Coding developer is required to create an interactive 3D… Javascript and Typescript, Web Programming ∙ 3 days 23 hours back ∙ 30 proposals |
Support and development of the cleaning company's website
20 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 6 days 1 hour back ∙ 64 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 7 days 2 hours back ∙ 30 proposals |
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 8 days 17 hours back ∙ 36 proposals |
Kyiv