- Hero: goldener Glow-Schatteneffekt auf "Graffen"-Schriftzug
- Hero: Parallax-Effekt für Titel und Subtitle beim Scrollen
- Speisekarte: mehr Whitespace (py-28/py-36), größere Abstände
- Speisekarte: ornamentale Trennlinien mit Stern statt border-b
- Speisekarte: Allergene unter Beschreibung, Tooltip für vegan/vegetarisch
- Speisekarte: Allergen-Button mit sichtbarem Rahmen
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Separates Hero-Hintergrundbild für Mobile (graffen-hero-mobile.png)
- Nav-Hintergrund erscheint sofort bei geöffnetem Mobile-Menü
- Symmetrisches Padding im mobilen Menü
- Scroll-Button kleiner auf Mobile
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Multi-stage build: Node für SvelteKit build, Nginx zum Ausliefern.
Kopiert build/ nach /usr/share/nginx/html für die Standard-Coolify-Config.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
SvelteKit Single-Page Website für den rumänischen Foodtruck "Graffen":
- Hero mit Vanta.js Fog-Effekt und ornamentiertem Scroll-Button
- Speisekarte mit Sommer-/Winterkarte (JSON-basiert), Allergenen, Vegetarisch/Vegan-Kennzeichnung
- Catering-Sektion mit Anlass-Karten und CTAs
- Geschichte-Sektion mit Brand-Story
- Kontakt mit Instagram/E-Mail
- Ornamentierte Buttons und Modal im mittelalterlichen Stil
- Responsive Design mit warmem Sepia/Gold-Farbschema
- Lokale Fonts (Inter + UnifrakturMaguntia via @fontsource)
- Static Adapter für einfaches Hosting
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
