Tidewater — сайт impact‑компании, созданный как погружение: герой с каустиками WebGL и запасной вариант на CSS, спуск, управляемый прокруткой, который затемняет воду и наполняет ее морским снегом, глубинометр, трехступенчатая панель с водорослями, живой реестр с фильтрами и экспортом CSV, интерактивная карта локаций, график доказательств, который можно прочитать клавишами со стрелками, аккордеон метода, логотипы покупателей, многоуровневый калькулятор цен с контрактами по отбору и формой запроса, и подпорная надпись на морском дне.

Посмотреть демонстрацию в реальном времени →

Подпись: каустики WebGL и божьи лучи на поверхности, зафиксированный глубиномер, который опускает вас на 1 000 метров по мере прокрутки, и калькулятор, который оценивает каждую тонну.

Это выпуск React: проект Next.js 16 + React 19 + Tailwind 4 + Motion. Каждое слово текста находится в одном файле (content/site.ts). Запустите npm install и npm run dev, как любой другой Next.js приложение.

Что вы получаете

• Страницы: Главная, 404, Конфиденциальность
• Самостоятельно размещаемые шрифты (Fraunces и Albert Sans) и без сторонних запросов: нет Google Fonts, аналитики или встраиваний
• README, AGENTS.md и CLAUDE.md, чтобы AI‑помощники по кодированию знали, как проект связан
• DESIGN.md с токенами дизайна, масштабом типов и компонентами
• CHANGELOG, кредиты и лицензия

Подходит для

• Компаний по удалению углерода и климатическим технологиям
• Океанских, природоохранных организаций
• Реестров, данных и продуктов, управляемых аудитом
• Фондов воздействия и отчетов по устойчивости
• Любой истории, рассказанной как путешествие от поверхности к глубине

Лицензия

Используйте её для неограниченного количества проектов, ваших и ваших клиентов. Вы не можете перепродавать или перераспределять сам шаблон.

Версия 1.0.0.