Good Dirt ist eine Site einer Lebensmittelmarke mit illustrierten SVG-Verpackungen, einer Geschmacks-Vitrine mit farbwechselnden Tabs, einer angehefteten Bodenquerschnitts-Darstellung, die beim Scrollen Wurzeln, Pilze und Würmer wachsen lässt, Postkarten-Farmkarten, ein Crunch-o-Meter mit zerbrechenden-Kracker-Physik, eine Bewertungswand, einen Build-a-box-Konfigurator mit Kiste, Abonnement-Sparen und einen Demo-Warenkorb sowie einen Postleitzahlen-Stoffhändler-Finder.

Live-Demo ansehen →

Signatur: Boxen und Cracker, die als SVG gezeichnet sind und in den Heldenbereich fallen, ein angehefteter Abbau durch eine regenerative Felderfahrung und ein Cracker, der beim Kauen in Splitter und Krümel zerbricht.

Dies ist die React-Edition: ein Next.js 16 + React 19 + Tailwind 4 + Motion-Projekt. Jedes Wort des Textes befindet sich in einer Datei (content/site.ts). Führe npm install und npm run dev aus, so wie du jede Next.js-App startest.

Was du bekommst

• Seiten: Startseite, 404, Datenschutz
• Selbst gehostete Schriftarten (Bricolage Grotesque und Rethink Sans) und keine Drittanfragen: keine Google Fonts, Analytik oder Einbindungen
• README, AGENTS.md und CLAUDE.md, damit KI-Codierassistenten wissen, wie das Projekt zusammenpasst
• DESIGN.md mit Design-Tokens, Typen-Skala und Komponenten
• CHANGELOG, Credits und Lizenz

Geeignet für

• Lebensmittel- und Snack-Marken
• Direct-to-Consumer Abonnement-Shops
• Farm-to-Table- und regenerativ-agrarische Geschichten
• Bäckereien, Röster und Kleinserienhersteller
• Jedes Produkt mit Aromen, Verpackung und Mission

Lizenz

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

Version 1.0.0.