Add animated mesh gradient hero with overlay content

- Add @paper-design/shaders for WebGL mesh gradient effect
- Create hero-shader.js with liquid ink gradient (grayscale palette)
- Add overlay content: title, tagline, and CTA on shader
- Update hero section structure and styling
- Fix accessibility: gallery dot buttons, toggle ARIA attributes
- Fix undefined --color-terracotta CSS variable
- Update distribution structure for Codex/Cursor skills

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Paul Bakaus
2026-01-06 17:46:49 -08:00
co-authored by Claude Opus 4.5
parent f75321b2c1
commit 97c83fc51a
41 changed files with 2465 additions and 2021 deletions
+1
View File
@@ -27,6 +27,7 @@
"bun-plugin-tailwind": "^0.1.2"
},
"dependencies": {
"@paper-design/shaders": "^0.0.68",
"lenis": "^1.3.16",
"motion": "^12.23.26",
"tailwindcss": "^4.1.18",