Good Dirt — сайт бренда еды с иллюстрированными SVG-упаковками, витриной вкусов с вкладками, которые меняют цвет, закрепленным поперечным срезом почвы, который растит корни, грибы и червей по мере прокрутки, карточками фермы на открытке, измерителем хруста с физикой рассыпающихся крошек, стеной отзывов, конструктором сборки коробки с клеткой, экономией на подписке и демонстрационной корзиной, а также поиском магазинов по почтовому индексу.

Смотреть живую демонстрацию →

Подпись: Коробки и крекеры нарисованы SVG и опускаются в герой, закрепленный dig через regenerative field, и крекер, который рассыпается на осколки и крошки при его хрусте.

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

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

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

Подойдет для

• Продукты питания и бренды закусок
• Direct-to-consumer подписочные магазины
• Истории ферма-до-стола и регенеративного сельского хозяйства
• Булочные, обжарщики и мелкосерийные производители
• Любой продукт с ароматами, упаковкой и миссией

Лицензия

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

Версия 1.0.0.