Tech – One-Page Website (Vite + React + TailwindCSS) with Apple-Style Scroll, Email Lead Form + CAPT
22 501 UAHProject Overview
We need a modern, high-performance one-page website built using Vite + React + TailwindCSS.
The site will feature smooth, Apple-style scrolling animations, a single lead form that sends submissions directly to our email (no backend), and a payment button integrated with Stripe.
The complete Figma design (desktop, tablet, mobile) will be provided.
Tech Stack
Vite + React + TailwindCSS (or similar)
GSAP + ScrollTrigger and Lenis (or equivalent) for Apple-style smooth scroll and animations
No backend — static build with form handled via a client-side email service
Deployment: optional, we can discuss
Design & Animation
Pixel-perfect implementation of provided Figma file.
Smooth scroll effects similar to apple.com:
Section pinning and reveal-on-scroll animations.
Parallax motion and cinematic transitions.
Lead Form
Fields: Name, Email, Phone (optional), Message.
Submissions must send directly to our email via a no-backend service:
Acceptable: Getform, Formspree, or EmailJS.
Requirements:
Input validation (required fields, email format).
Loading, success, and error states.
CAPTCHA integration (Google reCAPTCHA v2 Invisible/Checkbox or hCaptcha).
Hidden honeypot field for spam prevention.
“I agree to Privacy Policy” checkbox (link to static privacy section).
Payment Integration
Add one Stripe Payment Link / Buy Button (URL provided).
Opens securely in a new tab or embedded via Stripe’s official method.
Performance & SEO
Lighthouse (mobile):
Performance ≥ 90
Accessibility ≥ 95
Best Practices ≥ 95
SEO ≥ 95
Optimized responsive images (WebP/AVIF, lazy-loading).
Meta tags, OG/Twitter cards, favicon, sitemap.xml, robots.txt.
Semantic HTML and full accessibility compliance.
Deliverables
Fully functional, production-ready one-page site matching Figma design.
Lead form integrated with email + CAPTCHA.
Stripe Payment Link working and tested.
Deployment on Vercel (or Netlify).
Source code in Git repository with:
README (setup, build, deploy, edit form/CAPTCHA/Stripe link).
Comments explaining animation logic and scroll timelines.
Optional short Loom walkthrough (3–5 minutes).
Milestones
Setup & Base Layout (20%) – Project scaffold, basic layout, initial deploy preview.
Static Build (40%) – Full design implementation, responsive layout QA.
Animations & Integrations (30%) – GSAP scroll effects, form email + CAPTCHA, Stripe integration.
Final Polish (10%) – Performance optimization, SEO, deployment & handoff.
What We Provide
Figma design files + all assets/copy.
Our email address for lead delivery.
CAPTCHA keys (reCAPTCHA or hCaptcha).
Stripe Payment Link.
Hosting access (Vercel / Netlify).
Proposal Requirements
Please include:
Description of your approach using Vite + React + TailwindCSS.
Libraries you’ll use for scroll and animation (GSAP, ScrollTrigger, Lenis, etc.).
2–3 examples of Apple-style scrolling sites you’ve developed.
Estimated timeline, milestones, and fixed price.
Post-launch support period.
Одностраничный сайт на основе Figma
Single Page website based on Figma
Приложения 1
-
1 день55 422 UAH1 день55 422 UAH
Привет!
Меня зовут Елизавета, я опытный разработчик с 5-летним опытом в сфере веб-разработки и e-commerce.
У меня есть опыт разработки подобных сайтов и веб-приложений. Вот конкретный пример, но для автобусных билетов: https://busticket.info/. К разработке этого сервиса также был привлечен дизайнер с моей стороны. Здесь использовались Next.js, Tailwind, typescript.
Вы можете ознакомиться с моим портфолиоFreelancehunt которое может вас заинтересовать и подтвердить мои профессиональные навыки.
Буду рада предоставить вам более содержательную оценку работы и пообщаться о проекте в личных сообщениях!
…
Мой рейд 18 $ / час
Готова ответить на все ваши вопросы!
Хорошего дня!
-
14 дней24 702 UAH
71 14 дней24 702 UAHЗдравствуйте,
Я ознакомился с вашими требованиями. Я разрабатываю с использованием Next.js / React.
Вы можете посмотреть пример моей работы на gijastop.vercel.app
— он включает в себя анимации прокрутки в стиле Apple.
-
14 дней21 558 UAH
279 14 дней21 558 UAHЯ Селек, основатель и создатель собственного бренда, предлагающего профессиональные и комплексные цифровые услуги от программирования до дизайна. Я работаю с HTML, CSS, JavaScript, TypeScript, ReactJS и NodeJS, что позволяет мне создавать быстрые, функциональные и эстетически привлекательные веб-сайты и веб-приложения.
Программирование и разработка систем:
Я специализируюсь в области Front-End и Back-End. Я создаю современные пользовательские интерфейсы с использованием ReactJS, интегрирую базы данных (SQL, NoSQL – MongoDB), создаю безопасные и эффективные REST API, которые адаптируются к потребностям бизнеса. Я использую TypeScript для достижения еще большей безопасности и стабильности кода.
Дизайнерские решения:
В дополнение к программированию я предлагаю профессиональный дизайн веб-сайтов, сочетая принципы ретро-стиля UI/UX, и конечные решения будут не только функциональными, но и визуально привлекательными. Я также создаю уникальные, запоминающиеся логотипы, которые отражают суть бизнеса. Я использую современные технологии ИИ для создания инновационных визуальных решений - дизайна, сгенерированного ИИ, иллюстраций, визуализаций продуктов и т.д.
…
Реализация проекта от А до Я:
Я не просто программист или дизайнер - я решатель проблем. Я начинаю каждый проект с анализа и понимания потребностей, затем перехожу к дизайну UX/UI, кодированию, тестированию и оптимизации. Я могу работать как индивидуально, так и в команде, а также как фриланс-специалист.
Почему стоит работать со мной?
Я работаю с качеством и ответственностью
Я способен самостоятельно управлять всем процессом разработки
Я ориентирован на потребности клиента и бизнес-ценность
Я всегда ищу инновационные решения
У меня есть опыт работы как с небольшими, так и со сложными проектами
Для получения дополнительной информации, пожалуйста, посетите:
www.selek.site
https://github.com/SelekOnlineDev
https://www.linkedin.com/in/eimantas-jaskonis/
https://www.linkedin.com/company/selekonlineworld/?viewAsMember=true
https://www.facebook.com/profile.php?id=61576021976928
instagram.com/selek_online_world
Если вы ищете кого-то, кто сочетает техническую экспертизу с креативным видением, я помогу вашему бизнесу расти в цифровом пространстве!
-
18 дней22 366 UAH
2512 4 0 18 дней22 366 UAHПривет, Артем!
Меня интересует ваш проект, наша небольшая команда может реализовать ваш одностраничный сайт. У нас есть опыт разработки продуктов в вашей нише, в частности, мы разработали AI-чатбота для компании, которая продает и транспортирует автомобили из-за границы.
Мы можем сделать вашу целевую страницу как на вашем стеке, так и на WordPress, что поможет вам быстрее масштабировать ваш сайт в будущем, а благодаря админ-панели "в коробке" будет намного дешевле и удобнее управлять.
Давайте обсудим детали.
-
5 дней22 456 UAH
605 2 0 5 дней22 456 UAHМы создали лендинги точно такие же, как этот — Vite + React + TailwindCSS + GSAP (ScrollTrigger + Lenis) — с прокруткой в стиле Apple, отправкой форм через EmailJS и интегрированными кнопками покупки Stripe.
Некоторые похожие работы:
🔹 https://trellify.com/en
— SaaS на React + TypeScript с SEO-оптимизацией и плавными переходами между секциями
🔹 https://optimeal.com/
— оптимизация производительности, настройка OG и схемы, карта сайта, robots.txt
🔹 https://insideshop.com.ua/
— полностью адаптивный, быстрый и SEO-дружественный статический билд
…
Я могу помочь с:
🔸 Vite + React 19 + Tailwind + TypeScript — быстрая, статическая, готовая к развертыванию архитектура
🔸 GSAP + ScrollTrigger + Lenis — параллакс, закрепление, кинематографические анимации в стиле Apple
🔸 EmailJS + reCAPTCHA v2 — проверенная отправка форм напрямую на ваш email (без бэкенда)
🔸 Кнопка покупки Stripe — безопасная интеграция через официальный SDK
🔸 Производительность и SEO ≥95 — оптимизированные изображения (WebP/AVIF), мета, OG, schema.org, robots.txt
Этапы:
1️⃣ Настройка и базовая разметка — 20%
2️⃣ Пиксель-перфект статический билд — 40%
3️⃣ Анимации + Форма + Stripe — 30%
4️⃣ Оптимизация и финальная полировка — 10%
Финальная доставка включает:
✅ Чистый код (GitHub) + README
✅ Развернуто на Vercel / Netlify
✅ По желанию 3-минутный обзор Loom
Когда будет хорошее время обсудить дизайн Figma и подтвердить сроки и фиксированную цену?
-
10 дней22 456 UAH
297 1 10 дней22 456 UAHЗдравствуйте.
У меня есть обширный опыт создания высокопроизводительных одностраничных веб-сайтов с богатой анимацией, используя Vite, React и TailwindCSS, обеспечивая идеальные результаты прямо из дизайнов Figma. Фокус вашего проекта на плавной прокрутке в стиле Apple и кинематографических анимациях идеально соответствует моей экспертизе в GSAP, ScrollTrigger и Lenis, что гарантирует плавные, элегантные переходы и премиальный пользовательский опыт. Я реализую молниеносный, оптимизированный для SEO статический сайт с бесшовной интеграцией форм Formspree/EmailJS, защитой CAPTCHA и безопасной обработкой платежей через Stripe. Мой рабочий процесс акцентирует внимание на чистом, поддерживаемом коде, высоких оценках Lighthouse и полностью адаптивных макетах на всех устройствах. С проверенным опытом в области моушн-дизайна и производительности фронтенда, я могу предоставить визуально впечатляющий, готовый к производству сайт, который превзойдет как технические, так и эстетические ожидания.
-
10 дней25 600 UAH
457 1 0 10 дней25 600 UAHЗдравствуйте,
Я готов взяться за проект и создать веб-сайт.
По шагам:
Настройка, Реализация Дизайна:
Настроить приложение с использованием Vite + React + TailwindCSS.
Пиксельно-точная реализация дизайна Figma, включая анимации.
Изображения будут храниться в корне проекта для удобного доступа.
Для анимаций я буду использовать motion и hover.dev, аналогично эффектам в стиле Apple.
…
Техническая Оптимизация, Интеграции:
После этого я улучшу производительность, чтобы достичь высоких оценок Lighthouse.
Для отправки электронной почты я буду использовать SendGrid.
Быстрая интеграция Stripe Payment Link.
Завершение:
Полный исходный код будет предоставлен с README, включая инструкции по настройке, сборке и развертыванию.
** 570 USD / 10 дней **
период поддержки: 2 месяца
-
10 дней22 456 UAH
364 4 0 10 дней22 456 UAHПривет!
Заинтересовало ваше предложение по созданию одностраничного сайта с Apple-style скроллингом на Vite + React + TailwindCSS
Готов реализовать дизайн из Figma с GSAP/ScrollTrigger, формой (EmailJS + reCAPTCHA) и Stripe, оптимизировав под Lighthouse ≥ 90
Пишите обсудим детали !
-
3 дня22 456 UAH
1120 33 0 1 3 дня22 456 UAHПривет! 👋
Я могу создать ваш одностраничный сайт с использованием Vite + React + TailwindCSS с GSAP, ScrollTrigger и Lenis для плавной прокрутки в стиле Apple.
Сайт будет включать пиксельно-точные анимации, форму электронной почты без бэкенда с CAPTCHA и интеграцию Stripe — все полностью оптимизировано для производительности (Lighthouse 90+).
-
7 дней22 456 UAH
12784 4 2 7 дней22 456 UAHЗдравствуйте,
Я с удовольствием помогу вам создать ваш современный, высокопроизводительный одностраничный веб-сайт. Я специализируюсь на React, Vite и TailwindCSS и имею обширный опыт создания плавных прокруток в стиле Apple с использованием GSAP, ScrollTrigger и Lenis.
Мой подход будет сосредоточен на создании идеальной компоновки на основе вашего дизайна в Figma для настольных ПК, планшетов и мобильных устройств. Сайт будет включать в себя плавные анимации прокрутки с кинематографическими переходами, закрепление секций и эффекты появления при прокрутке, вдохновленные apple.com. Форма обратной связи будет полностью обрабатываться на стороне клиента с использованием EmailJS или Getform, включая интеграцию CAPTCHA, валидацию ввода и защиту от спама. Я также интегрирую вашу ссылку на оплату Stripe безопасно, открывая в новой вкладке или встраивая непосредственно.
Производительность и SEO будут в приоритете. Сайт будет полностью статическим, адаптивным и оптимизированным для скорости, с ленивой загрузкой изображений WebP/AVIF, чистыми метаданными и структурированной настройкой SEO (Open Graph, Twitter-карты, карта сайта и robots.txt). Цель состоит в том, чтобы достичь оценок Lighthouse не менее 90 для производительности и 95+ для доступности, лучших практик и SEO.
Ожидаемый срок выполнения проекта составляет около 7 - 10 дней. Разработка будет завершена в четыре этапа: начальная настройка и компоновка, полная реализация дизайна и адаптивное тестирование, анимации и интеграции, а затем настройка производительности и развертывание. После запуска я предоставлю двухнедельный период поддержки после запуска для любых корректировок или мониторинга производительности.
…
Я создавал аналогичные страницы с плавной прокруткой и анимацией для креативных и технологических брендов и могу поделиться примерами своей предыдущей работы, если это необходимо. Как только вы подтвердите вашу предпочтительную форму сервиса (EmailJS или Getform) и платформу хостинга (Vercel или Netlify), я могу начать немедленно.
С наилучшими пожеланиями,
Джео Винсент Карретас
-
3 дня22 456 UAH
180 3 дня22 456 UAHПривет! Я могу создать сайт на одной странице с идеальной пиксельной точностью и высокой производительностью с использованием Vite + React + TailwindCSS и анимацией в стиле Apple с помощью GSAP + ScrollTrigger + Lenis.
Подход
Статическое SPA, без бэкенда. Форма для лидов через EmailJS/Formspree/Getform → отправляется напрямую на ваш email.
Валидация (обязательные поля, формат email), состояния загрузки/успеха/ошибки, reCAPTCHA v2 или hCaptcha, скрытый honeypot.
Ссылка на оплату Stripe (открывается в новой вкладке или встроена через официальный виджет).
…
Производительность и SEO: Lighthouse (мобильный) ≥ 90/95/95/95, семантический HTML, доступность, OG/Twitter карточки, фавикон, WebP/AVIF + ленивый загрузка, sitemap.xml и robots.txt.
Анимации: закрепление секций, появление при прокрутке, параллакс, кинематографические переходы с хорошо прокомментированными временными шкалами.
Результаты
Страница, готовая к производству, соответствующая Figma (десктоп/планшет/мобильный).
Работающая форма для лидов + CAPTCHA, ссылка на Stripe протестирована.
Развертывание на Vercel/Netlify.
Git репозиторий + README (настройка/сборка/развертывание, как редактировать форму/CAPTCHA/Stripe).
Поддержка после запуска: [30] дней для мелких исправлений и рекомендаций.
Я готов начать, как только получу Figma, адрес электронной почты, ключи CAPTCHA и ссылку на Stripe.
-
4 дня22 456 UAH
3160 23 1 3 4 дня22 456 UAHПривет, Артем,
Я готов создать ваш современный, высокопроизводительный одностраничный сайт, используя Vite + React + TailwindCSS с плавными прокрутками в стиле Apple, интеграцией GSAP/ScrollTrigger и полностью функциональной формой для сбора email с CAPTCHA и кнопкой оплаты Stripe.
Вот что я предоставлю:
Пиксельно-точное выполнение вашего дизайна из Figma.
Плавная кинематографическая прокрутка и анимации секций (в стиле Apple).
…
Оптимизированное SEO (оценка Lighthouse >95) и адаптивная верстка.
Интегрированная форма для email с валидацией, reCAPTCHA и скрытым слоем защиты от спама.
Ссылка на оплату Stripe протестирована и развернута (Vercel или Netlify).
Я успешно создавал аналогичные целевые страницы, используя этот же стек, и могу гарантировать как производительность, так и качество.
-
3 дня22 456 UAH
129 3 дня22 456 UAHhttps://molly-skin.vercel.app/ru
Привет, как дела?
Это моя предыдущая работа с использованием React/Next.js + Tailwind CSS.
https://kibra.space/
В этом проекте я присоединился в качестве фронтенд-разработчика.
Также это мой github.
…
https://github.com/collaborationbest
У меня большой опыт работы с React + Tailwind, и я могу сделать страницу пиксельно идеально.
Надеюсь обсудить с вами больше деталей.
С наилучшими пожеланиями.
Стоян
-
2 дня22 456 UAH
2921 22 0 2 дня22 456 UAHЗдравствуйте!
Я внимательно изучил требования проекта и уверен, что смогу предоставить полное решение точно так, как описано. Я создам быстрый, отзывчивый одностраничный сайт, используя Vite, React и TailwindCSS, с работающими интеграциями — отправка формы, CAPTCHA и оплата через Stripe.
Вы можете ожидать идеальную реализацию, высокую производительность и чистый, поддерживаемый код. Я полностью готов завершить этот проект на 100%.
-
10 дней22 456 UAH
218 10 дней22 456 UAHДобрый день. Я новичок и готов сделать за минимальные деньги или даже бесплатно. Это отличный сайт для моего портфолио будет. Вот мой сайт-портфолио https://ljresetl.github.io/portfolio-frontend/
-
3 дня22 456 UAH3 дня22 456 UAH
Здравствуйте, я могу предложить написать всё на Next.js и развернуть это на Vercel (это бесплатно).
Я разработчик полного стека с более чем 3-летним опытом, специализирующийся на Next.js, React и TypeScript.
Примеры моей работы:
https://hashtech.dev/,
https://izigram.com/,
https://fasqon.vercel.app/
Я могу поделиться дополнительными примерами во время обсуждения.
-
10 дней112 281 UAH
1182 8 1 10 дней112 281 UAHПривет, Артем
Мы можем создать вашу целевую страницу по дизайну Figma, гарантируем хорошую производительность!
Напишите в личку для деталей.
-
14 дней35 930 UAH
2221 22 0 14 дней35 930 UAHЗдравствуйте, Артем.
Я создам современный, высокопроизводительный веб-сайт на основе дизайна и реализую все необходимые функции: плавные анимации, интеграция платежей и т.д.
У меня есть большой опыт работы над аналогичными веб-проектами, и в настоящее время я разрабатываю очень похожий.
Сроки: 2–3 недели. Цена: 800 долларов.
Вы подробно описали технические требования, поэтому задача мне ясна. Я выполню все быстро и качественно.
-
5 дней22 456 UAH
373 5 дней22 456 UAHЗдравствуйте!
Я прочитал описание вашего проекта и хотел бы предложить свою кандидатуру на разработку вашего одностраничного веб-сайта. У меня есть некоммерческий опыт создания веб-сайтов с использованием Vite + React, а также некоторые знания работы с TailwindCSS.
К сожалению, я еще не работал с библиотеками GSAP, ScrollTrigger и Lenis, но я могу быстро научиться их использовать в краткосрочной перспективе, так что это не займет много времени и усилий.
Я открыт для сотрудничества с вами!
Вот мои проекты:
https://hightallq.github.io/to-do-list-react/
… https://hightallq.github.io/julius-caesar/
https://hightallq.github.io/nika/
-
35 дней22 456 UAH
212 35 дней22 456 UAHПривет!
Я был бы рад создать ваш одностраничный сайт. Я работал с тем стеком, который вы упомянули — Vite, React, Tailwind, GSAP, Stripe (используя официальный метод интеграции) и Resend для электронной почты. Единственное, что я еще не использовал, это reveal-on-scroll, но мне бы хотелось попробовать это.
Мое портфолио:
https://cv-larchenko.vercel.app/
-
7 дней44 913 UAH
307 7 дней44 913 UAHЗдравствуйте.
У меня богатый опыт создания современных высокопроизводительных приложений React с использованием Vite, TailwindCSS и GSAP/ScrollTrigger для достижения плавной анимации и кинематографичных переходов в стиле Apple. Я успешно разрабатывал аналогичные интерактивные одностраничные веб-сайты с прокруткой, оптимизированные для скорости, SEO и доступности, стабильно получая оценку Lighthouse выше 95. Я обеспечу идеальную реализацию Figma с интеграцией EmailJS/Formspree для отправки лидов и Stripe для безопасных платежей — всё это в полностью статической конфигурации без бэкенда. Моя цель — создание визуально привлекательного, быстрого и плавного пользовательского опыта, отражающего высочайшее качество вашего бренда.
-
7 дней31 439 UAH
513 3 0 7 дней31 439 UAHПривет, могу сделать этот сайт для тебя за 7 дней. Я буду использовать GSAP в качестве библиотеки анимации. У меня еще нет сайтов с таким прокруткой в портфолио, но это не проблема.
-
7 дней67 369 UAH
95670 1272 1 10 7 дней67 369 UAHЗдравствуйте. Я работаю с React более 8 лет. Я готов к сотрудничеству.
-
30 дней67 369 UAH
404 2 0 30 дней67 369 UAHЗдравствуйте, я буду рад сотрудничать с вами!
У меня есть необходимый опыт и навыки...
Актуальные фриланс-проекты в категории Javascript и Typescript
Ищу опытного Full Stack разработчика для создания SaaS-сервиса для интернет-магазинов.Идея сервиса: Клиент загружает ссылку на свой товарный фид (XML или CSV). Сервис автоматически получает товары, берет их фотографии и создает новые рекламные изображения по готовым шаблонам: цена, скидка, логотип, акционные плашки и т.д. Также в сервисе должен быть простой… Javascript и Typescript, Веб-программирование ∙ 18 часов 39 минут назад ∙ 69 ставок |
Разработка WebGL/Three.js сцены с генерацией и экспортом 3D (snapshot) из анимированного шейдераОписание объекта:Проект представляет собой дизайнерский стол, выполненный в форме реалистичного, глубокого водоворота (центральная воронка, которая плавно переходит из широкой горизонтальной столешницы в тонкую изящную ножку). Суть задачи:Требуется WebGL / Creative Coding… Javascript и Typescript, Веб-программирование ∙ 1 день 15 часов назад ∙ 27 ставок |
Поддержка и развитие сайта клининговой компании
906 UAH
Ищу веб-разработчика / веб-мастера для долгосрочной поддержки и развития сайта клининговой компании. Сайт: https://donely.ca О проекте DoneLy Home Services — компания по предоставлению услуг уборки в Канаде, которая активно развивается и расширяет географию работы. Ищу… Javascript и Typescript, Веб-программирование ∙ 3 дня 17 часов назад ∙ 63 ставки |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 4 дня 18 часов назад ∙ 27 ставок |
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 6 дней 8 часов назад ∙ 36 ставок |