Tidewater ist eine Impact-Company-Seite, aufgebaut wie eine Tauchreise: ein WebGL-Caustics-Hero mit CSS-Fallback, ein scrollgesteuerter Abstieg, der das Wasser verdunkelt und mit Meeresschnee füllt, ein Tiefenmesser, ein dreistufiges Kelp-Panel, ein Live-Register-Kassenbuch mit Filtern und CSV-Export, eine interaktive Standorte-Map, ein Beweisdiagramm, das man mit den Pfeiltasten lesen kann, ein Methoden-Akkordeon, Käuferlogos, einen gestaffelten Preisrechner mit Abnahmeverträgen und einem Angebotsformular sowie eine Meeresboden-Fußzeile.

Live-Demo ansehen →

Signatur: WebGL-Caustics und God-Rays an der Oberfläche, ein angeheftetes Tiefenmessgerät, das dich beim Scrollen 1.000 Meter nach unten führt, und einen Rechner, der jede Tonne bepreist.

Dies ist die React-Ausgabe: ein Next.js 16 + React 19 + Tailwind 4 + Motion-Projekt. Jedes Wort des Textes befindet sich in einer einzigen Datei (content/site.ts). Führt npm install und npm run dev aus – so würdet ihr jede Next.js-App starten.

Was du bekommst

• Seiten: Startseite, 404, Datenschutz
• Selbst gehostete Schriftarten (Fraunces und Albert Sans) und keine Drittanbieter-Anfragen: keine Google Fonts, keine Analytics oder Einbettungen
• README, AGENTS.md und CLAUDE.md, damit KI-Coding-Assistenten verstehen, wie das Projekt zusammenpasst
• DESIGN.md mit Design-Token, Typen-Skala und Komponenten
• CHANGELOG, Credits und Lizenz

Geeignet für

• Unternehmen für Kohlenstoffentfernung und Klimatechnik
• Ozean-, Natur- und Schutzorganisationen
• Register, Daten- und Audit-getriebene Produkte
• Impact-Fonds und Nachhaltigkeitsberichte
• Jede Geschichte, die als Reise von Oberfläche zu Tiefe erzählt wird

Lizenz

Verwende es für unbegrenzte Projekte, deine eigenen und die deiner Kunden. Du darfst die Vorlage selbst nicht weiterverkaufen oder weiterverteilen.

Version 1.0.0.